なんだろう・・・エンジニアだってUXデザイン知ってた方が良くないですか？

おはようございます。
こんにちは。
こんばんわ。
最近、デザイン学習を始めた微経験エンジニアです。


全国のエンジニアのみなさん・・

### なんだろう、エンジニアだってUXデザイン知ってた方が良くないですか？
![ひろゆき小.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/b8491023-956b-882b-7c45-ef33dc7ede45.png)



UXデザインを学んで私は、

『ユーザー視点で、プロダクトを改善改良していくってめっちゃ大事やん・・』
『デザイン思考をもっといろんな人に知ってほしい！』


と思ったのです！！

#### 「それってあなたの感想ですよね？」

![ね.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/b78b4cad-832f-18f4-ee88-fd6911a81ef4.png)



**と思われた方は見ないでください！！**

（嘘です。見てくださると嬉しいです。ありがたいです( ；∀；)泣）


### ところでUXデザインてなに？


#### UX(ユーザーエクスペリエンス)

文字通り、**U**ser e**X**perience とは

:::note info
**ユーザー**が製品やサービスを通して**得られる体験**
:::


>デザインとは見た目や雰囲気だけではなく、製品やサービスそのものを設計することが最も重要。

>ユーザーが求めていることを先回りし、結果として喜んでもらえるようなシナリオを設計できれば、良いUXデザインとして評価できるが、逆に失敗すれば、以下の様な実際のデザインとUXの乖離が生じる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/c3a2ac6d-2eb9-9d04-f5fc-f8d27c3e5234.png)

> 引用元：『【わかりやすく解説】UXデザインの基本と主要概念』


https://blog.btrax.com/jp/ux-basics/


##### 突然ですが、ここでクイズです！



:rotating_light: 第１問

以下の中でユーザー体験（UX）はどれに当たるでしょうか？
![操作がわかりやすいな〜.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/854e00c4-0f75-f538-5a3e-53bb1f1fdbd0.png)

:alarm_clock:

:alarm_clock:

:alarm_clock:


**正解は、、、**


全部です！！:tada:

良い体験、 悪い体験 も製品・サービスを通して得られる体験すべてが **UX** です。


では、

:rotating_light: 第２問

製品やサービスを "利用中" は ユーザー体験になりますが、
" 利用前" と "利用後" もUXに含まれるでしょうか？
![操作がわかりやすいな〜 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/04e9e530-a5e2-30d4-a0fa-7210fa651d12.png)

:alarm_clock:

:alarm_clock:

:alarm_clock:


**正解は、、、**


" 利用前" と "利用後" もUXに含まれます！！:tada:

:point_up: **point**

:::note info
良い体験も、悪い体験もUX。良い体験だけではなく悪い体験にも目を向ける
:::

:::note info
利用中だけでなく、その前後もUXに含まれる
:::


### UXデザイン

UXデザインとは、UX（ユーザー体験）を デザイン（設計する）ことです。

![操作がわかりやすいな〜 (2).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/1efc249d-8cdd-796c-dca0-a92bcfc2e346.png)

:::note info

UXデザインとは製品・サービスの利用において**すべてのユーザーの体験を設計すること**
:::

:::note info
UXデザインで大事なことは、**ユーザーからの視点を大事にする**。ユーザーに寄り添うことが大事。
:::

※UXデザインが注目される背景は、[消費者の行動が「モノからコト」に変化](https://ecwork.jp/3713)したからだそう
（今はさらにトキ消費やイミ・エモ消費になってきているみたいです・・・:hushed:）


#### ”スターバックスはコーヒーを売っているのではない。体験を売っているのだ。”

スタバのCEO、ハワード・シュルツさんは、

「スターバックスはコーヒーを売っているのではない。体験を売っているのだ。」

と発言したことが有名。
UXデザインでブランドを作り上げた代表的な企業さんです。

>入れたてのコーヒーを提供する従来の喫茶店やカフェと異なり、”スターバックスでコーヒーを飲む”という経験価値を提供するため、コーヒーの品質だけでなく、コーヒーカップや店内の内装、Wifi環境、店員のホスピタリティまで気を配られています。(下記の記事引用)

https://magazine.tempoly.jp/storedevelopment/ux-kobayashi/

確かに”スターバックスでコーヒーを飲む”って

おしゃれなイメージだったり、

電源やwifiがあってちょっとした作業ができたり、

新作の飲み物が定期的にあったり、いろんなカスタマイズができたり

接客は丁寧で元気なイメージで


ステキな体験ができるから「また行こう」「また行きたい」って思いますよね :relieved:

### プロダクトを作る上でのよいUXって？



#### UXを7つの要素に構成したハニカム構造

情報アーキテクチャ論の先駆者ピーター・モービルが提唱している、UXを構成する7つの要素を表したもの。

以下の図ように**ユーザーが感じる価値**を中心に6つの要素から構成される

![７つのハニカム.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/30a1dd43-7837-ba8c-0220-047ae0b14b9f.png)

:::note info
① 役に立つ：”ユーザー”が必要としているモノか？
:::

:::note info
② 使いやすい：”ユーザー”は使いこなせるか？
:::

:::note info
③ 好ましい：”ユーザー”が魅力的に感じるモノか？
:::

:::note info
④ 探しやすい：”ユーザー”は見つけられるか？
:::

:::note info
⑤ アクセスしやすい：”ユーザー”はアクセスしやすいか？
:::

:::note info
⑥ 信頼できる：”ユーザー”は価値を感じるか？
:::

![ユーザー視点.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/89bfbba4-6bf0-ea4d-519f-3a99ebe7ea24.png)







https://www.asobou.co.jp/blog/web/ux-honeycomb


:point_up:**point**

:::note warn
「７つの要素」でよいUXを考える
:::

:::note warn
「ユーザー視点」でUXデザインの体験を設計する
:::


### ユーザー視点の重要性はわかったけど、どうやってUXデザインの設計をすればいいの？

"ユーザーの視点"に立った課題の本質を発見する、UXデザインの手法として **デザイン思考** がある。

https://qiita.com/watanabe_yudai/items/a86c98e829e48ccc00e8

#### デザイン思考のプロセスとフレームワーク
[スタンフォード・デザイン・ガイド デザイン思考 ５つのステップ](http://www.nara-wu.ac.jp/core/img/pdf/DesignThinking5steps.pdf)

![designdesign.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2899739/9dae8270-5a2d-7a67-0a65-ae69c8750829.png)

> 引用元：https://bluelogic.jp/design/each-designthinking/


:::note warn
共感：ユーザーを深く理解しニーズを探る。

:::

:hand_splayed_tone1:01. 問題の整理を行う・・・現状の状況整理

:hand_splayed_tone1:02. [SWOT分析](https://notepm.jp/template/swot)・・・出てきた問題の背景や理解が深まる

:hand_splayed_tone1:03. [共感マップ](https://creaone.jp/digital-marketing/logic/howto-create-empathy-map/#gsc.tab=0)・・・ユーザーの環境や感情、思考を書き出す手法



:::note warn
問題定義：在的なニーズよりもさらに隠れたユーザーの心理を明確にして方向性を示す

:::

:hand_splayed_tone1:01. 重要項目図・・・"共感"で得られた背景やニーズを整理し本質的な問題を再定義する


:::note warn
創造：解決策を考えながら「問題」と「ユーザー」をつなげる
:::

:hand_splayed_tone1:01. [ブレインストーミング](https://boxil.jp/mag/a1607/)・・・「ブレスト」＝アイデアや発想を生み出す手法

:hand_splayed_tone1:02. 4分割マトリクス・・・アイデアをカテゴリに分けて優先順位をつけ評価して決定する際に使用



:::note warn
プロトタイプ：アイデアを実現する形づくり
:::

:hand_splayed_tone1:01. モックアップ・・・サンプルを作り、色やレイアウトなどのビジュアルデザインを表現

※4分割マトリクスで整理したものをプロトタイプに落とし込む

:::note warn
テスト：プロトタイプを利用して検証。解決策を再定義・改善する
:::

:hand_splayed_tone1:01. フィードバック・キャプチャー・グリッド・・・ユーザーにテストしてもらい、使用した感想をまとめる手法


#### デザイン思考を試す時のポイント

:writing_hand_tone1: ユーザー視点になって、すべての先入観を捨てる

:writing_hand_tone1: なぜ？を繰り返し、新たな可能性に心を開く


:writing_hand_tone1: 質より量を試して、まなぶ


### まとめ

:white_check_mark: UXデザインは、**"ユーザー視点"での体験価値を設計すること**

:white_check_mark: UXデザインの手法として、**デザイン思考がある**

:white_check_mark: 様々な**フレームワークを活用し、"ユーザー視点"を取り入れる**ことができる

#### 個人的感想、ユーザー視点で考えるって大変そう・・

と、思いながらもプロダクトを良くしていくためにUXデザインってすごい重要だと感じました。

しかも利用している時だけじゃなく、利用前後や良い体験・悪い体験にも目を向けるなんて、、

広い視野を持ち、あらゆる手法を使いユーザーの視点で体験を設計していく。
いや〜なかなか根気のいる作業だなと。:dizzy_face:


### さいごに

最後までお読みいただきありがとうございます。

デザインの学習を始めるまで、UXデザイン・デザイン思考のことは、ほぼ知りませんでした :baby_tone1:
プロダクトをより良いものにしていく為に知っておいて損はない知識だと思うので
『少しでも興味が湧いた』、『知れてよかった』と思っていただければ幸いです。ありがとうございました:ok_woman_tone1:



画像引用元：
> https://getnews.jp/archives/3167538
 https://www.itmedia.co.jp/business/articles/2201/22/news024.html