ユーザーインターフェース（UI）

ユーザーインターフェースとは何ですか？

ユーザーインターフェース（UI）は、あらゆるアプリケーションやウェブサイトの「表面」です。ソフトウェアの視覚的な全体像であり、ソフトウェアのさまざまな部分がユーザーにどのように伝えられるかを示すものです。UIは主に3つのカテゴリで構成されています。

• レイアウト： UIレイアウトとは、アプリやウェブサイトの全体的なルック＆フィールのことで、各画面の構造とスペーシング、画面上のコンポーネント間の関係、画面内のフレームを作成・定義するためのコアコンポーネントの配置、ソフトウェアにアイデンティティを与えるデザイン言語、ページやコンポーネント間のトランジション、そして一貫したブランドを形成する色・形・フォント・視点などが含まれます。
• エレメント： UIエレメントとは、アプリやウェブサイトをインタラクティブにする部分です。一般的なエレメントには、ボタン、スライダー、ドロップダウンリスト、テキストフィールドなどがあります。近年では、特にモバイルアプリにおいて、物理的なジェスチャーがUIのコアエレメントとなっています。
• グラフィックス： UIにおけるグラフィックスとは、フレーム、画面、またはエレメントを視覚的に表現するビジュアルです。グラフィックスの例としては、イラスト、画像、アニメーション、動画、写真などがあります。

UIデザイナーは何をするのですか？

UIデザイナーは、アプリやウェブサイトの外観を作成・実現する責任を担っています。ソフトウェアの世界では、UIデザイナーはグラフィックデザイナーとも呼ばれます。UIのすべての要素の美的側面を決定し、ブランドをユーザーに伝えます。アプリやウェブサイトの芸術的な構成はUIデザイナーの責任であり、ユーザーを引きつけ、ユーザーとコミュニケーションを図り、ユーザーの親しみを高めることから始まります。さらに、UIデザイナーはユーザーインターフェースを通じて目的を伝えるという観点と、UIのレイアウト・エレメント・画像をアプリやウェブサイト自体の目的と調整するという観点の両面から、ソフトウェアが理にかなっていることを確認しなければなりません。

UIがユーザーにとって理にかなっているかどうかをUIデザイナーが判断する方法の一つは、ユーザーに直接尋ねることです。 IHS Markitは、例えば、新バージョンのベータ段階において、ユーザーが旧UIと新UIを行き来できるようにしました。ユーザーが一方から他方に切り替えた際、チームは アプリ内アンケート を表示し、どちらのインターフェースを好むのかその理由を尋ねました。

UIやユーザーインターフェースデザインについてさらに詳しく学ぶには？

ユーザーインターフェースについてさらに深く掘り下げたい方には、Jennifer Tidwellの「Designing Interfaces」、Golden Krishnaの「The Best Interface Is No Interface」、Everett N. McKayの「UI Is Communication」など、この分野に関する書籍が多数あります。 Coursera もミネソタ大学との提携によるUIデザインのオンラインコースを提供しており、PendoはUIとUX（ユーザーエクスペリエンス）の関係や、 UIとUX（ユーザーエクスペリエンス）の相互関係、および PX（プロダクトエクスペリエンス）.