はじめにデザインをするうえで、『UI』という言葉をよく耳にするかと思います。近年のデザイン業界ではさらにその注目度が増していますが、なんとなく意味はわかっていても、きちんと説明するのはちょっと……という方も多いのではないでしょうか?実際に調べてみても、説明が複雑で分かりにくいことが多いので、曖昧なまま終わっていることがあるかと思います。 Show
しかし、成果のでるWebサイトをつくるためや、ユーザーにサービスを選んでもらうためにもUIは大変重要なものとなってきます。UIをうまく活用していくためにも、UIの意味や目的をしっかりと理解し、意識することが大切です。 そこで、これからWebデザインにおけるUIについて詳しく解説していこうと思います。 UIとは、ユーザーインターフェイス(User Interface)の略称で、一般的にユーザー(利用者)と製品やサービスとのインターフェース(接点)すべてのことを意味します。 ユーザーとは、主にWebサービス(サイト)・アプリケーション・ソフトウェアを利用する人を言います。 WebサイトでいうところのUIは、サイトの見た目や、使いやすさのことを指します。よくUI=見た目、と勘違いをしている方もいるかと思いますが、レイアウトや使用されている画像はもちろん、文字のフォント、メニューやボタンの操作性などユーザーが目にするもの・操作するものすべてが含まれています 例えば、みなさんも家電や家具を購入しようとした時、見た目が良く、機能性に優れているものを選びたいですよね? 似てるけど違う?UIとUXについてユーザーとの接点を意味するUIとは別に、似たような言葉に『UX』があります。よく一緒に使用されるので、同じような意味として扱われることが多いですが、似て非なるものです。UXとは、ユーザーエクスペリエンス(User Experience)の略称で、ユーザーが製品やサービスを通じて得られる体験のことを意味します。 例として、実際にユーザーがある通販サイトを利用した時に、情報がわかりやすくレイアウトされていて「分かりやすい!」、ボタンの配置やサイズも適切で、「使いやすい!」、写真が綺麗で「この商品を買いたい!」と思うなど、どのような体験をしてどのような印象を持ったかを指します。 また、こちらもよく誤解されがちですが、ユーザーがサービスを利用している間だけでなく、利用する前と後の感覚などもUXに含まれます。 だから重要!UIとUXとの関係性では、違う意味であるUIとUXは、なぜ一緒に使われることが多いのか?どういう繋がりがあるのか?と疑問に思いますよね。その答えはUIとUXの関係性にあります。簡単にUIとUXの関係性を説明すると、UIはUXの一部に含まれているのです。 Webサイトでも、情報がすっきりと整理されていて可読性が高く、ボタンも押しやすくわかりやすいと、「このサイトをもっと利用しよう!」と感じると思います。 このようにUIやUXが生まれる際に大きな影響を与える関係から、共に使われることが多く、その意味が混同されやすいのです。 現代に必要とされているUIデザインこれまでの説明で、UIの意味やUXとの違い、関係性について分かってきたかと思います。ではまとめとして、冒頭で記述した、成果のでるWebサイトやサービスを選んでもらうためにUIが大切である、ということについてお話ししたいと思います。 近年、似たようなサービスが増え、Webでも膨大な数のサイトが存在しています。そんな中、周りとの差別化を図らなければ、ユーザーの目には止まらず、そのサービスの良さは伝わりません。 それを実現するために現代では、サービスとユーザーを繋ぐUIを快適にするための設計(UIデザイン)が求められているのです。 最後に今回はUIについての基礎的な知識をまとめてみました。 今後も引き続き、UIをテーマに詳しくお話ししていこうと思いますので、さらにUIの知見を深めて、周りに差をつけられるクリエイターを目指していきましょう! 出典 (株)朝日新聞出版発行「知恵蔵」知恵蔵について 情報 出典 ASCII.jpデジタル用語辞典ASCII.jpデジタル用語辞典について
情報 出典 講談社IT用語がわかる辞典について 情報 デジタル大辞泉の解説ユーザー‐インターフェース(user interface)出典 小学館デジタル大辞泉について 情報 | 凡例 精選版 日本国語大辞典の解説ユーザー‐インターフェース〘名〙 (user interface インターフェースは接続装置の意) コンピュータと利用者の間にある、機器類とそれらを動かすソフトウェアの総称。コンピュータの使い勝手の良し悪しにかかわる。 出典 精選版 日本国語大辞典精選版 日本国語大辞典について 情報 世界大百科事典内のユーザーインターフェースの言及【ヒューマンインターフェース】より…ヒューマンインターフェース(HI)とは,広義には,人と,機械や道具など人工物とのかかわりのことであるが,最近では,もっぱら,コンピューターとのかかわりを意味するようになっている。少しずつ意味合いは異なるが,ユーザーインターフェース,ヒューマンコンピューターインタラクションも使われる。 広義のHIの問題は,人が道具を発明したときから存在していたが,これが大規模かつ組織的に研究されるようになったのは,アメリカにおいて,第1次大戦での教訓を踏まえた武器の使いやすさの向上という実用的な要請からであった。… ※「ユーザーインターフェース」について言及している用語解説の一部を掲載しています。 出典|株式会社平凡社世界大百科事典 第2版について | 情報 ユーザーインターフェースの例は?コンピュータの主なユーザーインターフェースは、ディスプレイ装置などの画面表示、マイクやスピーカー、イヤフォンによる音声入出力、キーボードなどによる文字入力、マウスやペンタブレット、タッチパネル、ジョイスティックなどによる(画面上の)位置や方向の入力、カメラなどによる画像・映像入力、およびこれらの組み合わせによって構成 ...
ユーザーインターフェースにはどのようなものがある?利用者が対象を操作するために接する部分。 パソコンの場合、マウスやキーボード、ディスプレーといった機械的な要素、どのように操作するかという手順、画面に表示されるメニューやアイコン、ウインドウといった視覚的要素、警告音や文字の読み上げといった聴覚的要素などを指す。
ユーザーインターフェイスの種類は?大きくわけると3種類だ。. 機械と機械を繋ぐ、ハードウェアインターフェース。( ex. HDMIケーブル). ソフトとソフトを繋ぐ、ソフトウェアインターフェース。( ex. API). 人間と何か (主にデバイス) を繋ぐ、ユーザーインターフェース (UI)。( ex. 下記参照). ナチュラルユーザーインターフェースの例は?NUIの例 券売機などのタッチパネル操作、スマートスピーカーをはじめ、家庭用ゲーム機の分野ではWiiのコントローラーなど、ボタン操作をしなくても自分の身体の動きに反応するゲームなどが有名です。
|