2014年1月23日 Google株式会社にて行われた、html5j eコマース部第一回勉強会で発表させていただいた資料です。

1. スマートフォンECサイト制作
確実におさえたいポイントの
チェックリスト
松岡 芳美
ブランドデザイン・ディレクター 株式会社フルブライト
1
©Froubright
inc.
All
rights
reserved.

2. CHECK
1. スマホECサイトは本当に必要か、よく考える
2. 運⽤用第⼀一
3. ユーザー視点の設計は『買いやすさ』最重要視
4. 検証はユーザーと同じ環境で
5.『⻑⾧長期運⽤用前提のプロダクト』として⾒見見る
2
©Froubright
inc.
All
rights
reserved.

3. 1. スマホECは本当に必要か
よく考える
ビジネスである以上、作ったら成果を出さねばならない
● ユーザーのライフスタイルを知る
● スマホの⽬目的-‐‑‒何の為のスマホECサイトなのか、をよく考える
3
©Froubright
inc.
All
rights
reserved.

4. 2. 運⽤用第⼀一
クライアントにとっては、制作後がスタート
● レスポンシブデザインは、ハマればベストソリューション
● ECでは、制作よりも運⽤用⾯面でのリスクを考慮して
レスポンシブにするか、そうしないかを検討
4
©Froubright
inc.
All
rights
reserved.

5. 3. ユーザー視点の設計は
『買いやすさ』最重要視
すごい！と思われることよりも、滞りなくお買い物が完了了すること
● リクエストを可能な限り抑える
● フォームに最⼤大限、気を遣う
● ”スマホっぽい” 演出よりも単純さをとる
● 現⾏行行サイトへの ”慣れ” を忘れない
● 合い⾔言葉葉は『気に障らない』『⾃自然に』『ミスをさせない』
5
©Froubright
inc.
All
rights
reserved.

6. 4. 検証は
ユーザーと同じ環境で
Web制作の現場とスマホECの利利⽤用現場は、環境がかなり違う
● 電⾞車車の中、歩⾏行行時など、社外で⾒見見てみる
● 検証機は、スペック低めのものも⽤用意しておく
6
©Froubright
inc.
All
rights
reserved.

7. 5. 『⻑⾧長期運⽤用前提の
プロダクト』として⾒見見る
運⽤用しつづけられるECサイトであるために
● メンテナンスやチューニングのしやすさを特に重視
● 個⼈人の技術に頼る（属⼈人化する）のではなく、体系化する
7
©Froubright
inc.
All
rights
reserved.

8. スマートフォンECサイト制作
確実におさえたいポイントのチェックリスト
1. スマホECサイトは本当に必要か、よく考える
2. 運⽤用第⼀一
3. ユーザー視点の設計は『買いやすさ』最重要視
4. 検証はユーザーと同じ環境で
5.『⻑⾧長期運⽤用前提のプロダクト』として⾒見見る
8
©Froubright
inc.
All
rights
reserved.