simplified-views

シンプル表示

より少ない選択肢、抑えた視覚的な複雑さ、わかりやすい操作経路を備えた、よりシンプルなバージョンのインターフェースを設計します。複雑さを抑えたほうがよい、またはそれを好むユーザーのための表示です。

対象ユーザー

• 複雑なインターフェースに圧倒される、認知障害のある人
• よりシンプルで予測しやすいツールを好む高齢者
• まだ高度な機能を必要としない新規ユーザー
• ストレスの多い状況や、気力が落ちている状況にいる人
• 情報量が少ないほど操作が速くなる、支援技術を使っている人

基本原則

シンプル表示は、劣ったバージョンではありません。主要なタスクに必要なものをすべて備え、不要なものを含まない、焦点を絞ったバージョンです。

デザインパターン

機能の階層化

• 主要なタスクを特定します（ユーザーの80％が、時間の80％を使って行うこと）
• 主要な機能を初期状態で表示します
• 高度な機能には「もっと表示」または「詳細設定」からアクセスできるようにします
• 基本的なタスクを完了するために、高度な表示を必須にしてはいけません
• シンプル表示は機能が欠けているのではなく、完結していると感じられるようにします

段階的な複雑さ

• シンプルな状態から始め、必要に応じてユーザーが複雑さを加えられるようにします
• オンボーディングはシンプルモードで始めます
• ユーザーが慣れてきたら、複雑さを増やすことを提案します
• 「こちらも試してみませんか……」と案内し、「基本モードを使用中です」とは伝えません
• シンプル表示が劣っているとユーザーに感じさせてはいけません

ダッシュボードの簡素化

• デフォルトのダッシュボードには、主要な指標を3～5個と主要なアクションを表示します
• 全体表示のダッシュボードには、すべての指標、副次的なアクション、設定を表示します
• 表示するカードやウィジェットをユーザーが選べるようにします
• セッションをまたいでも選択内容を記憶します
• 「基本」、「詳細」、「カスタム」のプリセットレイアウトを用意します

ナビゲーションの簡素化

• シンプルなナビゲーションでは、最上位の項目のみを表示します
• 全体表示のナビゲーションでは、すべての階層を表示します
• どちらからでもすべてのコンテンツにアクセスできるようにします。シンプル表示ではクリック数が増えてもかまいませんが、各操作はわかりやすくします
• パンくずリストは、より長い経路で進むユーザーに役立ちます

フォームの簡素化

• デフォルトでは必須項目のみを表示します
• 「任意の項目を表示」を選ぶと、フォームが展開されるようにします
• 適切なデフォルト値を設定して、判断の回数を減らします
• シンプルモードでは複雑なフォームをステップに分割し、高度なモードではすべての項目を1ページに表示します

実装方法

ユーザーが切り替える設定

• 「シンプル表示」／「全体表示」の設定を見つけやすい場所に配置します
• アプリの設定と各ページの両方から利用できるようにします
• セッションをまたいでも設定を記憶します
• ラベルを明確にし、決して隠さないようにします

レスポンシブな簡素化

• ビューポートが小さくなると、自動的に表示をシンプルにします
• モバイル表示は本質的にシンプルです。この特性を活かします
• デスクトップのレイアウトを無理にモバイルに詰め込まないでください

役割に応じたデフォルト設定

• 新しいアカウントはシンプルモードで開始します
• パワーユーザーは全体表示に切り替えられるようにします
• 管理者アカウントは、デフォルトで全体表示が必要な場合があります
• 役割に応じたデフォルト設定をユーザーが変更できるようにします

避けるべきパターン

• 必須機能が欠けている「ライト」バージョン
• 明らかに後付けで、レイアウトが崩れているシンプルモード
• サポートに依頼しないとシンプルモードにできない仕組み
• 見下したような表現（「初心者向けの簡単モード！」）
• コンテンツを整理し直すのではなく、そのコンテンツへのアクセスを削除すること

評価のための質問

1. 複雑なインターフェースにシンプル表示は用意されていますか？
2. 主要なタスクをシンプルモードだけで完了できますか？
3. モードの切り替えは見つけやすく、使いやすいですか？
4. シンプルモードは機能が欠けているのではなく、完結していると感じられますか？
5. 表示モードに関するユーザーの設定は記憶されますか？