「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

UIデザイン

pointこの用語のポイント

point設計するよ

point見た目とか使い勝手について考えるよ

point「UI」の部分は「User Interface」の略だよ

スポンサーリンク

簡単に書くよ

UIデザイン(読:ユーアイデザイン 英:UI design)とは

(画面の)見た目とか使い勝手とかの いわゆる「UI」と呼ばれている部分を、どんな感じにするか考えること
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として

ユーザ
インターフェース
UIユーザインターフェース
デザイン


について説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

ユーザは「使う人」です。

UIデザイン

単語の意味から考えた方が分かりやすいかもしれませんね。
英単語の「use(ユーズ)」の意味は「使う」とかです。
接尾辞「er」を付けると「~する人」とか「~するもの」的な意味になります。
「use(使う)」と「er(~する人)」を合体させて「user(使う人)」です。

インターフェースは「何かと何かの くっついている部分」です。
一般的には「接触面」や「接点」などと訳されます。

UIデザイン2

UIユーザインターフェースは「人間様とコンピュータさんの接点」です。

UIデザイン3

……と言われてもピンと来ないですよね。
私もです。

辞書的な意味からは少し外れてしまいますが、一般的には

1.画面
2.見た目
3.使い勝手


のどれかを指して「ユーザインターフェース」と表現していることが多いはずです。

人間様はコンピュータさんを使うとき、画面をジーっと見ます。

UIデザイン4

捉えようによっては画面は人間様とコンピュータさんの接点と言えるでしょう。
だから、画面を意図して「ユーザインターフェース」と言ったりします。
あるいは画面の先、機能だなんだの「見た目」を指して「ユーザインターフェース」と言ったりします。

また、人間様はマウスをグリグリやったり、キーボードをポチポチしたりして、コンピュータさんを使います。

UIデザイン5

マウスやキーボードは人間様とコンピュータさんの接点と言えるでしょう。
よって、マウスやキーボードはユーザインターフェース……なのですが、一般的にはマウスやキーボードによる操作(のしやすさ)を意図して「ユーザインターフェース」と言ったりします。

操作のしやすさは、言い換えると「使い勝手」です。
例えば、押しにくい場所にボタンがあったら、使い勝手は良くありません。
そのような状況を指して「このUIはイマイチだね」と言ったりします。

ちなみに「User Interface(ユーザ・インターフェース)」の頭文字を取って「UI」ね。

UIデザイン6

※「User Interface」を何となく日本語にすると「使用者との接点」となります。[詳細]

デザインは「何かを設計すること」です。

UIデザイン7

あるいは「何かの見た目(+α)を考えること」です。
「+α」の部分には「使い勝手」とか「目的の達成しやすさ」とかが入ります。
見た目だけじゃなくて、見た目を通じて発生させる効果なんかも考える行為です。

UIデザイン8

以上を踏まえて

(画面の)見た目とか使い勝手とかを、どんな感じにするか考える

のが「UIデザイン」です。

UIデザイン9

よく分からない人は「画面デザイン」と似たようなものだと思って かまいません。

UIデザイン10

UIデザインは「UI」のデザインです。
厳密には画面に限りません。
例えば、ピヨピヨの壺の取っ手の形を考えるのもUIデザインです。

UIデザイン11

とはいえ、コンピュータ関係で出てきたら、多くの場合、画面デザインを指しています。
似たようなものだと思っていても、そんなに困らないはずです。


image piyo2

一言でまとめるよ

まぁ「UIデザイン」って単語が出てきたら「(画面の)見た目とか使い勝手を どんな感じにするか考えるんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像027
書籍画像011

おまけ

■訳してみるよ

「UI」は「User Interface(ユーザ・インターフェース)」の略です。
「user(ユーザ)」の意味は「使用者」とか「利用者」とかです。
「interface(インターフェース)」の意味は「接点」とか「境界面」とか「接触面」とかです。
「design(デザイン)」の意味は「設計」とか「デザイン」とかです。
何となく くっつけると

使用者との接点を設計

となります。


■検索してみる?




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
実務で役立つ ログの教科書 基礎知識から収集方法・分析手法・トラブルシューティング・パフォーマンス最適化・機械学習での活用まで
サイバー忍者入門 忍者・スパイ・軍隊・ハッカーに学ぶ フルスタック・ハッキング