Web デザイン分析: UI デザインにおけるインクルーシブ デザイン

近年、モバイルインターネット業界は急速に発展しており、インターネットは人々が日常生活で頻繁に使用する情報の交換や入手のチャネルとなっています。スマートフォンやタブレットなどのモバイル デバイスは、非常に速いスピードで更新され、置き換えられていますが、現在のほとんどの Web ページやアプリケーションは、特定のグループのニーズを考慮して設計されていません。デバイスがどれだけ高性能であっても、これらの人々は、Web ページにアクセスしたりアプリケーションを使用したりするときに、依然として多くの困難に遭遇します。その結果、「インクルーシブデザイン」という概念がUIデザインに導入されました。

では、インクルーシブ デザインとは何でしょうか? 英国規格協会 (2005) は、インクルーシブ デザインを「特別な改造や特殊な設計を必要とせずに、できるだけ幅広い人々が利用できるように主流の製品やサービスのデザイン」と定義しています。もちろん、生産コストは上がるのでは？と言う人もいるでしょう。特定の製品があらゆる人々のニーズを満たすことは絶対に期待できません。しかし、設計段階でこのようなコンセプトを考慮すれば、その製品はより幅広い層に受け入れられ、より大きな利益を生み出す可能性があります。これは社会的責任の表れでもあります。

デザインがますますハイテク化、豪華化、概念化している今日の世界では、インクルーシブデザインは最も人々に優しくバランスの取れたデザインコンセプトかもしれません。インクルーシブデザインは、少数派が多数派に従うことを拒否し、多数派が少数派に協力することを望んでいません。極端なグループを注意深く観察し、一般大衆に広く注意を払うことで、より包括的で、より多くの人々に属する優れたデザインを生み出すことができると信じています。今日は、UI デザインにおけるインクルーシブ デザインで注意と改善が必要な領域について簡単に説明します。

言語と美学

言語は人間のコミュニケーションの主なツールであり、その影響力は無限です。言語表現の方法も非常に重要ですが、この点は見落とされがちです。米国のデューク大学の研究によると、どのような職種であっても、求人広告に明らかな性別による偏見があれば、その仕事の魅力は影響を受けることが示されています。ここで疑問が湧きます。デザイン中に選択した言語は、製品にサインアップしたり購入したりする新規ユーザーの数にどの程度の影響を与えるのでしょうか。

すべてのインターフェースにはある程度テキストが含まれていることは誰もが知っています。言語表現を選択するときは、誰もが文学に精通しているわけではないので、華美な言葉を並べるのではなく、できるだけ口語的な文章にするようにしてください。アクションには明確で簡潔なラベルを付け、テキストはシンプルにしてください。ユーザーは、他人の官僚的な言葉を聞くのではなく、友人や自分と話している人間として聞いているため、そのことに感謝するでしょう。デザイナーがすべてのピクセル、すべてのアイコン、すべてのフォントを考慮するのであれば、すべての単語も考慮する必要があると言えます。

もちろん、言語表現の質は基準の 1 つにすぎません。さらに、UI デザインでは美観も重要な役割を果たします。要素の配置、形状 (角張った形や丸い形)、色の使用は、性別や文化の異なるユーザーの目には異なる効果をもたらします。たとえば、色について考えてみましょう。すべてのユーザーにアピールできる配色は存在しません。色を使用する際に覚えておくべきことが 2 つあります。まず、色は文化によって意味が異なるため、ターゲット ユーザーが選択した色の意味を理解できることを確認してください。次に、色覚異常のユーザーを無視しないでください。アイコン内のバーなど、色以外のテクニックを使用して、さまざまな要素を区別することにもっと注意と努力を払ってください。ユーザーが色覚異常の場合、特定の色を区別することができません。色覚異常の人のほとんどは赤と緑の色覚異常であるため、それらを区別するには異なる形状や異なる素材などの他の方法を使用する必要があります。

ユーザーの認知能力

一般的な概念では、人間は完全に能力のある人と障害者に分けられます。この概念に基づいて、製品も能力のある人や障害者向けに設計されています。実際には、人間の能力には連続的な変動範囲があり、この変動は不規則です。たとえば、量子物理学者はフィーチャーフォンを使用するときに困難に遭遇するかもしれませんが、同じ電話は平均的なIQのティーンエイジャーにとって簡単に使用できます。

UI デザインの分野では、ユーザーの認知能力やレベルに関係なく、ユーザーをデザイナーの潜在的なターゲット ユーザーとする必要があります。製品の機能を低くすると、より多くの人が製品にアクセスでき、以前は使いにくかった人にとっても使いやすくなります。同じことが UI デザインにも当てはまります。インターフェイスに追加する要素が増えるほど、インターフェイス全体が複雑になり、ユーザーが使用するために費やす労力が増えます。かつて誰かがこう言いました。「最高のデザインは見るものではなく、体験されるものである。」つまり、UI は単に余計な機能を追加するのではなく、ユーザーが実際に体験できるものでなければなりません。 UI デザインがシンプルであればあるほど、ユーザー エクスペリエンスは向上します。デザイン要素を乱用したり、混雑したインターフェイスを使用しないでください。混雑したインターフェイスは、どれほど強力であっても、ユーザーを遠ざけてしまいます。

優れたデザインの中には、派手な UI 装飾や未使用のデザイン要素が見られないものもあります。つまり、その重要な要素は簡潔かつ意味のあるものでなければなりません。インターフェースに新しい機能や要素を追加することを検討しているときは、「ユーザーには本当にこれが必要なのか？」または「ユーザーがこの小さなアニメーションアイコンを望むのはなぜなのか？」と自問してください。これらの要素は単に好きだから追加しているのでしょうか? UI デザインでは自分自身の功績を決して認めないようにしましょう。

適応型インターフェース

ユーザーの認知能力は大きく異なるため、一般的な初心者ユーザーに対応するには、一部の機能を削除するなど、インターフェースを継続的に簡素化する必要があります。 しかし、別の問題が発生します。インターフェースが単純すぎると、より多くの機能やコントロールを求めるハイエンドユーザーを満足させることが難しくなります。たとえば、コンパクトカメラは操作が簡単で、ほとんどの人が使用できますが、写真家などの一部のハイエンドユーザーのニーズを満たすことはできません。したがって、さまざまな要素を考慮すると、最も一般的な解決策は、ユーザーが自分のニーズに応じてインターフェースをカスタマイズできるようにすることです。この方法は本当に実現可能でしょうか? 調査によると、デフォルト設定を変更するユーザーは 5% 未満であり、インターフェース設計においてユーザーによるカスタマイズはまったく推奨されないことが示されています。

では、ユーザーの認知能力や使用習慣に応じて自動的に適応できるソリューションはあるのでしょうか? この機能を実現するには UI デザインの分野でまだかなりの困難が伴いますが、試してみる価値のあるソリューションであるはずです。さらに、適応機能は他の分野でも前例がある。iPodの父トニー・ファデルが発明したスマートサーモスタットNestは参考になるかもしれない。Nestは見た目がトレンディなだけでなく、家に誰かがいるかどうかを自動的に感知し、温度を調整することができる。また、ユーザーの習慣に合わせて、最も快適な状態に自動的に温度を調整することもできる。そして、ユーザーが長く使用すればするほど、ユーザーの習慣をよりよく理解するようになる。

Nest は単なる特殊なケースですが、少なくとも適応型テクノロジーが実現可能であることを示しています。これにより、インターフェース デザイナーの思考モードがよりオープンになり、将来的に適応型インターフェースを実現することは不可能ではなくなるかもしれません。

結論は

当社は、Web 標準化の実現、レスポンシブ Web デザイン コンセプトの導入、さまざまなタッチ スクリーン デバイスの発売など、さまざまな技術的課題を克服してきました。おそらく私たちは、こうした技術的な問題にあまりにも多くのエネルギーを注ぎ込み、人間味のあるインターフェース設計の重要性を無視してきたのでしょう。インターネット業界の次の革命では、さまざまなユーザーの認知能力を考慮し、ユーザー インターフェイスをよりスマートにして、より幅広いユーザーにより効果的にサービスを提供しながら、より多くのアプリケーションや製品をより包括的にすることに重点が置かれることを期待しています。インクルーシブ デザインの嵐がさらに激しく吹き荒れますように。

最後に、インクルーシブ インターフェース デザインはまだ模索段階にあるため、ここで述べたことはあくまでも 1 人の意見にすぎません。この記事がさらなる思考のきっかけになれば、この記事は十分に活用されたことになります。

SmashingMagazineより

(Danice は Leifeng.com に寄稿しました。転載の際は出典として Leifeng.com と著者を明記し、このページにリンクしてください)

原題: Web デザイン分析: UI デザインにおけるインクルーシブ デザイン

キーワード: ウェブページ、デザイン、包括的、モバイル、インターネット、ネットワーク、業界、高速、高速、人民の日、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化