課題解決のためのUI/UX

「デザインされた情報」の塊--地図から検討するUX - (page 2)

綾塚祐二 2016年11月28日 07時00分

  • このエントリーをはてなブックマークに追加
  • 印刷

リスト→地図の対応

 リスト中に目的の場所を見つけたら、次に利用者はそれが地図上のどこに対応するかを探す。そのために、その対応が容易に判るようになっていなければならない(さもなくばリストの意味があまりない)。よくあるパターンとしては、個別に番号を振って地図中にもその番号を示す方法や、地図をグリッドに区切って、数字とアルファベットでどのグリッド内にあるかを示す方法などが挙げられる。いくつかのエリアに明確に分けられる場合は、エリア名・番号(とエリア内での番号など)を示す場合もある。

 そのようにしても、そもそもの数が多かったり、グリッドやエリア内にある対象の数が多かったりすると探す難易度は高くなる。リストがカテゴリ分けされているならば、地図上でもそのカテゴリを色やハッチ、記号で示すなどなんらかの形で反映すべきである。エリアがある場合には、そもそもそれぞれのエリアがどこであるかを判りやすくせねばならない。それぞれの対象に対する「探すための情報」は、地図上の、利用者にとって認識しやすい形の情報として適切に対応しているべきなのである。

 リストの並べ方(レイアウト)も、製作者が意図する・しないに係わらずそれ自体が情報をユーザに伝える。その情報が地図上の情報と食い違うとき、悪いUXを生じやすい。

 なお、ウェブページ上での案内であれば、リストあるいは目的の場所に関する情報のページから、そこが属するエリアの地図へのリンクがあって然るべきである。

 「探すためのための情報」がある、だけでなく、そこから簡単に、間違いなく探せる方法があるのに提供しないのは、良いUIとは言えないし、良いUXの ための機会を逸していると言える。

リスト部分のレイアウトと地図が食い違う例

 筆者が過去に見た「判りづらい」案内図を元にした例を挙げる。5階建てくらいのビルの各フロアのいくつかの部屋が展示会場になっていて、パンフレットの案内図には各階ごとにページが用意されており、次に掲げるのはその中の3Fの図と思っていただきたい。


 上下の、数字が書かれたマスには実際には展示番号(フロア番号+数字)とそのタイトル、説明が書かれていた。この図だけ見ると、数字の並びが順が縦なのにやや違和感があるものの特に紛らわしいところはないと思われるだろう。問題は、中央の斜線の部分である。ここは実は吹き抜けで、このフロアは左右間の移動ができない。1Fまで降りるか、5Fまで上がるかしないと、移動できないのだ。

ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)

  • このエントリーをはてなブックマークに追加

関連ホワイトペーパー

SpecialPR

連載

CIO
月刊 Windows 10移行の心・技・体
ITアナリストが知る日本企業の「ITの盲点」
シェアリングエコノミーの衝撃
デジタル“失敗学”
コンサルティング現場のカラクリ
Rethink Internet:インターネット再考
インシデントをもたらすヒューマンエラー
トランザクションの今昔物語
エリック松永のデジタルIQ道場
研究現場から見たAI
Fintechの正体
米ZDNet編集長Larryの独り言
大木豊成「仕事で使うアップルのトリセツ」
山本雅史「ハードから読み解くITトレンド放談」
田中克己「展望2020年のIT企業」
松岡功「一言もの申す」
松岡功「今週の明言」
内山悟志「IT部門はどこに向かうのか」
林 雅之「デジタル未来からの手紙」
谷川耕一「エンプラITならこれは知っとけ」
大河原克行「エンプラ徒然」
内製化とユーザー体験の関係
「プロジェクトマネジメント」の解き方
ITは「ひみつ道具」の夢を見る
セキュリティ
セキュリティインシデント対応の現場
エンドポイントセキュリティの4つの「基礎」
企業セキュリティの歩き方
サイバーセキュリティ未来考
ネットワークセキュリティの要諦
セキュリティの論点
スペシャル
エンタープライズAIの隆盛
インシュアテックで変わる保険業界
顧客は勝手に育たない--MAツール導入の心得
「ひとり情シス」の本当のところ
ざっくり解決!SNS担当者お悩み相談室
生産性向上に効くビジネスITツール最前線
ざっくりわかるSNSマーケティング入門
課題解決のためのUI/UX
誰もが開発者になる時代 ~業務システム開発の現場を行く~
「Windows 10」法人導入の手引き
ソフトウェア開発パラダイムの進化
エンタープライズトレンド
10の事情
座談会@ZDNet
Dr.津田のクラウドトップガン対談
Gartner Symposium
IBM World of Watson
de:code
Sapphire Now
VMworld
Microsoft WPC
Microsoft Connect()
HPE Discover
Oracle OpenWorld
Dell Technologies World
AWS re:Invent
AWS Summit
PTC LiveWorx
吉田行男「より賢く活用するためのOSS最新動向」
古賀政純「Dockerがもたらすビジネス変革」
中国ビジネス四方山話
ベトナムでビジネス
日本株展望
企業決算
このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]