UNISIA-SE Tech Blog
気まぐれお勉強日記
気まぐれお勉強日記
▼ インフォメーションアーキテクチャ
情報が伝わりやすく、探しやすいように情報構造を設計し、表現する技術のこと。
Webサイトの設計においては、以下3つの要素がある。
サイト構造
サイト構成を分類した階層構造で表現したものを指し、サイト構造をページで表現した サイトマップ などがある。
ナビゲーション
Webサイトにおいて、利用者が求める情報を探しやすいよう案内する機能(仕組み)を指し、メニュー、パンくずリスト、ページネーション などがある。
ラベル
メニューやボタンなどのオペレーション単位に関連付けされた名称を指し、利用者にとって分かりやすい名称が使用される。
▼ アクセシビリティ
高齢や障害、病気による運動視聴覚機能の制約などでサービスが容易に利用できない人へどれだけ配慮し、利用しやすくしているかの度合を指す。
※ アクセシビリティの向上例としては、画像情報を音声で伝えるスクリーンリーダーや、必須入力項目などの強調色が認識できない人向けに「必須」という文字で明記する考慮などがある。
▼ ヒューリスティックス
ヤコブ・ニールセンが提唱した経験則を基にしたインタラクションデザインの基準化を目的とした原則で下記の10ヵ条がある。
※ 具体的なユーザビリティガイドラインではないため、ヒューリスティックスと呼ばれている。
(1) システム状態の視認性
ユーザーに現在のシステム状態を明確に伝え、要求のフィードバックを簡潔かつ早く提示すること。
(2) システムと現実世界の一致
言葉やシンボル、概念などの情報は、全てのユーザー層に馴染みのある表現であること。
(3) ユーザーの主導権と自由
ユーザーの誤操作等でプロセスを変更したい場合、プロセスを戻す機能やプロセスを中断する非常口なる機能を設け、ユーザーに主導権と自由を持たせること。
(4) 一貫性と標準
業界の慣例的なプラットフォームに従わず一貫性のない言葉や表現によって、ユーザーに学習負荷を与えたり、疑問を持たせないこと。
(5) エラーの予防
可能な限りエラーが発生させない設計とし、エラーが発生した場合は、そのメッセージが適切であること。
(6) 想起より再確認
情報を表示するエリアやその導線となるアクションを設け、ユーザーに想起させないこと。
(7) 柔軟性と効率性
ユーザーの利用用途に合わせ、作業が効率化できるようショートカットなどのカスタマイズを設け、柔軟性を持たせること。
(8) 美的で最小限の設計
インターフェースから関連性の少ない情報を排除し、本質的な部分に焦点を当てたコンテンツやビジュアルデザインとなる設計にすること。
(9) ユーザーによるエラーの認識・診断・回復のサポート
エラーメッセージは、問題をわかりやすいシンボルや言葉で正確に表現し、解決策を建設的に提案できていること。
(10) ヘルプとドキュメンテーション
ヘルプとドキュメントの内容は、検索しやすくユーザーの目的遂行に沿う具体的な手順が簡潔に示されていること。
▼ ユーザビリティ評価
ユーザーにとってシステムの使いやすさを表す度合いを指し、有効さ、効率、満足度 の3つの観点で表す。
ユーザビリティの評価方法として、上記の ヒューリスティックス の原則を用いた ヒューリスティック評価 をはじめ、以下の種類がある。
ヒューリスティックス評価
上記 ヒューリスティックス の原則10ヵ条を基準にUX(利用者体験で得られる経験則) の有識者が評価する方法。
チェックリスト評価
ユーザビリティ基準表に基づき、その基準を満たしているかチェックする評価方法。
ユーザビリティテスト
ユーザー視点でユーザビリティの問題摘出と原因分析を行う評価手法。
▼ ユニバーサルデザイン
ユニバーサルデザインとは、文化、言語、国籍、年齢、性別、障害、能力を問わず、可能な限り、多くの人が利用できることを目的とした設計方針を指し、ユニバーサルデザインの実現には、アクセシビリティの向上 が不可欠となる。
Webアクセシビリティの向上を率先する組織である WAI(Web Accessibility Initiative) では、そのガイドラインを作成し、Webアクセシビリティの向上のための JIS X 8341 という規格を定めている。
また、スマート端末(スマートフォン、タブレット等)のアクセシビリティ向上手法として、スマート端末を優先に最適化する モバイルファースト というコンセプトがある。
なお、レスポンシブWebデザインもモバイルファーストをコンセプトとしたアクセシビリティの向上技術である。