ソフトウェア工学の基礎

章7 ユーザ インタフェース設計

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

優れたデザインは、デザイナーとユーザ間のコミュニケーションでもある。ただし、そのコミュニケーションはすべて、デバイス自体の外観によって行われなければならない。デバイスは、それ自体で説明しなければならないのだ。

ドナルド・A・ノーマン、『The Design of Everyday Things』著者

あまりにも多くのインスタンスにおいて、のユーザインタフェース（UI）デザインは、他の要素を一切考慮せず、入力フィールドを適当な場所に配置するだけのものになりがちだった。開発者にとっては最も手っ取り早い方法だったかもしれないが、それが最もユーザビリティのあるアプリケーションにつながったことは稀だった。覚えておいてほしい、UIはユーザ体験（UX）の「形」であり、ほとんど全てのユーザにとって、UIこそがアプリケーションそのものなのだ。優れたUIデザインは、UXがセットした目標を達成することを基盤としている。

UIデザインは単に見た目の美しさだけではない。対象ユーザーにとってアプリケーションを使いやすくすることだ。使いやすさにはアクセシビリティやインクルーシブデザインなど様々な要素が含まれる。もちろん、UIデザインの基本を教わるソフトウェアエンジニアはほとんどいない。この章を読み取っただけで専門家になれるわけではないが、読み終える頃には大半の人より一歩先を行くことができるだろう。

万人のためのデザイン

アクセシビリティ、ユーザビリティ、インクルージョンは、異なる背景や能力を持つ人々が製品を利用できるようにすることを目指す、デザインにおける明確でありながら相互接続された概念だ。これらはしばしば略称で呼ばれる：アクセシビリティは（a11y）、ローカライゼーションは（L10N）、国際化は（I18N）だ。

注記

ヌメロニムとは、数字で部分的または完全に構成された単語のことだ。様々な構造を表すが、多くの場合、最初の文字と最後の文字の間の全ての文字が省略された文字数で置き換えられた短縮形として見られる。正規表現が好きな人向けに言えば、このタイプのヌメロニムは次のパターンに従う：[a-zA-Z]\d{1,2}[a-zA-Z] 。

これらの側面をバランスよく調整し、設計プロセス全体に統合し、異なるユーザのニーズに効果的に対応することは困難を伴うことがある。これらの要素はアプリケーションの成否を左右し、インスタンスによっては法規制の対象となる。例えば、アクセシビリティ設計を義務付ける米国障害者法（ADA）、米連邦機関の情報技術アクセシビリティを規定するリハビリテーション法第508条 、障害者のユーザビリティを最大化する製品設計を義務付ける欧州アクセシビリティ法（EAA） などだ。

レトロフィット・チャレンジ

ネイトだ。何年も前、ソフトウェア会社のUIチームで働いていた。プロのエンジニアが広く利用する成熟したWebアプリケーションがあった。プロダクトマネージャーは次期リリースでアクセシビリティを重点課題と決め、我々のチームにアプリケーションの改修をセットした。スクリーンリーダーや直接的なキーボードやり取りに対応させるためだ。このアプリがそうした概念を全く考慮せずに構築されていたと言うのは控えめな表現だ。初めてスクリーンリーダーでページを検証した時、その改修の膨大さが明らかになった。

入力フィールドには明確なラベルがなく、キーボードショートカットもほとんど存在しなかった。マウスなしでアプリケーションを操作するのは非常に手間のかかる作業だった。私が関わるよりずっと前の判断については言及できないが、アクセシビリティやローカライゼーション、国際化を最初から考慮して構築する方がはるかに簡単だと言える。ただし、このアプリは多言語対応に関しては非常に優れていた！そして確かに、膨大な労力をかけてキーボード操作を（ほぼ）可能にし、少なくともスクリーンリーダーに対して過度に敵対的ではない状態にはできた。 ...