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

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

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

オリジナル版

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

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

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

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

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

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

問題分析

1. まず第一に

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

2.その後

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

解決:

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

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

最終解決策

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

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

<<:  Wuyun は鉄道省の 12306 ウェブサイトで SQL インジェクションなどの複数の脆弱性を暴露しました

>>:  SEO のための Python 教師なし単語抽出で単語をすばやく正確に分割する方法

推薦する

Directspace 年額 15 ドルの VPS レビュー

15ドルのVPS(標準128MメモリVZ)が目新しくなくなった頃、以前書いた安価な1Gメモリ(ope...

ウェブサイトのキーワード分析をうまく行う方法: ROI分析とレイアウト

みなさんこんにちは。私はMuzi Chengzhouです。ウェブサイトの最適化プロセスで非常に重要な...

サロン「テクノロジーが教育を牽引、AIが未来をつなぐ」のポイントを7分で理解

[51CTO.com からのオリジナル記事] インターネットや情報技術の発展に伴い、人々が知識を獲得...

ウェブサイトのコンテンツをうまく作るには、10のポイントから始める必要があります

ウェブサイトの重さはウェブサイトのコンテンツに直接左右されることを認めなければなりません。ウェブサイ...

友情のつながりの重要性と形態を分析する

SEO を行う人にとって、最も価値のあるリソースは外部リンクです。 Baidu や Soso などの...

オンラインでビジネスを行うのは難しいのはなぜか?マーケティングのヒント

現在、インターネットの急速な発展に伴い、ますます多くの人々が電子商取引の巨大な将来の市場展望を目にす...

Kubernetes がどんどん遠ざかっていく中、Docker の将来はどうなるのでしょうか?

最近、Kubernetes が Docker を放棄するというニュースが業界で広く注目を集めています...

SEOスペシャリストがBaiduプラットフォームを有効活用する方法

SEO 担当者として、常に発見し、試し、実験し、考え、まとめることでのみ、この道を順調に進むことがで...

WordPress で fonts.googleapis を 2 つの簡単な手順で削除する方法

確かに、Baidu のテクノロジーと製品は依然として非常に印象的ですが、他人の下着を盗むというアイデ...

2018 年の中国のクラウド コンピューティング技術アプリケーションの一覧: AI が増加、IoT が増加

2018年の初め、クラウドコンピューティングの専門家は次のように書いています。「2018年の最大の変...

Cubecloud 香港 cn2 gia vps レビュー共有: 300M の大きな帯域幅、5 つのネットワーク強制 cn2 gia、香港のネイティブ IP

Cubecloud は、市場で最も手頃な香港 cn2gia vps の 1 つであり、最大の帯域幅 ...

SEO 最適化には独創性や品質が必要ですか?

いつもと同じ話ですが、私は同僚と話をするために再びここに来ました。初心者のウェブマスターでも、経験豊...

hostus-4 コア/3IP/6g メモリ/150g ハードディスク/5T トラフィック/700m ポート

高リソースの VPS にあまりお金をかけたくない場合は、次の 2 つの VPS が適している可能性が...

フォーラムマーケティングをマスターするための6つの戦略

フォーラムのインタラクティブ性は確かに高いため、多くのウェブマスターが独自のフォーラムを立ち上げてい...

キューブクラウド: 年末にすべての VPS が 12% オフ、300M 香港 cn2 gia、1Gbps 米国 cn2 gia、2Gbps ユニコム as4837

今から 1 月 2 日まで、cubecloud VPS 製品はすべて 12% オフです。これには、L...