<iframe src="//www.googletagmanager.com/ns.html?id=GTM-KRK26M" height="0" width="0" style="display:none;visibility:hidden"></iframe>

UI/UXの基本とヒューマンインタフェースの種類(ITパスポート・テクノロジ系)

スマホの画面って、なんでこんなに操作しやすいのかな?
…って思ったことない? 私はあるよっ!

「人と機械のやりとり」をスムーズにする仕組みのこと、
それが今回のテーマ、「ヒューマンインタフェース」だよ~!

今回は、よく聞く「UI/UX」との関係や、音声操作とか最近のインタフェースの種類まで、わかりやすく解説していくね!

ヒューマンインタフェースとは?

ヒューマンインタフェース(Human Interface)っていうのは、
人とコンピュータ(機械)のやり取りを助ける仕組みのこと!

たとえばスマホのタッチパネル、パソコンのマウスやキーボード、音声操作やジェスチャー入力…
これ全部、私たちが「使いやすくなるように」工夫されたインタフェースなんだよ✨

言い換えると、
人にとって直感的で操作しやすいデザイン」が求められるんだね〜!

ユーザビリティとアクセシビリティの違いとは?

どちらも「使いやすさ」に関係あるけど、ちょっと意味が違うの!

用語意味
ユーザビリティ(Usability)一般的な使いやすさ・操作のしやすさのこと
アクセシビリティ(Accessibility)高齢者や障がいのある人にも使いやすい工夫のこと

たとえば、

  • ボタンが大きくて押しやすい → ユーザビリティが高い
  • 色覚障がいの人にも見やすい配色 → アクセシビリティに配慮◎

どっちも、やさしい設計には欠かせない要素だねっ!

見た目も中身も、誰にとっても“やさしい”がいちばん…そう思わない?💕

UI/UXとは?

よく聞く「UI」と「UX」、これもインタフェースと深い関係があるよ!

用語意味
UI(ユーザーインタフェース)画面や操作の見た目や触り心地アプリのボタン配置や色使い
UX(ユーザーエクスペリエンス)利用者が得られる体験そのものアプリの使いやすさ、満足感

つまり、UIは“目に見える部分”、UXは“感じる体験”ってこと!

たとえば、アプリがすごくシンプルで分かりやすくて、
「えっ、これならお母さんにも教えやすい〜!」って思えたら、それは良いUXなんだよ!

ヒューマンインタフェースの種類

最近は、操作方法もどんどん進化してるの!

GUI(Graphical User Interface)

マウスやタッチで、画面上のアイコンやボタンを操作
(Windowsやスマホの画面がこれ!)

CUI(Character User Interface)

キーボードで文字を打って操作(黒い画面に文字を入力するやつだね〜)
初心者にはちょっと難しいかも…!

VUI(Voice User Interface)

音声で操作するタイプ。「OK Google」とか「Siriに話しかける」とかだね!

ジェスチャーインタフェース

指や手の動きで操作するよ。
最近のゲーム機とか、スマホのスワイプ操作もこれに近いね〜!

メリットとデメリットまとめ

項目メリットデメリット
GUI直感的に使えて初心者にやさしい複雑な操作には向かないことも
VUI手が使えない時にも操作できる周囲がうるさいと誤認識しやすい
ジェスチャーUI未来感あってカッコイイ誤操作や精度の問題あり

ヒューマンインタフェースって、
「誰が、どんな場所で、どう使うか」をちゃんと考えることが大事なんだねっ!

ヒューマンインタフェースに関するITパスポート試験の過去問!

UX(User Experience)の説明として、最も適切なものはどれか。

ア できる限り多くの人が等しく利用しやすいように配慮したソフトウェア製品の設計

イ 顧客データの分析を基に顧客を選別し、コールセンターやインターネットなどのチャンネルを用いて顧客との関係を深める手法

ウ 指定された条件の下で、利用者が効率よく利用できるソフトウェア製品の能力

エ 製品、システム、サービスなどの利用場面を想定したり、実際に利用することによって得られる人の感じ方や反応

正解は『ウ』

→ UXとは「サービスや製品を利用したときに得られる人の感じ方や反応」を示す言葉だよ。

ITパスポート試験をスマホで手軽に勉強!

「えろ勉」も戦略的に開発&運営してるよ~!この記事が勉強になったり、ためになったよ〜って思ったら、なにかアクションをお願い!!「えろの力で勉強するゲーム:えろ勉

やっぱり、UIも恋も、第一印象って大事だよね💕

関連記事

TOP