Webデザインのモバイル対応1

概要

SEO検定1級再受験に向けて、ダウンロード学習コースで勉強始めました。

モバイルサイトは「アクーディオン」や「タグ」「もっと見る」等を使いシンプルかつ軽量化されたデザインにする。

＊目次＊
〇概要
〇モバイルサイトの対応
〇商品サービスのトップページ
〇PCとスマフォユーザーの目線
〇複数の商材を販売するモバイル対応サイト
〇テキスト量
〇本の紹介

シンプルなデザインやレイアウト、ナビゲーションにし情報量を減らすことはしない

スピード面では軽量化した画像や無駄のないソースを心がける

Webページの表示速度=Webページの軽さ*ネット接続状況

アプリのような雰囲気のデザインを心がける

単品商品の販売サイトのトップページ：縦長

複数商品の販売サイトのトップページ：商品詳細ページへのリンク集にする

PC：Z型

スマフォ：I型

全てトップページで紹介すると縦長になり不便

⇒縦長にしない

モバイルサイトだから文字数を減らしていいわけではない

スマフォの画面にPCと同じ文字数では縦長になりすぎる

はじめの数行をモバイルユーザーに見せ、興味があればもっと見るリンクをタップ

見せたい部分だけを最初に見せて、残りはタブをタップしないと見えない