Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
Search
まさよふ(不破 昌代)
September 27, 2024
Design
3
220
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
まさよふ(不破 昌代)
September 27, 2024
Tweet
Share
More Decks by まさよふ(不破 昌代)
See All by まさよふ(不破 昌代)
Community Driven Self-Development
masayofff
0
700
フェアな世界で まっすぐな転職を_第3回 転職透明化らぼ-レジュメチェック編
masayofff
1
1.6k
元デザイナー人事x現役人事が語る! エモいデザイナー採用大公開!
masayofff
4
3.3k
エンジニア向けのノベルティによるブランディング
masayofff
0
810
Other Decks in Design
See All in Design
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
Tableau曲線表現講座(2024.11.21)
cielo1985
0
180
Design System for training program
mct
0
160
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
770
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.6k
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
240
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
780
GAtechnologies_Designer_Culture_Deck_会社紹介資料
gatechnologies
0
100
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
450
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
170
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Bash Introduction
62gerente
609
210k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Transcript
デザイナー視点の 体験設計とデザインレビューを 事業部全員で体験する ワークショップをしたお話 不破 昌代 |
AGENDA 2 01. 02. 03. 04. 05. はじめに ワークショップの背景 ワークショップの実施
デザインレビュー おわりに
3 01 はじめに 自己紹介 転職会議とは ご案内
はじめに|自己紹介 4 まさよふ | @masayofff 株式会社リブセンス 転職会議事業部 プロダクトマネージャー #元デザイナー #元人事
#リブセンス歴5年 #元転職ドラフト中の人 #ユーザーリサーチ #新卒1年目からWM \Hello!/ 不破 昌代
5
スライド📝は 後ほど公開予定🌍 写真撮影📷OK 投稿💭OK はじめに|ご案内 6
7 02 ワークショップの背景 なぜやったのか 「とりとむしとさかな」とは デザイナー視点が難しい理由
8 視点を動かすWS* 「とりとむしとさかな」 を開催していた 背景|なぜやったのか デザイナー視点を 伝えることが 難しい デザイナー視点から プロダクトを捉える
WSをしてみよう *WS=ワークショップ
9 背景|視点を動かすWS「とりとむしとさかな」とは 転職会議の事業部全体の月次定例会議「ALL HANDS」の前半30~60分で、視 点を動かすきっかけになるお題に全員で取組むワークショップ。 ほかのお題は「口コミ審査をしてみよう」「パートナー企業を知ろう」「同業他社のIRを読んでみよう」など。
10 背景|デザイナー視点が難しい理由 デザイナーが少ない デザイナーとエンジニア比率は1:5程度 スキルやマインドの変化 近年のデザイナーのスキルやマインドセット は急速に変化し続けている プロセスのわかりづらさ デザインプロセスの見えづらさから デザイン=スタイリングだけと誤解されがち
11 03 ワークショップの実施 ワークショップの概要 miroの画面紹介 ワークショップの様子
12 実施|概要 デザイナー視点のアプローチを 課題解決の選択肢の一つにしよう MEMBER デザインのプロセスやマインドセット を実務に役立てるコツを考えよう MANAGER デザイナー視点の体験設計を通して 新たな課題解決の道筋を見つけよう
13 • メンバーのバックグラウンドは様々 • 「デザイン」や「デザイナー視点」 の解釈や期待値も人それぞれ • 難易度や時間の制約のもと、納得感 の醸成をする必要がある 今回のWSの難しい点
改善したこと • ペルソナ視点ではなく、自分視点を 起点として着手しやすくする • 「ワクワクした体験」とお題を共通 化して手順をスリム化する • miroを工夫して不明点を減らす 実施|概要
14 1.グループで体験の「目指す状態」のアイデアを出す 2.グループで体験を実現するアイデアを出す 3.体験をまとめる 4.体験によって起こせる変化をまとめる 5.デザイナーからレビューを受ける 初期案:ワークショップの流れ 初期案:制約・ルール ユーザー:転職会議のペルソナを想定すること 体験:口コミの投稿・閲覧の体験であること
表現:体験は可視化表現もセットで考えること 実施|概要
15 1.グループで体験の「目指す状態」のアイデアを出す 2.グループで体験を実現するアイデアを出す 3.体験をまとめる 4.体験によって起こせる変化をまとめる 5.デザイナーからレビューを受ける 初期案:ワークショップの流れ 初期案:制約・ルール ユーザー:転職会議のペルソナを想定すること 体験:口コミの投稿・閲覧の体験であること
表現:体験は可視化表現もセットで考えること ブレストが 広がり過ぎそう ペルソナを想定する の慣れてない アイデア発散と収束 だけ? デザインしないの? 全体的に やることが 多く難しい 可視化表現って 何すればいいの 実施|概要
16 1.本日やること・制約・ルールの確認 2.自分が最近ワクワクした体験をチームで共有 3.2の体験を転職会議の口コミ投稿・閲覧に取り入れるアイデアをチームで出し合う 4.体験をまとめる(誰が、どんな口コミ体験で、ワクワクになる?) 5.デザイナーからレビューを受ける FIX:ワークショップの流れ FIX:制約・ルール 体験:転職会議の口コミ投稿・閲覧の体験にする 表現:体験は可視化表現もセットで考えること
実施|概要
自分が最近ワク ワクした体験の 共有 17 実施|概要 一人称視点 既存の転職 口コミ体験に 取り入れる ワクワクする
口コミ体験を 考える 定義 多様な視点 共感 リフレーミング 新たな体験創出
18 実施|miro画面紹介|全体像 ワークショップはmiroを使用してオ ンラインで実施しました zoomのブレイクアウトルーム機能を 使用して7つのチームにわかれて対話 をしながら進めます miro操作方法 作業イメージ ワークする場所
(7チーム分)
19 実施|miro画面紹介|miroの使い方説明 ふだん、miroを業務で使用しないメ ンバーも参加するため、miroの基本 的な操作方法を添えた
20 実施|miro画面紹介|miroへの情報集約 miro上にチームごとの作業スペースを作成し、やること、資料のリンク、 説明、ステップごとの作業時間などをすべてmiroに記載した
21 実施|miro画面紹介|作業イメージの例示 何をどんな風に書いたらいいの?の ギモンをすぐに解決できるよう、実 際の作業をしたあとのイメージを2パ ターンmiro上に例示した
22 実施|miro画面紹介|(参考)
23 実施|miro画面紹介|(参考)
24 実施|miro画面紹介|(参考)
25 実施|miro画面紹介|(参考)
26 実施|miro画面紹介|(参考)
27 実施|ワークショップの様子|最近ワクワクした体験
28 実施|ワークショップの様子|口コミ体験に取り入れるなら?
29 実施|ワークショップの様子|どんな口コミ体験でワクワク?
30 04 デザインレビュー なぜやったのか レビュー紹介 デザイナーコメント紹介
31 デザインレビュー|なぜやったのか 「もっとフィードバックがほしい」 「もっとデザイナーの総評を聞きた かった」 ワークショップ後の アンケートの声 翌月のALL HANDSにて デザインレビューの紹介
全チームのアウトプットに対して デザイナー2名から GOOD&MORE,及び 総評コメントを書いてもらった
32 デザインレビュー|レビュー紹介 転職会議のデザイナー2名から 📝20,000文字超✨の レビューとコメントがもらえた 熱量、ボリューム感が伝わるよう、レビューとコメントの書かれた画面全体のスクショを貼ってみました→
33 デザインレビュー|レビュー紹介
34 デザインレビュー|レビュー紹介
35 デザインレビュー|レビュー紹介
36 デザインレビュー|レビュー紹介
37 今回のワークショップは、広義的に言うとUXデザインの5段階モデルである。 構造、骨格、表層の発想トレーニングだと思っています。 デザインは生まれ持ったセンスと言われる事がありますが。 今までの人生で経験してきたモノや見てきたモノの蓄積であり、 鍛え上げられるモノだと思っています。 転職会議 デザイナー 稲留さん 1/2
デザインレビュー|デザイナーコメント紹介
38 今回のように、実体験を言語化し、言語化したものをデザインとして、どう落とし込むかを考 え、それらを流用してどのように独自に活かすか? という事を体験、実施する事でデザインは単純に見た目をキレイに揃えるというものではなく、 全て理由があってデザインは成り立っている事を知るきっかけになり。 世の中にあるモノの見え方が変わってくると思います。 モノに対する見え方が変わり、デザイン的な意味で「目が良くなる」なると思ってます。 隠れていたデザインの重要性に気づき、そのデザインが私たちの生活に与える影響を感じること ができると思います。 生活の中で、今後身近なものから、なんでも良いので手に取ったプロダクトがあれば
今回の事を思い出して頂ければと思います。 転職会議 デザイナー 稲留さん 2/2 デザインレビュー|デザイナーコメント紹介
39 時間が少ない中、初めての試みでみなさんよくここまでアウトプットされたなと思いました。 基本はユーザー体験を重視してデザインを考えますが、見た目や機能をヒントにデザインを考え る際はもちろん、体験を損なっていないか?の部分に立ち返って検討→デザインの再検討の繰り 返しです。 大学の何かの授業だったかで、教授が言っていた言葉をずっと覚えていますが、人がいいこと閃 いた!というのは単なる思いつきの状態で、そこからどうやって見せられるものにしていくかが 重要だと、そのような事をおっしゃっていまして、その気持ちは、今でもずっと心の中にありま す。 これをデザインに落とし込んでいくと、要はアイデアはむしろなんでも良くて、見せ方(ここに
体験も含まれます)が大事なんですね..その工程が一番大変なのですが、ワクワクを起点にとい うのはとても良いですね。 転職会議 デザイナー 山下さん 1/2 デザインレビュー|デザイナーコメント紹介
40 普段の仕事でも遊び心を持って、もっと楽しくなるにはどうしたらいいんだろう?と考えていた だくのもいいかと思います。 また、ネガティブに思われるかもしれませんが、同じようなデザインやサービスでも、これはワ クワクしないな、というのはなぜか?何かの体験が足りていないのか?など、その理由を考えて みると何か気づきがあるのではと思います。 転職会議 デザイナー 山下さん 2/2
デザインレビュー|デザイナーコメント紹介
41 05 おわりに まとめ お知らせ
おわりに|まとめ • デザイナーの視点は、デザイナーの少なさ、スキルやマインドの変化、プロ セスのわかりづらさから、伝えることが難しい • バックグラウンドの異なる事業部全員で、デザイナーの視点を体験するワー クショップでは、難易度調整と納得感のバランスが難しい • 今回のケースでは、ふだんと異なる視点での体験設計とデザインレビューを 通して、デザイナー視点を伝えることを試みた
• 転職会議では引き続き、PdMとデザイナーに限らず、メンバー同士の相互理 解を促進する取組みを行っていきます 42
おわりに|お知らせ リブセンスでは中途採用強化中です PdM、デザイナーなどの現場にご興味あれば、懇親会やXで話しかけてください PdMの応募はこちら Xのフォロー大歓迎です 「まさよふ」で検索🔍 UIデザイナーはこちら 43