今さら聞けない!ユーザーインターフェース(UI)とは?〜UIと関連キーワードの基本をやさしく解説〜

今さら聞けない!ユーザーインターフェース(UI)とは?〜UIと関連キーワードの基本をやさしく解説〜

2019.10.11
111views

「UI(ユーザーインターフェース)」。
Webサイトやアプリのデザインに関する話題の中で、よく耳にする言葉ではないでしょうか。
この記事では、なんとなく理解しているけど、より正確な意味を理解したい方のため、
今さら聞けないUIの基本を、関連キーワードとあわせて徹底解説します!

UI(ユーザーインターフェース)とは?

直訳すると「User Interface = ユーザーとの境界・接触面」
ユーザーとサービスの接点全てを、もしくは、ユーザーと道具を「つなぐ」ものを意味します。
Webサービスであれば、サイトのデザイン・文字のフォント・メディア(画像・動画)・サイト内検索機能など、ユーザーとの接点全てがUIにあたります。
なお、Webサイトやアプリ(ソフトウェア)のUIの良し悪しが語られがちですが、ハードウェアにもUIは存在します。
例えばTVのリモコンです。電源をつける・チャネルを変える・ボリュームを調整するといった操作が可能で、ユーザーとTVを「つなぐ」存在です。

コンピューターの普及に多大なる貢献を果たしたUIの進化

コンピューターのUIはモニター・キーボード等のハードウェアとソフトウェアの組み合わせによって形作られますが、UIの進化がコンピューターの普及に多大なる貢献をしたことはご存知でしょうか。
コンピュータが誕生した当初は、Character User Interface(CUI)と呼ばれるUIが用いられ、キーボードから文字(コマンドライン)を入力することでしか操作することが出来ませんでした。
操作のためには、まず“コマンド”を覚える必要があったため簡単には使いこなせず、ユーザーはごく一部に限られていました。
その後誕生したのが、「Graphical User Interface(GUI)」と呼ばれるUIです。

AppleがGUIを採用したことで「カーソルを動かし、アイコンをクリックしてアプリを起動する」という視覚的・直感的な操作が可能となり、ユーザー数を飛躍的に伸ばすことに成功しました。
ご存知のとおり、近年ではタッチスクリーンの導入によりUIが更に使いやすくなったことで、多くの人がコンピューターを操作できる時代となりました。

なぜ今UIが注目されているのか?

このように、ユーザーと道具を「つなぐ」存在であるUIは、決して新しい概念ではありません。
では、なぜ昨今UIが注目されているのでしょうか。
それは、UIがユーザーの満足度に影響を与えるものとして、特にWebサービス・アプリにおいてはその影響度が大きく、収益にも直結してくるためです。

では、UIの改善が成功につながった例として、2008年オバマ大統領の選挙キャンペーンを紹介しましょう。

彼のチームは、キャンペーンサイトに掲載するメディア(動画・画像)と登録ボタンの文言を複数パターン用意・テストすることで、
最も効果的な組み合わせを検証しました(この検証手法は“A/Bテスト”と呼ばれています)。

この結果、サイト訪問者の登録率(CVR:コンバーションレート)は40.6%改善し、最終的には63億円の追加寄付を集めることに成功したといわれています。

なお、最も効果的なUIは、家族写真と“LEARN MORE(もっと知りたい方へ)”の組み合わせだったそうです。
彼のチームは、メディアにはオバマ大統領のスピーチ動画が好ましいと考えていたため、この結果は驚きと共に受け止められました。

Webサービス・アプリにおいて、特に重要なUIですが、UIがユーザー満足度の全てを決めうるわけではない点には留意が必要です。
より広い視点で「ユーザーエクスペリエンス(UX)」を捉える必要があります。
詳しくは、以下の関連記事をご参照ください。

■関連記事
ユーザーエクスペリエンス(UX)とは?〜UIとの違いから具体事例まで〜

実はAPIもインターフェースの代表格

APIというワードも耳にされたことはありませんか?
実はAPIも、インターフェースの一種です。
UIはユーザーと道具を「つなぐ」ものですが、APIはソフトとソフトをつなぐ「ソフトウェアインターフェース」の代表格です。

APIとは、アプリケーション・プログラミング・インターフェース(Application Programming Interface)の略で、ソフトとソフトのやり取りを可能とする仕様を指します。

例えば、レストランのHPに表示されているGoogle Mapsも、API連携によるものです。
APIがあることで、自社で全ての機能を作る必要がなくなり、開発コストを抑えることが可能となりました。

この他に、コンピューターとプリンターのように、ハードウェア(機械)同士を「つなぐ」、ハードウェアインターフェースも存在します。
USBやHDMI等の規格がそれにあたります。

最後に:UIのこれから

近年関心を集めるUIですが、TVのリモコンもUIであるように実は身近な存在であり、かつ、その進化の歴史も長いということがわかりました。
特にコンピューターの登場でその複雑さが増したUIですが、優れたUIとは一体何でしょうか。

それは、流行りのデザインや凝りに凝ったグラフィックが使われていることではなく、
今も昔も変わらず、「ユーザーにとっての使いやすさ」ということに尽きると思います。

では今後、UIはどのような進化を遂げていくのでしょうか。
ユーザーとデバイスを「つなぐ」UIは集約され、その多くは消えゆく運命なのかもしれません。
「使いやすさ」を追求した結果、今やスマホ1つでオーディオ等の家電が操作可能になりました。
更には、音声認証AI(人工知能)を兼ね備えたスマートスピーカーが、早くもユーザーとデバイスが「常時つながっている」状態を生み出しつつあります。
この大きなトレンドを意識し自社製品のUIはもちろん、商品設計自体を考える必要があることを、忘れてはなりません。

■参考サイト:Optimizely Blog
https://blog.optimizely.com/2010/11/29/how-obama-raised-60-million-by-running-a-simple-experiment/

ニジボックスのサービスについて詳しく知りたい方はこちら!

UI/WEBデザインについて 外部リンク