UX入門
価値定義

UX入門

サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです
完了目安
2-3週間
1日2-3時間を継続して行えた時の目安の計算をしています。自分で目標を立てて取り組みましょう
概要
進め方
概要
進め方
専用チャンネルで質問や交流しよう
同じレベルの人と交流したり、進捗共有しよう
コミュニティへ
PURPOSE OF SERIES
なんで作ったの?🤔

ユーザー理解を軸にしてサービス価値を定義するデザインのやり方を身につけよう

サブスク管理サービスを作りながらUXデザインの初歩を学べるコンテンツです。UXというとても広いので、このシリーズでは「顧客をベースに価値をデザインする方法」の基本を紹介しています。

具体的には「1:仮説を立てる」「2:N=1ヒアリングで顧客を知り、仮説を検証する」「3:ヒアリングから顧客のゴールと課題を整理する」「4:ゴールと現状のギャップを埋めるアイデアを作る」といった内容です。

形がなく理解が難しい分野です。最初から完璧にやることは想定していません。ただ、”顧客によって、重要なものや考えるべきことが変化する=デザインが変わる”ということをやりながら理解してユーザーにまっすぐなデザインを作ることを体験してほしい。そんなシリーズになります。

PURPOSE OF SERIES

何をデザインできるの?💪

アウトプット

サブスク管理アプリをデザインしよう

ゼロかサービスを作る過程を通して”顧客に届く価値”のデザイン方法を学べます
サブスク管理アプリをデザインしよう
デザインの流れ

"価値定義シート"を作れるようになろう

顧客、課題、ニーズ...を定義して機能やサービスのコンセプトをまとめられるようになろう
"価値定義シート"を作れるようになろう
価値をデザインする

ヒアリングして改善しよう

自分のデザインを触ってもらうことはUI改善の強力な味方になります。
ヒアリングして改善しよう
デザインの基礎

デザインの流れを知ろう

一方通行ではないデザインの構築の流れを身につけよう
デザインの流れを知ろう
1on1
シリーズ完走で面談しよう🔮

学びをアウトプットして
カイクンとデザイン面談しよう

シリーズを7割以上終了したアウトプットをフォームから投稿すると、30分カイクンとデザイン面談ができます。
アウトプットのフィードバックや、理解の相談、今後の学習の進め方など内容はメンバーが自由に決めてOKです💡
シリーズに関係ない内容でも大丈夫です。

詳細と応募フォームはこちら
CONTENTS
さあ始めよう!👌
提案できるデザイナーになるスキル!UXデザインとは

”誰に何を届けるか”をデザインするのが、提案において大事です。UIデザイン、Webデザイン、なにを作るにしても使える提案するために必要なことを紹介しました。

❐ 目次
-------------------------------------------

00:00    顧客中心のデザインを解説
00:28    結論 ①課題/ニーズ②解決策③具体化する
00:42    フェーズと関係
04:58    ダブルダイアモンド
05:50    アイデア形成の詳細
08:32   具体化検討の詳細
12:27    ヒアリング&検討とは
14:24    まとめ

21:21
無料
メンバー限定

提案できるデザイナーになるスキル!UXデザインとは

UXデザインの流れ - 見た目から始めない?提案できるデザインの流れ

”誰に何を届けるか”をデザインするのが、提案において大事です。
UIデザイン、Webデザイン、なにを作るにしても使える提案するために必要なことを紹介しました。

❐ 目次
-------------------------------------------

00:00    顧客中心のデザインを解説
00:28    結論 ①課題/ニーズ②解決策③具体化する
00:42    フェーズと関係04:58    ダブルダイアモンド
05:50    アイデア形成の詳細
08:32    具体化検討の詳細
12:27    ヒアリング&検討とは
14:24    まとめ

16:42
無料
メンバー限定

UXデザインの流れ - 見た目から始めない?提案できるデザインの流れ

.UXデザインのよくある間違い - 要件定義の具体イメージ解説

00:06 テーマ アイデアの定義をどこまで行うかを解説
00:30 結論 「誰」が「なぜ」どんな「時」に「何」を求めるのかを定義できればOK
00:58   ユースケースと具体イメージを定義
01:35 「誰」が「なぜ」どんな「時」に「何」を求めるのか
02:01   とある子供のフォトアプリのユーザーストーリー
04:24   フォトアプリの実例
05:03   この2つで具体イメージが湧く
05:20   よくある間違い:手法をゴールにしない
05:47   手法は道具でしかない
06:07   ゴール
06:44   まとめ

07:31
無料
メンバー限定

.UXデザインのよくある間違い - 要件定義の具体イメージ解説

UX的3つの手法 - サービスや機能アイデアのコンセプトデザイン

□ 目次
00:56 アイデアの出し方/定義方法
01:03 お題を解きながらやろう
02:08 アイデア出しのゴールは2つ
04:23 3つの手法
05:25 1)価値定義シート
07:34 2)行動フロー整理
09:00 3)WHYで深堀り
10:33 やってみよう
11:32 サブスク管理アプリで実践してみた
16:04 行動フローを使ってみた
23:22 深ぼってみた

□ スライド

https://www.figma.com/file/n6rTb8v5FDFNFSAQrDUnkz/UX%E5%85%A5%E9%96%80?node-id=218%3A0

27:40
無料
メンバー限定

UX的3つの手法 - サービスや機能アイデアのコンセプトデザイン

早く失敗するためのプロトタイピング作成のコツ

価値定義のままだと「実際どんな感じになるんだろう?」が想像しづらい。
ので、早めに具体化します。100%で作る前に”間違いに気付くため"にプロトタイプを作ります。

□ プロトタイプ作るときにまとめた資料
https://www.notion.so/takumikai/ver1-0-289be075baf146d5a93b126e6024f165

□ 動画の流れ

00:00 動画の流れ
00:32 プロトタイプとは?作成の流れ
03:29 1)機能アイデア整理のコツ
04:27 ユーザーストーリーで定義
07:15 行動フローで整理
09:45 2)UI具体化のコツ
13:13 実践をみる

21:16
無料
メンバー限定

早く失敗するためのプロトタイピング作成のコツ

価値検討ヒアリングのやり方と台本作り

アイデアがイメージできるようになったら客観視点から自分のアイデアを評価しましょう。
本当にユーザーのニーズがありそう?考えた課題はあるか、自分の都合の良い考えになってないか。

などは自分の頭だとなかなか判定するのが難しいです。
第三者にヒアリングして客観視点を入れましょう。そのときのポイントを解説します。

□ 作成した台本
https://www.notion.so/takumikai/v1-d98ec6e82cc44bd7871bfdeb1eb986b7■

□ 動画の流れ

00:19 目次
00:55ヒアリングの種類と目的
04:24 3つのコツ
04:56 1)台本作り
06:04 2)対象者の選び方
08:54 3)聞くときのコツ
11:24 実際に作った台本を見る















16:11
無料
メンバー限定

価値検討ヒアリングのやり方と台本作り

【ヒアリング実践 その一】サブスク管理 - 友達に聞いたら気づけてない課題が出てきた

実際にヒアリングした様子です。
自分でも録画したのを見ると話が冗長だったりする部分があり、勉強になります。。笑

「そもそも開きたくならない、気が乗らない分野」であることが今回の発見でした。

聞くだけじゃなくて、半ば巻き込む形で”どう管理できると使えるアプリになるんだろう”のアイデアブレストをしたりしています。

□ 目次
-----------------
00:05 概要の説明
01:19 サブスク×生活を聞く
06:54 アイデアを共有
11:35 反応を聞く
15:49 重要点に気づく

26:48
無料
メンバー限定

【ヒアリング実践 その一】サブスク管理 - 友達に聞いたら気づけてない課題が出てきた

【ヒアリング実践 その2】わかってはいるけど解約ができない....

友人のUI/UXデザイナーのザッキーさんにヒアリングをしました。
サブカル寄りの特徴と、ネットに強いのもあって、サービスを知りたい欲が強かったりなどなど。

37:54
無料
メンバー限定

【ヒアリング実践 その2】わかってはいるけど解約ができない....

言われたことを鵜呑みにしない - ヒアリングから改善点を見つける

□ ヒアリング結果をまとめたドキュメント
--------------------------

https://www.notion.so/takumikai/7-7c61281324384025bf85dff1e6bdbbd8

□ 目次
--------------------------

00:21 動画の結論
01:15 ヒアリング結果をまとめたドキュメント
01:46 内容の順番
02:10 1-出て来た反応のまとめ
04:13 2-全てを鵜呑みにしない
06:47 3-あったらいいは後回し
07:46 4-まとめ

08:51
無料
メンバー限定

言われたことを鵜呑みにしない - ヒアリングから改善点を見つける

3.ユーザーの声をUIアイデアに取り入れよう
00:00
無料
メンバー限定

3.ユーザーの声をUIアイデアに取り入れよう

お題:サブスクと向き合いたくない精神ハードルを下げるアイデアを考えてみよう

ここからヒアリングで明らかになった課題に対して再びアイデアを作りUIプロトタイピングをしていきます。
動画でカイクンなりのアイデアを作り、解説していきますが、見るだけじゃなくて自分で手を動かして同じ課題を考えてみましょう。

・今まで作成したプロトタイプ=自動でサブスクを登録できる をベースに続けて考えていきます
・自分の頭で考えつつ、参考になるサービスなどを探して盗んでいきましょう

04:08
無料
メンバー限定

お題:サブスクと向き合いたくない精神ハードルを下げるアイデアを考えてみよう

方向性の決めてはユーザーの声で。課題解決のアイデアをどう出すか?

□ 動画で使うドキュメント
--------------------------

https://takumikai.notion.site/8-00b8e8e4a0d144c0aae31818da37ff01

□ 目次
--------------------------

00:36 動画の結論
03:05 整理したものを見ていく
03:55 定義した流れ
05:07 ブレスト:課題をさらに具体定義
07:59 ブレスト:参考サービスを探す
11:56 主観アイデアはヒアリングすべき
12:43 パターンで整理して深める
14:16 ユーザー目線でアイデア決める
16:17 まとめ/ポイント


17:37
無料
メンバー限定

方向性の決めてはユーザーの声で。課題解決のアイデアをどう出すか?

UIを体験にするアイデア整理 - ユーザーの理想の行動を具体化します

□ 動画で使ったドキュメント
--------------------------

https://takumikai.notion.site/9-f215552b4b994159af5c93ca83bda2d5

□ 目次
--------------------------

00:30 動画の結論
03:08 まずは課題を定義
03:21 整理する流れ
04:21 理想の行動を定義しよう
06:15 ユーザーの行動を整理:サイクル
08:14 ユーザーの行動を整理:サービスの流れ
10:14 終わりに

※行動フローの整理は「プロトタイピング」の動画でも解説ています解説ています↓

https://www.bo-no.design/contents/ux-beginner05

11:12
無料
メンバー限定

UIを体験にするアイデア整理 - ユーザーの理想の行動を具体化します

4.ユーザーの声を満たすUIプロトタイプを作ってみよう
00:00
無料
メンバー限定

4.ユーザーの声を満たすUIプロトタイプを作ってみよう

サブスクを起点に会話が生まれるアプリのUIプロトタイプ

UI作成の過程が見たい方は「情報設計」シリーズでサブスク管理アプリのUI設計を解説しています。d
動画のシリーズ自体はこれで終了です。が、「アイデアを出す→客観的にフィードバック(ヒアリング)→課題や解決策を見直す→アイデアを出す...」の繰り返しでクオリティをずっと高めていくのがサービス設計のフローです。

最終的には、「世の中にサービスを問う=リリースする」ことでしか、自分の考えたアイデアやUIがちゃんと届くのかはわかりません。
UXの手法は、なるべく高確率で届けたい人に届かせるための手法です。正解はバッターボックスに立った時にだけわかるものだったりします。

今回のシリーズの流れで「作る→検証→改善する」の流れがイメージついたかと思います。
ゼロからサービスを作る時でも、機能をデザインする時でも、同じ流れを使います。引き続きユーザー目線を持ちつつデザインしていきましょう。

→ 作成したFigmaのプロトタイプhttps://www.figma.com/file/YkhziQgTmetKBOKuLwdF4l/%E3%82%B5%E3%83%96%E3%82%B9%E3%82%AF%E7%AE%A1%E7%90%86%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9?node-id=441%3A1077

08:22
無料
メンバー限定

サブスクを起点に会話が生まれるアプリのUIプロトタイプ

ABOUT
シリーズについて💡

概要

UXは理解するより実際に使うことが段々と理解が進むものです。正直、初学者が本を読んでも意味がないと考えているので、実際に実践している部分を見せ、自分でも少し頭を動かしながらUXデザインの全体像や重要性を理解できるようなシリーズにしています。

実際に顧客中心にデザインする方法の超基本を身につけながら進めるので、実際に自分がデザインする時の視野をグッと広げる1歩になります。

スケジュール

観るだけなら1週間以内。シリーズを観るだけにして手法とその使い方を見て実務で使ったり、コースのお題である「ゼロからサービスをデザインしてみる」で実践してみるのも良いでしょう。

コースレベル

初級レベル:より本格的にUI/UXデザインを始めたい人。

誰におすすめ

・ユーザーに対してメリットのあるUI設計をしたい方。
・なぜ顧客を軸にUIを考えないといけないかを知りたい方
・人の役に立つデザインをしたい方

動画数
14
お題数
This is some text inside of a div block.
カテゴリ
【UXデザイン】リサーチ/ユーザー定義
Design
カテゴリ
This is some text inside of a div block.