ウェブサイトのデザイン分析：ユーザーの本来の習慣に基づいたデザイン

固有の操作習慣の発達はさまざまな側面から生じますが、最も明白なのは、最も一般的なコントロールからのユーザーのトレーニングです。設計プロセス中にこれらの一般的なコントロールの使用習慣を考慮すると、使いやすさが向上します。 フレンドセレクターを最適化するために私が使用した事例を思い出し、皆さんと共有したいと思います。

オリジナル版

ユーザーの使い方は次のとおりです。1.「友達を選択」をクリックすると、展開されたドロップダウン メニューに友達リストが表示されます。2. 友達リストで必要な友達を確認します (必要に応じて適切な選択解除を行います)。3. 実際に体験すると、ステップ 3 に到達したときに突然途方に暮れてしまうことがわかります。どのように進めればよいか分かりません。

考えてみれば分かるだろう

1. 次の操作 (ギフトの送信、共有など) がプルダウン フローティング レイヤーによってブロックされています。

2. ポップアップレイヤーを折りたたむ必要がありますが、どのように折りたたむのでしょうか?

3. 折りたたむと、選択内容は保存されますか?

よく考えてみると、ユーザーはこの部分で頭を悩ませる必要があることがわかります。根本的な理由は、設計プロセス中に、ユーザーが慣れている 2 つのコントロール (ドロップダウン メニュー、ダイアログ ボックス) を統合しましたが、統合が完璧ではなかったため、ユーザーが本来の習慣に基づいてタスクを完了できなかったことです。

問題分析

1. まず第一に

ユーザーが「友達を選択」をクリックして友達を選択する前に、この場所のデザインにより、ユーザーはドロップリストを操作するような感覚になります。ただし、ユーザーが慣れているドロップダウン メニューは単一選択メニューであり、項目を選択するとメニューは自動的に折りたたまれます。

2.その後

ユーザーは、ドロップダウン ポップアップ レイヤーで友達を選択することに集中し始めます。チェックボックスのドロップダウン メニューは折りたたまれていないため、ユーザーは自動的に「ダイアログ ボックス」コントロールを使用してこのポップアップ レイヤーを適用します。 「ダイアログ ボックス」の使用習慣は、操作が完了した後にユーザーがダイアログ ボックスを閉じる操作をトリガーする必要があることです。私たちの設計ではそのような操作は提供されていないため、ユーザーは混乱し始めます。

解決：

1. ドロップリスト型を弱めてみる。

2. ポップアップレイヤーにフローティングレイヤーを折りたたむ操作を追加します。

最終解決策

原題: ウェブサイトデザイン分析: ユーザーの本来の習慣に基づいたデザイン

キーワード: ウェブサイト、ユーザー、習慣、操作、開発、側面、その中で最も明白なもの、ウェブマスター、ウェブサイトのプロモーション、収益化