有名な設計上の欠陥から学んだ 4 つの教訓

デザイナーとして、私たちは素晴らしいデザインを 1 秒で指摘し、悪いデザインを 0.5 秒で指摘することができます。 実際、悪いデザインは非常に目立ち、それ専用のサブレディットが存在します。 私たちは、視覚的にも魅力的な直感的な解決策を考えるように訓練されているため、改善の余地があるものを見つけると、それが目立ちます.

壊れたボタンから欠陥のあるフォーム、煩わしいナビゲーション パターンまで、貧弱なデザインは私たちの周りにあふれています。 面白いこともありますが、非常に深刻なこともあります。

しかし、何があっても、設計ミスから学べることは常にあり、将来同じミスを繰り返さないようにすることができます。 それでは、教訓を得ることができるいくつかの有名な設計上の欠陥に飛び込みましょう!

レッスン 1: ユーザー テストは、優れたエクスペリエンスを作成するための鍵です

古典的なデザインの「欠陥」は、ノルマンドアとして知られています。 これについて聞いたことがない場合は、自問してみてください。プッシュドアを引いたり、プルドアを押したりしたことがありますか? おめでとうございます。ノーマン ドアに遭遇しました。

これらの厄介なドアの問題は、デザインがあなたの直感を惑わすことです. ドアの開け方がまったくわからないか、ドアを開けるべきだと思っていても、実際にはその逆である必要があります。

ノーマンドアは非常に紛らわしく、遭遇するのが恥ずかしいだけでなく（私は最初の試行で正しく理解することはできません！）、非常に一般的であるため、広く知られている現象になっています. その結果、より良いソリューションと設計が得られると思われるかもしれませんが、これは、ほとんどの人が一度は遭遇したと言う問題であり続けています。

ポイント:

ここで学ぶべき教訓は、ユーザー エクスペリエンスとユーザー テストが非常に重要だということです。 あなたがデザインしている人々があなたのデザインの使い方やナビゲートの仕方を理解していないなら、それは何の意味があるでしょうか?

特に Web デザインにおいて、Web UI は非常に重要です。 デザインが美しいからといって、サイトで必要な情報がどこにあるかを誰もが知っているわけではありません。そのため、次に何をすべきかを理解できるようにデザインする必要があります。

「自分の仕事をチェックする」ための解決策は、思っているよりも簡単です。ユーザビリティ テストを行って、ターゲット オーディエンスの誰かからフィードバックを得ることです。 あまりにも多くの情報を入力しないでください。 彼らがあなたのサイトをどのようにナビゲートするかを見て、彼らがどのように使用することを期待しているかをよりよく理解してください. 彼らに質問させて、自分で質問してください！

レッスン 2: ヒューマン エラーに対する保護

どんなにうまく設計されていても、人は最終的に間違いを犯します。 間違ったものを選択し、間違ったキーをクリックし、間違ったボタンを押します。 次に問題となるのは、デザインはヒューマン エラーを克服するのに役立つでしょうか? 2018 年初頭に発信されたハワイ ミサイル アラートは、その一例です。 アラートは間違ったボタンを押すことによってトリガーされたため、多くのデザイナーは、より良いデザインでそれを防ぐことができたのではないかと疑問に思いました.

ボタンを押す人の下で働いていない限り、その正確なプロセスがどのように機能するかについては確実ではありません. しかし、人々はいくつかの重要な質問をし始め、設計がヒューマン エラーに対する保護を作成するのに役立つ方法についてブレインストーミングを行いました。 たとえば、「これはドリルです」と「これは本当です」ボタンがもう少しユニークであるか、同じメニューで使用できない場合、全体の状況を防ぐことができたかもしれません.

この出来事は、ヒューマンエラーを防ぐための設計がいかに重要であるかについて、世界に大きな衝撃を与えました。 オンライン購入のようなささいなことでも、小さな人為的ミスが支払いやビジネスに大きな問題を引き起こす可能性があります。 彼らが言うように、良い防御は最高の攻撃です。

ポイント:

重要な変更に対して検証ポップアップを実行するのが悪い考えだったのはいつですか? データベースの [削除] ボタンに [よろしいですか?] が表示されていない場合は、 あなたが仕事の不確実性とどのように生きてきたかはわかりません。

コーディングの基礎であっても、できる限り人的エラーを予防的に最小限に抑える方法を学び始めます。 そのため、適切なアクセス許可の設定、バックアップの作成、データ型の設定などの簡単な予防策も非常に重要です!

ヒューマン エラーを防ぐことも、サイト ユーザーにとって非常に重要です。 これを考慮してください: ユーザーがサービスのために記入する長いフォームがあるかもしれません。 送信を押した後にポップアップする不完全なエラーはありますか? 「退会してもよろしいですか？」というメッセージはありますか？ 購入中に誤って閉じてしまった場合に警告しますか? これらは、クライアントに最高の体験を提供し、将来の潜在的な問題を回避するために実行できる簡単なことです。

レッスン 3: タイポグラフィーは後付けであってはなりません

2017 年のオスカーで、「最優秀作品賞」の受賞者が間違っていたことを覚えていますか? 少しのヒエラルキーで回避できた単純な間違いについて話してください!

虚偽の発表にはいくつかの要因がありましたが、確かに少し明確にするのに役立つ可能性のある変更の1つは、カード自体のタイポグラフィをより適切に使用することでした. 多くの情報はありませんが、ユーザーにとってすぐに理解できる方法で表示する必要があります。 人為的ミスとの戦いに戻ります。文字体裁が明確に階層を感じさせるほど強くない場合、ユーザーは情報の順序を推測することになります。 そして、彼らが間違った推測をすると、間違いが起こり、賞は間違った映画に起因します.

ポイント:

必要な情報を整理し、基本的な設計原則を使用することは、常にどのようなプロジェクトでも素晴らしいスタートです。 要点を伝え、伝えたい主なポイントや行動を促すフレーズについて考えます。 残りの情報の中でそれを際立たせるにはどうすればよいでしょうか? 誰かがページにざっと目を通すだけで、何を知る必要があるか、何をすべきかを正確に理解できますか?

同様に、必要な情報を検索して検索するためだけにあなたのウェブサイトにアクセスしたいと思う人は誰もいません。 この混乱に対する最も簡単な解決策は、シンプルでクリーンなデザインである場合があります。 そうすれば、冗長性や隠された情報を回避でき、誰もが必要なものを見つけることができます!

レッスン 4: あなたは最新のデザイン トレンドを知っているかもしれませんが、ユーザーは知らないかもしれません

新しいデザインのトレンドが現れるたびに、自分で試してみるのがわくわくします。 たとえば、ゴースト ボタンを考えてみましょう。 (いいえ、ゴーストのような形をしたボタンのことを言っているのではありません。) ゴースト ボタンは通常、同じような色 (透明ではない場合) の背景で輪郭が薄く描かれており、あまり注意を引くことなくシームレスにページに配置されます。

これらの小さなボタンは、その魅力的なデザインでかなり話題になっていますが、うまく実行されないと誤解を招く可能性があります. ユーザーがクリックするインタラクティブな要素ではなく、ページ上の別のデザイン要素のように見える場合があります。

ポイント:

デザインに関して言えば、最新かつ最高のトレンドを常に把握していると、よく知っているように見えます。 ただし、クールな子供たちがやっているからといって、それがサイトのデザインに適しているとは限りません。 そして、機能しないクールなデザインよりも、変換する基本的なデザインの方が優れていることは誰もが知っています.

これの大きな部分は、ボタンを目立たせることです。 他の長方形の形状でいっぱいのページにあるボタンに長方形のヘアラインがある場合、思ったほど目立たない可能性があります.

もう 1 つのヒントは、明確な行動を促すフレーズを用意することです。 ボタンに「NICE」などの文言があるだけでは、それがクリック可能なボタンであることを明確に示していない可能性があります。見出しや装飾要素のように見える可能性があります。 「詳しくはこちら」や「今すぐ申し込む」などの動詞を使ってコピーを使用すると、より明確になります。

レッスンのまとめ

設計上の欠陥はすぐに気付きますが、設計者が常に最善を尽くしていることは誰もが知っています。 情報を入手し、お互いから学ぶことが重要です。 デザインから学ぶ最も簡単な方法の 1 つは、デザイナーを助けることです。

自分のデザイン作業を批判的に見るときは、ユーザーの心から考えてみてください。 これは直感的ですか？ これは単純ですが有益ですか？ この作品を見てくれる人はいますか？ 自分のデザインを批判的に見るのは難しい場合もありますが、作品をより優れたものにするための簡単なステップです。

これらの設計上の欠陥から何を取り除きましたか? 苦労して学んだ教訓はありますか？ コメントであなたの経験を私たちと共有してください!