すべてのウェブマスターとデザイナーは、適切に設計された使いやすいインターフェイスがサイト上のより多くのユーザーを引き付け、維持するのに役立つことを知っていると思います。
しかし、開発者の意見は常に平均的なユーザーの意見ですか? 結局のところ、私たちは彼らのために努力しています、親愛なる皆さん。 しかし、私たちにとって便利で快適だと思われるものは、ほとんどのユーザーにとって、本来あるべき姿ではないようです。 この投稿では、私たちの意見が聴衆の意見と一致するかどうかを把握しようとします。
アメリカの学生が行ったある調査の例で、サイトのユーザビリティについてお話したいと思います。 この調査では、人々は10の質問をされ、それぞれがサイトインターフェイスを実装するための2つのより便利なオプションのいずれかを選択する必要がありました。
まあ、降ります。 最初のいくつかの質問は退屈ですが、それからもっと楽しくなります。
1. 2ページのうち、どちらが読みやすいですか。

お気づきのように、右ページのフォントは左ページよりも太字です。 個人的には、太字のフォントはあまり好きではありません。プレーンテキストに慣れているので、読みやすくなっています。 しかし、ユーザーは何を思いますか? ユーザーの63%が正しいページに投票しました。 最初に失敗します。 どうぞ
2.これら2つのテキストのうち、読みやすいのはどれですか?

左ページの行間隔は、右ページよりもわずかに大きくなっています。 通常の間隔で、2番目のオプションに非常に満足しています。 投票はほぼ均等に分割しました。 46%-左、54%-右、したがって、私の意見は大多数と一致しました。
3.どのメニューオプションを使用しますか?

もちろん、ほとんどが左側に表示されますが、これはそうです-78%。 しかし、私はそれを右側に言い、人間工学の観点から、人が右利きであり、私たちが過半数である場合、インタラクティブな要素も右側にあり、腕と目の動きが交差しないようにする必要がある理由を説明します。 今回は私が少数派にいますよ。 二度目の失敗。
4.あなたは、ナビゲーションのどのようなタイプを好みますか?

私の意見が多数派の意見と一致することを望みます。 垂直メニューについては、聴衆の71%が投票しました。 質問に答えてみましょう、なぜ正確に? それはすべての非常に簡単です。 ほとんどの人は読みませんが、メニューをスキャンして必要なものを探します。 そしてすでに最初の文字で、これが私たちが探していたものであるかどうかを理解でき、そうでない場合はさらにスキャンします。 スキャン処理をより快適にするためには、視線が移動する垂直線が必要です。 水平メニューの場合、スキャンするのはそれほど簡単ではありません。この例でメニュー項目が分割されている場合、非常に頻繁にこの分離は発生しません。新しい要素の始まりを見つけるには、名前を完全に読む必要があります。 当然、これは私たちにとって大きな不便をもたらします。
5.どの画面で検索バーを見つけやすいか。

確かに大多数はそれを正しいと言い、正しいでしょう-77%。 左側の線は、コントラストの低いエリアにあるため、見つけるのが難しくなります。また、ユーザーが検索はサイト全体ではなく、特定のサイトバー内でのみ行われると考える可能性があります。
6.「確認」ボタンはどこに表示されますか

そして、ここでそれはすべての非常に予想外です。 声はちょうど半分に50/50に分割されました。 なぜそうですか? 調査が行われた対象者はWindowsユーザーの半分であり、後半はMacOSユーザーであると仮定します。 これらのシステムではボタンが逆に配置されています。 Windowsでは、送信ボタンは左側、MacOSでは右側にあります。 私はWindowsユーザーなので、左側のオプションを選択します。 声が均等に分かれていたので、私を脅かすものはありません。 どうぞ
7.会社にとって、どのデザインがより信頼できますか?

ページを見て、どの配色が会社に自信を与えているか教えてください。 これがどんな会社なのかわかりませんし、サイト上でそれに関する言及もありません。 個人的には、私は緑を選びました。まず、青が好きではありません。次に、緑は緑の信号機に関連付けられています。つまり、「すべては順調です、大胆に!」 ユーザーの発言を見てみましょう-73%がこのオプションに投票しました。私の考えが大多数と一致することを嬉しく思います。
8.必須フィールドのどの強調表示が望ましいですか?

ここで、声は再び半分に、50/50に分割されます。 私はより身近なものなので、私は左の選択肢に投票しました。 声が正確に半分に分割された理由は、答えるのが難しいと思います。 これは、ユーザーが1つのフォームに必須フィールドと非必須フィールドの両方がある場合にユーザーが混乱するためであり、どのように強調表示されているかは関係ないと思われます。 システムにユーザーを登録する必要があり、そのために必要なデータが必要なので、フィールドを拒否するのは自然です。 私が見る出力はこれです:ユーザーに混合形式を与える必要はありません。 すべてのフィールドが必須で、星や異なる色がないフォームを作りましょう。 そして、2番目のステップでは、追加のフィールドを持つフォームをユーザーに提供します。ユーザーがリラックスしないように、追加のデータを入力する必要がある理由をいくつかの動機付けでフォームに提供します。
9.閉じるのに便利なオプション。

ここでは、大多数が私に同意すると思います。正しいオプションを閉じる方が便利です。 ここで私は皆と一緒です-95%。 そして、この分離は、WindowsとMacOSという2種類のユーザーの仮説を破壊します。 実際、Macでは、コントロールボタンとウィンドウを閉じるボタンが左側にありますが、なぜこのオプションに投票する人が少ないのですか? ある人が言ったように、これらのオプションを見て、「はい、Macには左側にボタンがありますが、便利ではありません。」 どうやら、このOSのほとんどのユーザーはそう思う。
10.どのバージョンの印刷ボタンを使用しますか?

今回、私は再び大多数の側にいます-78%が署名付きのボタンを好みます。 説明するのは難しいことではありません。 インターネットをさまよいながら、同じプリンターの同じ絵文字に出くわす頻度はどれくらいですか? ここでの答えはめったにないと思います。 ラベルのイメージに標準はありません。各デザイナーは、自分がより美しいと思ったものを描きます。 そして、多くの場合、ユーザーは開発者が次の図面で意味することを困惑させます。 この投票により、ユーザーは「賢明な価値はありません。このボタンがどのようなアクションをもたらすかを正確に知りたい」と言います。 そして、私は彼らに完全に同意します。
まあ、すべてが最初に見えたほど悪いわけではないようです。 ほとんどの場合、インターフェイスの私の研究は平均的なユーザーを喜ばせます。 そして、あなたのサイトにイノベーションを導入する前に、他のすべての人に助言することができますが、慎重に考えてください。しかし、ユーザーはそれを高く評価するでしょうか?