Web関連

初心者WEB担当者が勘違いしてるUI/UX

0

最近、散歩がマイブームになりつつあるIAの加藤です。

街を、散歩すると思わぬ発見があって楽しいなと改めて、最近考えるようなりました。

趣味が散歩とか言い出してもおじいちゃんとは言わないでください。

今回は、WEB担当者になるために勉強中だよという方やWEB担当者になったばかりですという方の多くが、UIとUXについて勘違いしている部分を紹介・ご説明したいと思います。

UIとUXを間違えてませんか?

最近、UIやUXといった言葉をサイト改修する際に見かけたりしないでしょうか?
この二つについて、お客さんと話をさせていただいた時に誤解している方、もしくはよくわからないという方が少なからずいましたので改めて二つの違いを紹介しようかなと思いました。

おそらく検索エンジンで調べると、「UI設計」「UX設計」「UI/UX設計」のようなワードについて説明をした記事がたくさん出てくると思います。

違う言葉なのでイコールではない。

間違えてる方の多くは、UI=UXと勘違いされている方が多いようです。
一文字違いですから気持ちはわかります。
ですが、違う言葉なので当然意味も違います、全然違います。

では、それぞれどういう意味なんでしょう?

UI設計とはどういうもの?

UIとは、User Interface(ユーザーインターフェース)の略です。
すごーく簡単に言うとユーザーがサイトを使いやすいかどうかです。

ユーザーが快適に操作することができ、情報を探すことが出来る機能があることが良いUIになります。

実際に設計する場合は、「誰に」、「何をどうしてほしい」、「何を伝える」など色々考えなくてはなりませんが考え方については、別の機会にご紹介します。

UX設計とはどういうもの?

UXとは、User Experience(ユーザーエクスペリエンス)の略です。
エクスペリエンスは経験という意味があります。
ユーザーが、サービスを利用した際に得られる体験の概念です。

ユーザーがサービスを利用した結果、満足し、また使いたいと思ってもらえればひとまずUX設計としては、成功です。

なぜ間違えてしまうのか?

二つの説明を聞いて全然違うと感じた人の方が多いと思います。
では、なぜ間違えている人が多いのでしょうか?
それは、UXを説明するときにUIが出てくるからです。

ユーザーの視点のたって考えてみてください便利な方が満足しやすくないですか?

例えば、外食でに置き換えて考えてみましょう。

・ラーメン屋さん(UIが悪い)
メニューがわかりづらい。
常連しか知らないルールがたくさんある
味は、病みつきになるおいしさ。

・レストラン(UIが良い)
店員が味の好みを聞いて料理の説明やおすすめをしてくれる。
食べ終わった食器をすぐに下げてくれる、飲み物も注いでくれる。
味は、もちろんおいしい

どっちが満足度が高そうでしょうか?
ふつうは、レストランですよね。

まとめ

 

UXを上げようとすると、必然的にUIへの配慮も必要になってきます。
UXの要素の中に、UIが含まれているイメージです。

そのため、説明の際は合わせて話をされることは多いのです。
そこで混同してしまうかたが多いようですが、二つは、全く意味が違うものなので決してUI=UXではないのです。

関連するサービス

Webデザイン

デザインガイドライン作成

レスポンシブWebデザイン

UI/UXデザイン

0

クラウドサービスを利用する上で最低限注意すべきセキュリティ5箇条前のページ

ティファナも使っているCMS、Movable Typeの特徴とは?次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. SEO関連

    無意味なSEOはもう要らない!Web制作のプロがこっそり教えるSEO対策

    皆さん、無駄なSEO対策は行っていませんか?検索エンジンで上位…

  2. SNS関連

    SNSマーケティングって何すればいいの? - 第1弾! –

    みなさんも1つは持っているSNSアカウント、企業ではどのように運用をす…

  3. Web関連

    休憩時間に癒やしを!可愛い動物たちのサイトまとめてみた

    Webのサービスは様々なものがあり、コミュニケーションを取るためのSN…

  4. Web関連

    その言葉、大丈夫?間違いやすい日本語9選

    人とコミュニケーションをとるとき、自分の話している言葉がうまく伝わらな…

  5. Web関連

    切っても切れないデザインと色の話

    こんにちは、デザイナーの角田です。毎年こっそり楽しみにしていること…

  6. Web関連

    ホームページ制作時の契約書、確認ポイントをあれこれ教えます!

    高額な商品を購入したり借り受けたりするとき同様、ホームページの制作を開…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AI関連

    自動運転の「なぜ」を考える〜AIは自動運転をどこまで進化させるか
  2. Web関連

    プリントケーキで思い出に残るお誕生日を!
  3. Web関連

    【バズるコラム】休みなしで10年記事を書き続けた無名ブロガーの「10分で書けるコ…
  4. Web関連

    面白い海外の採用サイト集
  5. Web関連

    Webアプリに対する攻撃手法とその対策
PAGE TOP