UI とは何ですか?また、それは何を表しますか?

Web デザインやグラフィックデザインの分野に少しでも関わったことがある人なら、「UI」または「UI デザイン」という用語を聞いたことがあるでしょう。「UX」と同じ意味で使われているのを見たことがあるかもしれませんが、それは何であり、どのように異なるのでしょうか?

実は、UIとUXは同じではありません。以下では、UI とは何か、そしてそれが何を意味するのかについて説明します。

UIとは何ですか?またその意味は何ですか?

UIとは「ユーザーインターフェース」の略称です。これは、ユーザーがページやプログラムを移動するときに操作する Web サイトやアプリの要素、つまりアプリケーションのグラフィカルレイアウトです。 UI として認定されるページ要素とアプリ要素には次のものが含まれます。

ボタン
文章
画像
スライダー
スクロールバー
フォームフィールド
ページレイアウト

基本的に、ユーザーが操作するものはすべて UI の一部です。そのため、美学はサイトやアプリの UI デザインの大きな部分を占めています。

Adobe は XD デザインブログで UI について次のように説明しています。

「ユーザーインターフェイスは、人間と機械の間で対話が行われる場所です。これにより、ユーザーは機械を効果的に操作して、タスクを完了したり、アプリの購入やダウンロードなどの特定の目標を達成したりできます。」

一方、UXとは「ユーザーエクスペリエンス」を意味します。 UI は間違いなく UX に影響を与えますが、それらは同じものではありません。

さまざまな種類の UI

どのデバイスの UI にもハードウェアとソフトウェアの両方が含まれます。使用するキーボードから、アクセスしている Web サイトの URL やサイドバーメニューに至るまで、すべてが UI の一部です。

UI のハードウェアは、次の 2 つのカテゴリに分類できます。

入力ハードウェア : マウスやタブレットなど、ユーザーが自分の側からマシンを制御できるようにするデバイス。
出力ハードウェア : モニターやスピーカーなど、ユーザーに情報を提供するデバイス。

Adobe によると、ユーザーインターフェイスにはコマンドラインインターフェイス、グラフィックユーザーインターフェイス (GUI とも呼ばれる)、および音声対応ユーザーインターフェイスの 3 種類があるとのことです。

コマンドラインインターフェイスは 、1970 年代に遡る最初の UI でした。ユーザーがコマンドを入力すると、コンピューターは 1 行のテキストで応答します。これらの UI には機械語の知識が必要ですが、今日のコンピューターではその大部分がグラフィカルユーザーインターフェイス (GUI) に置き換えられています。これらは現在、主にコンピュータープログラミングとシステム管理で使用されています。

GUI は 、現代のユーザーのほとんどが使い慣れているインターフェイスです。アイコンやカーソルなどのグラフィックを使用すると、ユーザーはデジタル製品を操作できます。マウスの矢印を動かして Spotify アイコンをクリックして音楽を再生すると、それが GUI になります。私たちがスマートフォンで定期的に操作するアイコンは何でしょうか?あとGUIも。これらの UI システムにより、今日私たちが知っているようなコンピューターが広く使用されるようになりました。

音声対応のユーザーインターフェイスにより、 ユーザーは音声だけを使用してデジタルシステムと対話できるようになります。ここ数年、 Alexa 、 Siri 、 Google アシスタントなどのデジタルアシスタントを通じて、音声対応インターフェースの人気が急上昇しています。