だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる
香西 睦(著)
/エムディエヌコーポレーション
作品情報
【「使いにくい」Webサイト、どうすれば改善できる!? ○×形式でわかりやすく解説】本書は「ユーザー視点」に立った使いやすいWebサイトを作るための、ユーザーインターフェース設計(UI設計)や情報デザイン(情報構造の設計)などについての考え方を、レイアウトやコンテンツ、ユーザビリティ、Webマーケティングなどの観点から解説したものです。見開き2ページ単位の構成になっており、記事テーマに即した良い例・悪い例のサンプル(Webページ)を使って○×形式で比較することで、難しいテーマをできるだけ具体的にわかりやすく説明しています。また、良い例・悪い例で述べた事柄をさらに深く理解していただくため、各テーマを詳細に掘り下げた解説記事も加えました。Webサイトの目的は「見てもらうこと」だけではなく「使ってもらうこと」であり、ひいてはユーザーに何かしらの「価値」を提供するためのものです。本書では、そうした考えにもとづき、使う側の視点に立った「本当に使いやすい」Webサイトのあり方・考え方を実践的に伝えています。「使いやすさ」「わかりやすさ」の重要性が増す現在のWebサイト制作に携わる、すべての方に読んでいただきたい一冊です。〈こんな方におすすめ〉・Webサイトの設計・デザイン・編集・ディレクションを行う方・WebサイトのUI設計や情報構造設計に携わる方・ユーザビリティやインフォメーション・アーキテクトに関する知識を身につけたい方〈本書の章構成〉CHAPTER 1 レイアウト・インターフェースCHAPTER 2 コンテンツ編集・設計CHAPTER 3 ユーザビリティCHAPTER 4 サイト設計・マーケティング戦略
もっとみる
商品情報
※この商品はタブレットなど大きなディスプレイを備えた機器で読むことに適しています。
文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。
この作品のレビュー
平均 3.7 (10件のレビュー)
-
Webデザインのお勉強。
・ユーザーがトップページに滞在する時間はせいぜい20秒程度。
→ローテーションバナーは4〜5枚に厳選する。
・黄金比で作る、美しくも最適な”間”
黄金比1:1.6…18(5:8)
・見ている領域と見ていない領域
多くのユーザーが「Fの字」を描くように視線を移動している
・大量のバナーが閲覧性をかえって損なっていく
・ドロップダウンメニュー
人間が一度に判断できる数は、7プライスマイナス2といわれているため、多くても9つ程度を限度にディレクトリー内の項目の数をコントロールするのが望ましい。
・グローバルな美の本来の目的は、いまの時代にそぐわない。
・Webコンテンツでは、本質・本題をタイトルに
・ルールを直観的にイメージできる情報配置
Webサイトに記載される情報は一般的に横書きですから、テキストが左から右に読まれるように、情報配置的にも左から右へ流れていく方が自然に受け取られます。
・よくある質問の本質は迅速なユーザーサポート
→通常、サイトの内容いかんに関わらず、誰もが必ず確認するコンテンツ本体で、わかりやすくていねいに説明や利用方法などが記載されていれば、特殊なケースや例外的なケースを除き、一般的な質問・疑問は出てこない
・便利に見えて、逆に生産性を下げてしまう入力アイテムの使い方
人間の目は左右につ並んでいるため、縦よりも横への注意力の方が勝っています。…
実は、画面の中の情報は、横に長く羅列されているとかえって視認性を損ないます。縦方向に並べる方が視線の移動距離が格段に短く済み、情報を瞬時に理解しやすくなり、比較検討もしやすくなります。
・その先に何があるおか分からないようなボタンを押して喜ぶほどユーザは暇ではない。続きを読む投稿日:2018.10.08
借りたもの。
見開きでNGデザインとOKデザインを見せるのは他の書籍も同様だが、その論拠となるユーザーインターフェイス(UI)設計の理論から解説。
デザイントレンドの新旧ではないことがミソ。
一見す…ると、そこまで時代遅れ感を感じさせないデザイン……しかしどこか分かりづらい。使いづらい。
デザインありきではなく、ユーザーの視点に立つことの重要性。
業界によって扱う情報量、重要なことは異なる。
それらをよくヒアリングしてデザインに落とし込むことが求められる……
それらは長く手探り状態だった。
この本はビジュアル面からもそれらをレクチャーしてくれる。
サイト全体に関わるレイアウト・インターフェース、サイト内容のコンテンツ編集・設計について、ユーザビリティの視点からよりよい設計にする方法、マーケティング戦略に則った表現方法。
人間のWebページを見る視点はZ型と言われたが、今はF型なのね……
下の方に行くほど読まれない。
最後に、Webサイトは企業のブランド価値を高めるものであること、ユーザーの役に立っていること――すなわちユーザーとの接点であること――を指摘。
BtoBマーケティングについても言及していた。続きを読む投稿日:2021.04.02
新刊自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
※新刊自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新号を含め、既刊の号は含まれません。ご契約はページ右の「新刊自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される「増刊号」「特別号」等も、自動購入の対象に含まれますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると新刊自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約・新刊自動購入設定」より、随時解約可能です続巻自動購入は、今後配信となるシリーズの最新刊を毎号自動的にお届けするサービスです。
- ・発売と同時にすぐにお手元のデバイスに追加!
- ・買い逃すことがありません!
- ・いつでも解約ができるから安心!
- ・優待ポイントが2倍になるおトクなキャンペーン実施中!
※続巻自動購入の対象となるコンテンツは、次回配信分からとなります。現在発売中の最新巻を含め、既刊の巻は含まれません。ご契約はページ右の「続巻自動購入を始める」からお手続きください。
※ご契約をいただくと、このシリーズのコンテンツを配信する都度、毎回決済となります。配信されるコンテンツによって発売日・金額が異なる場合があります。ご契約中は自動的に販売を継続します。
不定期に刊行される特別号等も自動購入の対象に含まれる場合がありますのでご了承ください。(シリーズ名が異なるものは対象となりません)
※再開の見込みの立たない休刊、廃刊、出版社やReader Store側の事由で契約を終了させていただくことがあります。
※My Sony IDを削除すると続巻自動購入は解約となります。
お支払方法:クレジットカードのみ
解約方法:マイページの「予約自動購入設定」より、随時解約可能ですReader Store BOOK GIFT とは
ご家族、ご友人などに電子書籍をギフトとしてプレゼントすることができる機能です。
贈りたい本を「プレゼントする」のボタンからご購入頂き、お受け取り用のリンクをメールなどでお知らせするだけでOK!
ぜひお誕生日のお祝いや、おすすめしたい本をプレゼントしてみてください。※ギフトのお受け取り期限はご購入後6ヶ月となります。お受け取りされないまま期限を過ぎた場合、お受け取りや払い戻しはできませんのでご注意ください。
※お受け取りになる方がすでに同じ本をお持ちの場合でも払い戻しはできません。
※ギフトのお受け取りにはサインアップ(無料)が必要です。
※ご自身の本棚の本を贈ることはできません。
※ポイント、クーポンの利用はできません。クーポンコード登録
Reader Storeをご利用のお客様へ
ご利用ありがとうございます!
エラー(エラーコード: )
ご協力ありがとうございました
参考にさせていただきます。