| English | 意味 |
|---|---|
| information architecture/ˌɪnfəˈmeɪʃn ˈɑːkɪtektʃə/ | 情報アーキテクチャ |
| wireframe/ˈwaɪəfreɪm/ | ワイヤーフレーム |
| visual hierarchy/ˈvɪʒuːəl ˈhaɪərɑːki/ | 視覚的階層構造 |
| whitespace/ˈwaɪtspeɪs/ | 余白 |
新しいメンバーが会議場所を見つけられない
- 学校のクラブのホームページには大きな写真が表示されていますが、部屋と会議時間が隠されています。訪問者は参加方法を知らずに去ります。
- 対象者（ユーザー）と、観察可能なタスクから始めます：「今週の会議の時間と会場を見つける」。デザインが機能するか決定する前に、クラスメートに試してもらいます。
どのタスクが参加者に観察可能な目標を与えるか？
難易度 1/5 · 100 コイン + 今日初回完了時に小ボーナス付与
特定の情報を発見することは、観察可能で検証可能な結果をもたらす。
新入部員がサイトを訪れた際の、観察可能なタスクを作成する。
難易度 3/5 · 200 コイン + 今日初回完了時に小ボーナス付与
例：「 robotics クラブが今木曜日に集まる場所を見つける」。
情報の適切な配置を決める
- 情報アーキテクチャはコンテンツをグループ化し、ページ同士を接続します。訪問者が必要な情報をリストアップし、明確なページ名とリンク名を選びます。
- 短いルートは役立ちますが、 universally 「3クリックの法則」など存在しません。混乱したラベル付きの短いルートより、明確で長いルートの方が使いやすいことがあります。
テスト可能な構造をスケッチする
- ワイヤフレームは簡素なページのスケッチです。レイアウトにはボックスを使用しますが、現実的なラベルや主要なコンテンツを含め、パートナーが意図を理解できるようにします。
- タスクに適している場合、テンプレートは時間を節約できます。提供されるすべてのセクションを受け入れるのではなく、ナビゲーション、可読性、コンテンツスペースを確認してください。
新規メンバーに対しては、「木曜日、4 pm、12 号室」という情報を、明確にラベル付けされた「参加方法」リンク近くに配置する。再参加メンバーには現在のプロジェクト情報が必要になるかもしれない。すべての人に合う homepage と仮定せず、両方のタスクを検証すること。
有用な初期ワイヤーフレームが話し合いやすくするべき点は何か？
難易度 1/5 · 100 コイン + 今日初回完了時に小ボーナス付与
ワイヤーフレームは組織性を検証するため、現実的なラベルが参加者に提案されたルートを理解させるのに役立つ。
重要な情報を最優先で表示する
- ビジュアル階層は、見出し、サイズ、余白、コントラストを使用して関係性を示します。ホワイトスペースはグループを分離し、スキャンしやすくします。
- 各セクションに読みやすい見出しを使用し、各アクションに明確なラベルを付与します。色は構造をサポートするものであり、クリック可能であることの唯一のサインではありません。
すべての項目に等しい強調は、常に明確な階層構造を生み出す。
難易度 1/5 · 100 コイン + 今日初回完了時に小ボーナス付与
階層構造は優先順位と関係性を伝達する。等しい強調では重要なアクションが見つかりにくくなる。
デザインツールとその主な目的を対応させる。
難易度 2/5 · 140 コイン + 今日初回完了時に小ボーナス付与
これらのツールは異なるレベルで機能する：ルート、ページレイアウト、視覚的グループ化。
外見だけでなくタスクもテストする
- パートナーにクリック場所を説明せずにタスクを与えます。彼らがどこで迷うか、どのラベルを選ぶか、正解を見つけるかどうかを記録します。
- 混乱した部分を変更してタスクを再度実行します。タスクテストは、スクリーンショットでは見えない問題を開示することがあります。
見た目が良い页面は usable route の証明ではない。ユーザー引用を捏造したり、自身の意見をユーザーリサーチと称したりしてはならない。実際の観察結果と解釈を分けて保持すること。
タスクテスト記録に含まれるものはどれか？該当するものをすべて選択せよ。
難易度 2/5 · 140 コイン + 今日初回完了時に小ボーナス付与
发生了什么かを記録する。解釈は後から行ってもよいが、虚构された観察結果を研究として提示してはいけない。
結果をデザイン判断に変換する
- ページ一覧、1つのワイヤフレーム、2回のタスクテストの短縮記録を作成します。参加者が実際にどう行動したかを使って、1つの修正点を説明します。
- 初版と修正版を両方保持し、推論を可視化しておきます。タスク要件に指定されたデザイン証拠があるか確認してください。
対象者 → 観察可能なタスク → コンテンツ構造 → ワイヤフレーム → タスクテスト → 修正。テンプレートとクリック数はツールであり、保証ではありません。
この最初のデザインとテストサイクルの各段階を配置する。
難易度 3/5 · 200 コイン + 今日初回完了時に小ボーナス付与
タスクがスケッチを導き、スケッチがテストを支援し、観察結果が修正を促す。後の反復では過去の判断を見直すこともある。
4クリックの明確なルートはテストで機能しますが、混乱させる2クリックのルートは機能しません。何と結論づけるべきですか？
難易度 1/5 · 100 コイン + 今日初回完了時に小ボーナス付与
クリック数は一つの観察に過ぎず、使いやすさに対する普遍的な判断ではありません。