コンテンツ
一貫性は、インターフェースの認知的負荷を軽減するために不可欠です。デザインに一貫性があると、すべてのインタラクションがスムーズで摩擦のない感じになります。一貫性がない場合、ユーザーは不必要な労力を費やす必要があります。
しかし、インタラクションデザインの一貫性は、単に同じことを何度も繰り返すよりも少し具体的です。特定の種類の一貫性と、一貫性が他よりも重要である特定の分野があります。
その上、同じことを何度も繰り返すと、退屈で均一なデザインになります。設計の混乱を招くことなく、いつ一貫性を破るのかを知る必要があります。重要なのは、設計で最もよくあることですが、バランスです。
この記事では、Webデザインにとって一貫性が何を意味するのか、なぜそれが重要なのかについて詳しく説明し、ユーザーが期待するものと一貫性を保つ方法(外部の一貫性)について説明します。
一貫性が重要な理由
インタラクションデザインは、システムの学習可能性に依存しています。
簡単に言うと、UIが一貫して機能する場合、UIは(良い方法で)予測可能になります。つまり、ユーザーは特定の機能を直感的かつ指示なしで使用する方法を理解できます。
これにより、製品が使いやすくなり、より望ましいものにするための足がかりになります。逆に、UIに一貫性がない場合、UIは学習可能性を妨げ、ユーザーのフラストレーションを引き起こし、悪いエクスペリエンスにつながります。
ただし、一貫性は、インターフェイスの外観と動作だけに限定されません。
ユーザーは、すべての時間を製品だけに費やすわけではありません。時間の大部分は他の製品に費やされており、その間ずっと、これらの他の経験からアイデアや期待を生み出しています。したがって、これらの外部エクスペリエンスに一貫性がある場合、UIの学習可能性は、追加の作業なしで向上します。
驚き最小の原則
疑わしい場合は、驚き最小の原則を参照してください。楽しい驚きは問題ありませんが(MailChimpがユーモアと楽しさでユーザーを驚かせる方法のように)、コア機能が標準から大きく外れてはいけません。
レビューは検証と同じ意味ではありません。動画を画像と間違えないでください。プライマリアクションのボタンをホバー時にのみ表示しないでください。
実際、デジタルデザインの一貫性の本質に疑問がある場合は、AppleのiOSヒューマンガイドラインがアプリの一貫性の基準を要約するのに非常に役立ちます。彼ら自身の言葉で...
- アプリはiOS標準に準拠していますか?システムが提供するコントロール、ビュー、アイコンを正しく使用していますか?ユーザーが期待する方法でデバイスの機能が組み込まれていますか?」
- アプリはそれ自体で一貫していますか?テキストは統一された用語とスタイルを使用していますか?同じアイコンは常に同じことを意味しますか?人々は、異なる場所で同じアクションを実行したときに何が起こるかを予測できますか?カスタムUI要素は、アプリ全体で同じように見え、同じように動作しますか?
- 当然のことながら、アプリは以前のバージョンと一貫性がありますか?用語と意味は同じままですか?基本的な概念と主要な機能は基本的に変更されていませんか?」
上で説明したことから、設計の一貫性を外部と内部の一貫性の2つのカテゴリに分類できます。外部とは、UIと他の製品との一貫性を指し、内部とは、UI自体の一貫性を指します。 UIデザインの一貫性で説明しているベストプラクティスのいくつかを見てみましょう。
外部の一貫性
外部の一貫性は、製品が他の同様の製品とどれだけ一貫しているかだけでなく、プラットフォーム上のすべての製品、一般的なすべてのソフトウェア、さらには現実世界全体の非デジタルインタラクションに対する一貫性を指す場合があります。
では、なぜ外部の一貫性が重要なのでしょうか。要約すると、それはユーザーの期待に応えることです。
ユーザーが期待しているものと一致するデザインを作成するには、ユーザーがサイトやアプリを使用する前に、ユーザーがどのようなアイデアを持っているかを最初に理解する必要があります。これは、ユーザビリティの専門家であるJaredSpoolが現在の知識と呼んでいる概念です。
ユーザーの現在の知識は、ユーザーが最後に使用したサイトから、お気に入りのSF映画への期待に至るまで、さまざまな外部要因の影響を受けます。ただし、心配する必要はありません。ほとんどの場合、ユーザーの期待は妥当です。
ユーザーがすでに知っていることに基づいて設計することは、新しい概念ではありません。このアイデアは何年にもわたって実施されており、ほぼすべてのアプリやウェブサイトで今日見られる一般的なデザイン規則に進化しています。
画像カルーセル、メールを表す封筒アイコン、サイトのロゴをクリックしてホームページに戻る…これらはすべてUIパターンと呼ばれます。
次のページ:UIパターンの使用、避けるべきこと、さらに進んで...