Contenu connexe
Similaire à Ecサイトの構造設計 ５月２１日 東京セミナー 抜粋
Similaire à Ecサイトの構造設計 ５月２１日 東京セミナー 抜粋 (20)
Plus de Narutoshi Gon (7)
Ecサイトの構造設計 ５月２１日 東京セミナー 抜粋
- 2. はじめに
• ユーザーエクスペリエンス（＝UX）
– その製品、サービスに関わるユーザーの経験
• ユーザー中心設計
（＝User-Centered Design；UCD）
– UXをより良いものにしよう、という視点からの設計
– UCD ＝ マーケティング視点のデザイン
転載・無断配布を禁止します。 2
- 3. はじめに
• “ウェブ戦略としての「ユーザーエクスペリエンス」”
– ２００２年 Jesse James Garrett
– 日本では 2005年 ソシオメディア
– その他おすすめ書籍
• “ウェブユーザビリティの法則”
– スティーブ・クルーグ
（ソフトバンクパブリッシング）
• “ウェブ情報アーキテクチャ”
– ルイス・ローゼンフェルド、ペーター・モーヴィル
（ソシオメディア）
• USではUXの概念が浸透している
• 日本では？
転載・無断配布を禁止します。 3
- 5. 用語解説
• UX（User eXperience） • インターフェイスデザイン
＝ユーザーエクスペリエンス – 見た目のデザイン
パッと見では把握できない、概念的な構造などではな
– ユーザーが製品・サービスの使用によって得られる経
く、一般的にデザインと呼ばれるもの
験
• UCD（User-Centered Design） • インタラクションデザイン
– カーソルを重ねたときに色が変化する、クリックしたと
＝ユーザー中心設計
きに動きが変るなど、アクションとその反応のデザイン
– UXを考慮しながらデザインすること
• ユーザビリティ
• IA（Information Architecture）
– 一般的な使いやすさ、使い勝手
＝情報構造
• アクセシビリティ
– 情報の構造化、優先順位付けなど
– 高齢者、障害者などを含めた使いやすさ
デザインの前提としての情報の整理
クリックしやすくボタンを大きくする、読みやすく文字を
• インフォメーションデザイン 大きくする、色弱の方を考慮して色遣いを考える、目
＝情報デザイン の不自由な方を考慮してALTを設計する、など
– 情報を認識してもらうためにどうデザインするか？イ
メージにするか、文字にするか、色は？サイズは？
転載・無断配布を禁止します。 5
- 13. 良いウェブサイトとは？
• ユーザーを定義する方法
– アンケート調査
– ペルソナ
– キーワード分析（ゴンウェブの場合）
• 近江牛.comの場合
– 現在のユーザー以外をターゲットにした
でも、本当にいまのユーザーが正解？
転載・無断配布を禁止します。 13
- 14. 戦略の枠組み ３C
• ユーザーを決める、それが戦略
– ユーザーの求める価値を提供できているか？
– 競合と比較して差別化が図れているか？
Customer
お客様
ベネフィット
Competitor Company
競合他社 自社
差別的優位点
転載・無断配布を禁止します。 14
- 18. ５階層概念モデル
戦
略
・-----
要件 ・-----
・-----
構造
骨格
表層
転載・無断配布を禁止します。 18
