web-dev-qa-db-ja.com

製品の画面全体で情報と機能を優先する場合、何を考慮すべきですか？

「より目立つようにできますか？」からの解決策とアイデアに基づいています利害関係者の現象 製品の各画面の各機能をリストして優先順位を付けることにしました。

それほど単純ではないことが判明し、画面によっては50もの情報ブロックまたは機能を備えている場合があります（一部の機能は同じレベルでランク付けすることもできます）。これらのそれぞれに優先順位が付けられた後、どのようにデザインを使用してこの優先順位を1つの画面で伝えますか？

今考えていること

  • タイポグラフィのサイズとスタイル
  • 色
  • 分離とグループ化
  • ユーザーアクションの流れ
  • 配置（これは、大幅な再設計をせずに柔軟性がある最小のものです）

他にどのような設計要素を使用でき、どのように使用しますか？

一部の画面では、目標到達プロセスにまたがる機能が他の画面よりもどのように重要になるかについても検討しています。

製品のUI設計の改善を反映するために、機能の優先順位付けから得られた情報をどのように活用すればよいでしょうか？

layouthierarchyinformation-design
5
Ameen Akbar

これはここで答えるべき大きなテーマです。インターネットには、視覚的階層とUIデザインでのそのアプリケーションに関連する記事がたくさんあります。

これが私が良いと思うものです- https://www.awwwards.com/understanding-web-ui-visual-hierarchy.html

また、リストにないデザイン要素はアニメーションです。これはデジタルメディアに固有の機能であり、階層を作成したり、他の情報（マイクロ相互作用）を伝達したりするためにさまざまな方法で使用できます。

画面によって多かれ少なかれ重要であるいくつかの機能は自然ですが、ユーザーが目標到達プロセスを完了することがすべてであるため、階層よりも重要である要素との一貫性を維持しようとします。

UIを改善するには、できる限り頻繁にデザインをテストし、分析とヒートマップを使用して、何が機能して何が機能していないかを理解し、反復を続けます。

2
Apurva Chakke

単なる答えの袋であり、標準的な答えは試みていません。

  • 読み取りではなくスキャンを簡単にするユーザーは無関係なオプションを簡単に除外できます。

    • 左上のロゴは大きく、派手で目立つものにすることができ、ホーム画面に優先順位を付けなくても、誰も気にしません。
    • レストランのメニューが5ページあり、菜食主義者にとって簡単にしたい=>注文を変更したり、他の顧客の選択肢を減らしたりせずに（V）ラベルを追加できる
    • スタックオーバーフローの質問は気にせず、上位のいくつかの回答に直接スクロールします-これは質問が長くても簡単に実行できます。右側にいくつかのカラフルなリンクと上部に2行のメニューがあります...それでも質問が重複している場合、質問が「通常のように見えない」ことに気付き、下にスクロールするのではなく、より適切な質問に進みます

  • 高/中/低の優先度十分であり、利害関係者の意見がそれほど細かく調整されていない、および/または時間の変化がない場合、50の機能をより高い精度でランク付けしても意味がありません。

    • 頻繁にページを変更すると、ユーザーはそのページに慣れなくなります（無関係なオプションの迅速な除外については前のポイントを参照してください）。
    • そもそもそれが重要ではない場合、それが48か49か重要でないかどうかは重要ではありません。

  • 検索

    • サブページの適切なurl + titleにより、初めて（デフォルトのブラウザアドレスバーのアクションは検索）だけでなく、次に（ブラウザアドレスバーの自動提案リンクを使用して）正しいページにアクセスしやすくなります。
    • ただし、ホームページで検索するよりも「yoursite somefeature」をググる方が簡単な場合や、少なくともホームページから検索する場合は、何かが間違っている可能性があります（たとえば、Amazonでの検索をあきらめたか、Facebookメニューの方が速いナビよりグーグル）
    • 機能に名前を付ける方法は常に複数あり、ユーザーは非常に独創的であると考えています。そのため、検索用語の監視と結果の手動作成により、大幅な改善が可能になります。

  • 広告のように見えない

    • uBlock Originを使用しない人にとっては「なぜそんなに愚かなのか」を誇りに思っていませんが、広告のように見える要素に気付かれないようにする傾向があるため、最も目立つ機能のように見えても気付かない可能性があります。ほとんどのユーザー
    • また、他のものを探すと、最も目立つ（明るい色とアニメーションで）迷惑な場合があります。そのため、簡単に見つけることができ、無視しやすいことも重要です。

  • その日の特徴

    • 一部の機能がユーザーに役立つかもしれないが、簡単に発見できないと恐れている場合は、1つの「ランダム」機能を目立たせることができ、時間の経過とともにユーザーが探していなかった便利な機能に気づくでしょう。
    • これはおそらく広告のように見えます（IS広告なので））¯\ _（ツ）_ /¯
    • カルーセルはこの目的で人気があります
2
Aprillion