【D1-S3】個と個を繋ぐ美容予約アプリミニモのデザイナーが体験を作る上で大切にしていること | #MTDC2024 | MIXI TECH DESIGN CONFERENCE 2024

Slide 1

Slide 1 text

吉田小夏 / Konatsu Yoshida MIXI TECH CONFERENCE 2024 Day1 ミニモ事業部デザイングループミニモのデザイナーが体験をつくる上で大切にしてること

Slide 2

Slide 2 text

18新卒 / ミニモ事業部デザインG 多摩美術大学情報デザイン学科出身アプリ版ミニモのUI/UXデザイン担当ミニモは新卒の配属から今年で6年目！デザインを通じて、人々の日常に心温まる驚きと彩りのあるコミュニケーションをつくりたい！と思い、デザイナーを志しました #サウナ #テニス #映画 #でかい自然 #夏 #ポコポコしたネイル #うさぎ吉田小夏よしだこなつ @konatsu.yoshida @yoshida572 プロフィール好きなもの

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

おトクになりたいスタイルを叶えてきれいになりたい自分の得意なスタイルや強みを活かして集客したい matching! お客様サロンスタッフ

Slide 5

Slide 5 text

4 ミニモを通じて、技術もお人柄も最高な美容師さん・ネイリストさん・アイリストさんと知り合うことができた！ 4 自分の好きなスタイルになれることで、心が弾んで、少し自信をもてたり、前をむけるパワーになる 4 趣味の話題や最近の近況を報告できるような関係になれて、サロンで過ごす時間が楽しみに私がミニモ通じて気が付いた HAPPYをもっと沢山の人に

Slide 6

Slide 6 text

ミニモは今年で10周年！ 2014年に、カットモデル募集のアプリからはじまったミニモ掲載者約6万人・DL数は600万を超え順調にサービスを拡大中！ SNS mixiのカットモデル募集の掲示板から着想を得てうまれました取り扱いカテゴリも続々とふえています

Slide 7

Slide 7 text

ミニモのデザイナーの特徴ミニモのデザイナーは３つのプロダクトとグラフィックを制作の役割をもっています。それぞれの専門性や強みを活かして、担当の領域を持ち、チームで助け合いながら仕事しています。アプリ版ミニモ web版ミニモ SALON TOOL グラフィック制作

Slide 8

Slide 8 text

ミニモのデザイナーの特徴仮説検討やリサーチプロジェクトのリードなど、希望すればプロジェクトの上流工程にチャレンジできるのも特徴の一つ。

Slide 9

Slide 9 text

Before After 実際の担当施策「メッセージ画面改修」

Slide 10

Slide 10 text

メッセージ画面なのにメッセージがちょっとしか見えない＞＜ミニモの特徴的な機能の1つのメッセージ画面。しかし長年、機能を継ぎ足ししてきた影響で、画面内の要素がもりだくさんに。拡張性に限界が…！情報を整理して、本来の画面の役割であるメッセージをしやすい画面に改修するぞ改修の背景

Slide 11

Slide 11 text

デザイナーリードで取り組んだこと絡み合うステータスと仕様の見える化予約したサロンの来店までついていくリサーチ

Slide 12

Slide 12 text

デザイナーリードで取り組んだこと予約したサロンの来店までついていくリサーチ

Slide 13

Slide 13 text

なぜ取り組んだのか？ユーザー目線の課題に対する解像度が低い状態で手を動かしてしまったため、どの案も根拠がうすく、決め手にかけてしまった>< デザインに対してフィードバックをもらう中でも、仮説で意見がわかれてしまったり意思決定が難航…

Slide 14

Slide 14 text

予約したサロンの来店までついていくリサーチ事前インタビュー& 予約するまでの様子を観察来店日時に実際に予約したサロンまで同行後日施術を受けての感想をヒアリング

Slide 15

Slide 15 text

やってみて得られたこと実際の言動からリアルな実態が見え、ユーザーに対する理解が甘かったことを実感…。 q ユーザーはどんなタイミングで　ミニモを開き、何を確認するのか q その時どんなことを考えていて、何につまづくのか予約した後の体験までの観察は初めてで、たくさんの気づきがありました

Slide 16

Slide 16 text

一連のリサーチから見えたつまづきポイントを洗い出して抽象化して仮説をを定義。実態に基づいた情報をもとにユーザーへの影響度で優先度づけでき、その後の議論の納得感が高められたやってみて得られたこと影響度の高い課題にスコープを絞り、その解決に向けてデザインを検討

Slide 17

Slide 17 text

一つ一つの意思決定をしていく際にも、たち返って根拠にできる材料に。自分の意見にも自信をもて、事実をもとにメンバーとも議論できるように！やってみて得られたこと

Slide 18

Slide 18 text

デザイナーリードで取り組んだこと絡み合うステータスと仕様の見える化予約したサロンの来店までついていくリサーチ

Slide 19

Slide 19 text

デザイナーリードで取り組んだこと絡み合うステータスと仕様の見える化

Slide 20

Slide 20 text

なぜ取り組んだか？ミニモの色んなステータスが複雑に絡みあい影響 &仕様がブラックボックス化してしまっていた予約のステータス（確定前・確定後・予約日時後来店済み…）メッセージが未読なのか・既読なのか… 予約状況に応じたキャンセルの可不可、キャンセルの種類など… 一つのステータスにおいてもお客様側とスタッフ側両方の考慮が必要

Slide 21

Slide 21 text

なにをやったか？エンジニアさんとひたすら会話しながら、関連するステータスや条件を網羅的に、地道に洗い出す、洗い出す…。 OS・ユーザー・各ステータスごとに画面ならべ、AsisとTobeの差分がわかるようにFigma上に一覧化していった！

Slide 22

Slide 22 text

画面ごとの表示だけでなく、タイムラインやアクションに応じたステータスの変化も可視化したりも　なにをやったか？

Slide 23

Slide 23 text

やってみて得られたこと B メンバーの目線合わ% B その後の開発・テスト設計でも極力検討漏れを防げ( B 漏れがあっても可視化した情報を土台にすばやく対応できた！複雑・煩雑になってしまっているものほどデザインの見える化・整理する力が発揮できるところ

Slide 24

Slide 24 text

実践し、得られたことまとめリサーチで得られた情報をもとに施策を前進させられたv h ひとつひとつの意志決定や議論、優先度づけなどの判断材料にc h 次なる仮説・施策のヒントに。見える化には力があX h 複雑をひもとき、みんなの目線を合わせることができる困難があってもやりきれるコ0 h 自分たちが「これをやったら絶対よくなるぞ！」と信じられるこG h その状況を楽しめるマインドも大事

Slide 25

Slide 25 text

無事リリース！ ※2022年8月時点でのデザインですリリース後もお客様・サロンスタッフ双方からたくさんの声がよせられました

Slide 26

Slide 26 text

既読やメッセージ内容を確認したかどうかわかる機能を追加して欲しい。無事リリース！ ※2022年8月時点でのデザインです見やすくて使いやすくなりました。ありがとうございました。リリース後もお客様・サロンスタッフ双方からたくさんの声がよせられました

Slide 27

Slide 27 text

これからも体験を作る上で大切にしていきたいことデザイナーがもつ強みをうまく生かし、ビジョンに共感し、情熱をもって、地道にサービスに向き合って作り続けていくこと良いものは、良いコミュニケーションから生まれ Y 対ユーザーとも、開発を一緒にすすめるメンバーとも、対話を通じてお互いの理解を深め姿勢をわすれない可能性を信じチャレンジする姿勢、それを応援しあえる文0 Y 環境に感謝しつつ、甘えず前のめりに学んでいきたw Y 変わらずこのカルチャーを守っていきたい

Slide 28

Slide 28 text

ミニモは「なりたい自分を叶える出会い」を一緒に作り、広げていく仲間を募集中です！お気軽にお声がけください。