20241204_UI/UXデザイナーLT会 - vol.10_DMM

by Motoko Ishida

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

© DMM.com 1.自己紹介毎年誕生日はお寿司を食べています🍣 @銀座おのでらなまえ：石田素子出身地：神奈川県横浜市のはじっこ職歴：化粧品会社の百貨店事業部で化粧品を販売していたのが原体験で、その後ずっとtoC向けのサービスやプロダクトの企画に携わってます。 voyage group(7年) →ぐるなび(8年)→auコマース＆ライフ(3年) UXデザイン組織導入や専門部署の立ち上げを経験 →現在 DMMのアルファ室でプロダクトマネージャー /プランナーをしています。

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

© DMM.com ユーザービリティテストの必要性とはいえ、1サービスの会員登録やログインを改善するわけではない。立ちはだかるのは、具体的な改善内容の合意です。誰のために改善し開発するかといえばユーザーのためです。（しいては事業のため）ここを根拠として進めようという考えです。取り入れたのが、HCDサイクルです。利用状況の把握と明示ユーザーと組織の要求事項の明示設計による解決案の作成要求事項に対する設計の評価要求事項の合意実装へ調査分析設計評価

Slide 7

Slide 7 text

© DMM.com ユーザービリティテストの必要性そうだ、社内でやってみよう。 5,000人近い社員数の会社なのでできる気がしました。 • 全体のslackチャンネルで協力者を募りました • 入社の浅い方に声をかけました • プロトタイプは、デザイナーに協力してもらい ﬁgmaを用いて実施しました • 現UIと新UIと他社サービスの登録操作を調査。 • 予行練習もしましたが、しかし、ユーザービリティテストを実行する予算や体制（外注契約）がない状況でした。これまでの経験では、ありがたいことに予算と体制がありました。ただここで諦めるわけにはいきません。準備含めて２週間程度で完了しました、テストそのものは1日2時間ほどを3日間に渡って実施という感じです。

Slide 8

Slide 8 text

© DMM.com UI改善と共通機能の最適化 ⚪テストから得られたこと・複数の登録手段にポジティブな印象を持つ・この後の画面でメアドとパスワードの入力は１画面でまとめたほうが操作がスムーズ・サービスによっては、SNS登録への抵抗感を感じるケースあり。 ⚪改善ポイント・文字の大きさを大きく・説明文を改善・登録手段は並列に見せる・ログイン画面へ移動しやすいUIに・背景画像や登録手段は、サービス毎にカスタマイズできる仕様を導入

Slide 9

Slide 9 text

Slide 10

Slide 10 text

© DMM.com 成果と課題成果 • 社内での合意形成時にユーザービリティテストの結果を用いたことによって、スムーズに行えた • テスト設計やテスト実施の実行によるスキルを身につけられた • 設計時に悩んでいたUIの改善方法が見つかった • リリース後、会員登録数が増加した課題 • 複数サービスにおいてカスタマイズできる仕組みをどう活用していくか。 • サービス毎での背景設定 • 登録手段の並び順など • リリース後のA/Bテストによる定量調査の実施 • ユーザービリティテストの組織浸透 • ナレッジの共有やフローの導入改善は1回で終わりではないので、繰り返しどうやっていくかを考えて動いています。