Upgrade to Pro — share decks privately, control downloads, hide ads and more …

よいUXを届けるためデザイナー✕PdMのコラボレーション / RettyBeerBash#4

Retty
September 28, 2021

よいUXを届けるためデザイナー✕PdMのコラボレーション / RettyBeerBash#4

2021/09/28にオンライン開催した自社イベントのスライドです
https://retty.connpass.com/event/223711/

Retty

September 28, 2021
Tweet

More Decks by Retty

Other Decks in Design

Transcript

  1. View Slide

  2. エンジニアリング部門 マネージャー
    好物:立ち食いそば
    趣味:競馬、映画鑑賞
    経歴:2006年 キヤノン株式会社(13年)   
    2019年 Retty株式会社(2年)
    2
    toC / toB Web開発部門のマネージャーです。
    顧客にとって価値のあるプロダクトを、チーム一丸となって協力し、短期間にリリースする開発体制のあり方を模索し
    ています。
    https://user.retty.me/3946697/

    View Slide

  3. 営業/採用/サーバーサイド/グロースハックなど色々Rettyでやりました。
    現在は中長期を見据えたプロダクト全体の体験設計を担当しています!
    利便性だけでなく感情的に愛してもらえるようなプロダクトを作っていきたい人です。
    人生のミッションは「小さな幸せの認識回数を増やすこと」です。よろしくお願いしますー!
    プロダクト部門マネージャー 兼 PM
    趣味:漫画(毎月3万くらい課金してる...)
    経歴:2012年 家庭教師斡旋会社立ち上げ
       2015年 インターンでRettyに入社
       2017年 Rettyに正社員として入社
    3
    https://user.retty.me/1289557/

    View Slide

  4. リードデザイナー
    趣味:キャンプ、釣り、街道歩き
    経歴:2007年 Web制作会社(10年)
       2017年 Retty(4年)
    4
    「真にユーザーに向き合ってデザインがしたい!」という思いから、制作会社からRettyへ。
    2017年のiOSアプリリニューアルからアプリグロースを約2年間担当。現在はリードデザイナーとしてプロダクトの中
    長期を見据えた体験設計の他、Retty全体のデザイン統括、デザイナーの組織課題に向き合っています。
    https://user.retty.me/3160701/

    View Slide

  5. デザイナー
    趣味:ジョギング、ゲーム
    経歴:2007年 制作会社(4年)
    2011年 ソーシャルゲーム会社(4年)
    2015年 Retty入社(6年)
    5
    Webデザイン・フロントの経験を積んだあと、人の生活に役立つサービスに関わりたいとRettyへ入社。サービスの
    UI/UX改善を中心に、社内のデザインに関わることなんでもやっています。
    https://user.retty.me/2507190/

    View Slide

  6. 6
    大学卒業後、日本で2,3年ぐらい働いて帰国するつもりでIT企業に入社 🏢
    そこでデザインの奥深さを知り、自分の未熟さも痛感したので、しばらく日本にいることに 󰏦
    いまや永住権を取得して、ずっ〜〜〜と日本に住む計画もしている日本大好きモンゴリアンです󰐆✌
    デザイナー
    趣味:登山🏔、映画鑑賞🎬
    経歴:2016年 株式会社ミクシィ(2.5年)
       2018年 Retty株式会社(3年)
    https://user.retty.me/2724406/

    View Slide

  7. 7
    よいUXを届けるための
    デザイナー × PdMのコラボレーション

    View Slide

  8. Vision
    8
    食を通じて
    世界中の人々を
    Happyに。
    世界に誇る日本の文化であり、世界中の人々の
    暮らしの中心でもある、「食」という分野で、お店
    を探す人とお店の人の双方がHappyになれる、
    そんな世界を実現したい。その為に、お店をオス
    スメするというポジティブな感情で人をつなぐ事が
    Rettyの目標です。

    View Slide

  9. サービス開始から現在まで急成長
    9

    View Slide

  10. ユーザーさんにとってのRetty
    10
    実名型
    点数評価のない
    おすすめの口コミ
    「ヒト」から探す
    信頼できるヒトから、自分にあったお店を見つけることができる
    実名型グルメプラットフォーム

    View Slide

  11. 11
    飲食店さんにとってのRetty
    新規集客 ストック
    アクセスアップ 来店 顧客管理 リピート集客
    お店の”ファン”と出会い、長期的に繋がれる
    将来の常連さんを作る集客のインフラ

    View Slide

  12. 12
    よいUXを届けるための体制/スタンス

    View Slide

  13. プロダクト開発に携わる体制の話

    デザイナー


    プロダクト部門

    プロダクトマネージャー

    リードデザイナー

    ミッションA

    プロダクトマネージャー

    デザイナー

    ミッションB

    プランナー

    プランナー

    Rettyでは、ミッションでチームが分かれており、デザイナーも各チームに所属しています。

    業務ではデザイナー間のコミュニケーションを密にとり、ナレッジシェアやデザインレビューなどを行い
    ながら日々デザインに取り組んでいます。

    密な連携


    View Slide

  14. プロダクト開発に携わる体制の話

    各ミッション(チーム)で戦略
    から戦術を検討

    実装

    戦術を具体の

    施策にする

    1
    次Q,半年でざっくり

    粒度の方針,戦略を決定 

    効果検証

    PdM /

    プランナー

    デザイナー

        プロトタイピング    

        UIデザイン    

      事前検証  

     定量分析 

      ユーザーリサーチ  

      エンジニア相談  

     検証項目作成 

     実装確認・検証 

    リリース後効果検証  

         企画・プランニング     

          体験設計      

    2 3 4 5

    View Slide

  15. Rettyのデザイナーが大切にしていること

    デザイナーとしてのミッション
    ・User Happyを追求してデザインする
    ・幅広いデザインワークによって、より良いユーザー体験
    の実現と、サービスの成長に貢献する
    アウトプットに対する姿勢
    ・スピード/クオリティ/タイミングの3つを考慮した、最適
    なアウトプットを提案する
    ・定量/定性データを元に、ロジカルにデザインする
    プロジェクトの進め方
    ・プロトタイピングなどを用いて、プロジェクトのスピードを加速
    させる動きをする
    ・周りと連携を取りながらアウトプットでき、体験設計のハブと
    なる動きをする
    心構え
    ・あるべき論に固執せず、変化に柔軟に対応する
    Rettyの目指すデザイナー像について、
    詳しく知りたい方はnoteを読んでみて
    ください!

    View Slide

  16. 4. Rettyにおける

    デザイン課題と今後の展望

    よいUXを届けるためのデザイナー × PdMのコラボレーション

    16
    2. Rettyの

    デザインツールの変遷


    1. デザイナーの業務範囲

    アウトプットと合わせて紹介
 3. デザイナー評価制度


    7. Rettyのデザイナーが

    考えるキャリアの話

    5. デザイナー×フロントエンドエン
    ジニアで細かいUX改善

    6. 実際のデザインフロー

    どうやってる?


    View Slide

  17. 1. デザイナーの業務範囲
    アウトプットと合わせて紹介
    17

    View Slide

  18. 18
    デザイン対象
    Webサイト

    (PC/スマホ)

    アプリ

    (iOS/Android)

    デザイン

    ガイドライン

    印刷物 / 

    ノベルティ

    イベント関連

    デザイン

    Rettyのデザイナーはこの全ての対象をデザインします


    View Slide

  19. 19
    デザイン事例 - Webサイト
    Retty Webサイト
 キャンペーン

    ユーザーページ


    View Slide

  20. 20
    デザイン事例 - Webサイト
    コーポレートサイト

    お店管理サイト(飲食店会員向け) 


    View Slide

  21. 21
    デザイン事例 - アプリ
    お店応援プロジェクト 

    iOSアプリ
 Androidアプリ
 2018年Rettyグルメレポート 


    View Slide

  22. 22
    デザイン事例 - デザインガイドライン
    Retty Brand Book
 ワーディングルール 


    View Slide

  23. 23
    デザイン事例 - 印刷物
    Retty Way 社内掲示 

    人気店ステッカー

    社員名刺

    Go To Eatステッカー 
 お年賀メッセージカード 


    View Slide

  24. 24
    デザイン事例 - ノベルティ / イベント関連
    Retty株式上場セレモニー・ノベルティ 

    Retty Nightイベント(パンフレット・Tシャツ等) 


    View Slide

  25. 25
    2. Rettyのデザインツールの変遷

    View Slide

  26. デザインツールの変遷

    2018 2021
    2019 2020
    2017
    2015
    2014以前 2016

    View Slide

  27. 3.デザイナー評価制度
    27

    View Slide

  28. デザイナー評価制度

    デザイナースキル スキル詳細
    ユーザーリサーチ ユーザーリサーチを実施し、結果を分析して意義のあ
    るインサイトを引き出すこと
    情報設計 目的に合わせた情報の構造化が適切に行えること
    UIデザイン ユーザーに適したインターフェイスの構築ができること
    ビジュアルデザイン ターゲットに合わせた視覚情報の適切な表現の構築
    が行えること
    4つのデザイナースキルに対して5段階レベルによる評価を実施
    レベル レベル詳細
    LV5 社内外へ啓蒙し、多数に対してスキ
    ル指南をすることができる
    LV4 難易度が高い事案に対して、適切な
    クオリティでフィニッシュワークできる
    LV3 難易度が低いものであれば、一人で
    適切なクオリティでフィニッシュワー
    クできる
    LV2 指示があればフィニッシュワークでき

    LV1 対応不可(実務未経験)

    View Slide

  29. デザイナー評価制度

    フィードバック委員会は、一定グレード以上のデザイナーと、

    デザイナーが所属しているMGR(PdM)で構成されています

    Rettyのデザイナー評価制度について、
    詳しく知りたい方はnoteを読んでみて
    ください!

    View Slide

  30. 4.Rettyにおける
    デザイン課題と今後の展望
    30

    View Slide

  31. Rettyにおけるデザイン課題と今後の展望

    今のRettyのフェーズに対して、デザイン面の適切なアップデートや、
    体制が作れていない。
    ● 目の前の仕事に追われて中長期の視点でデザインに取り組めていない
    ● デザインの攻め(中長期を見据えたデザインアップデートや、体制づくり)ができていない
    ● デザインの守り(ツール、プロセスの最適化、ドキュメント化)ができていない
    ● 現在のサービス規模にあったガイドラインが整備できていない
    サービスの成長を加速させる

    ● サービスのフェーズに合ったブランディ
    ングのアップデート
    ● 非デザイナーと連携しやすい仕組み
    安定したクオリティでリリース

    ● 生産性とクオリティを高めるデザイン基盤
    (ガイドライン、ツール、プロセスの最適
    化)
    ● デザイナーの成長支援

    View Slide

  32. 32
    5. デザイナー×フロントエンドエン
    ジニアで細かいUX改善

    View Slide

  33. デザイナー×フロントエンドエンジニアで細かいUX改善

    リモート業務中心になり、デザイナーとエンジニアの接触機会が減る
    2020年秋、試験的に定例よもやまMTGを設定しスタート!
    きっかけ
    メンバー・
    頻度
    メンバー ▶ フロントエンドエンジニア6名、デザイナー3名
    頻度 ▶ 週1回。のちにUI改善MTGが追加され週2回に
    こんな会話を
    しています
    よもやまMTG ▶ 普段の業務で気になること・雑談
    UI改善MTG ▶ デザイン負債のお掃除を実行する時間
    成果
    SP/PC/アプリでバラバラだったアイコンや色コードの統一に成功!
    ナレッジを共有できたことで普段の業務コミュニケーションも円滑に!
    メンバー ▶ フロントエンドエンジニア6名、デザイナー3名
    頻度 ▶ 週1回。のちに週2に増える
    学び・気づき
    忙しい時は無理せず、地道に続ける
    議題がなくてもよもやまMTGはスキップしない

    View Slide

  34. 6. 実際のデザインフロー
    どうやってるの?
    34

    View Slide

  35. デザインタスク

    定量・定性分析

    課題抽出

    実装

    UIデザイン

    事前検証 / 

    エンジニア相談


    解決策決め

    データアナリストやPdMと
    協力しながら、定量・定性
    データ両面からユーザー
    の課題やニーズを発見しま
    す。

    完成したデザインをも
    とに、エンジニアに実
    装してもらいます。実
    装が完了したらデザ
    インチェックを行いま
    す。

    主にFigmaを使いなが
    ら必要な画面やUIパ
    ターンを作成し、施策
    担当プランナーや他デ
    ザイナー間でレビュー
    しながら各種デザイン
    を詰めていきます。

    施策担当プランナーとと
    もに、作成したプロトタ
    イプや仕様をエンジニア
    に共有し、実現可能性
    や開発工数などを相談
    します。

    また、社内外のユー
    ザーに協力してもらい、
    きちんと課題が解決さ
    れるかを確認するユー
    ザーテストを行います。 

    適切な解決策をスピー
    ディに見つけるため、プ
    ロトタイプを作成し、PdM
    やプランナーとディス
    カッションしながら解決
    策を決めていきます。 


    View Slide

  36. 7. Rettyのデザイナーが考える
    キャリアの話
    36

    View Slide

  37. Q:Rettyの何に惹かれて入社したか

    A:User Happyを大事にするカルチャー




    Q:今何にやりがい・楽しさを覚えているのか

    A:Retty全体の体験設計を再構築している最中。体
    験として繋がっていないところ、できてないところが
    沢山あるのでやりがいしかないです(笑)


    Q:今後Rettyでどんなことをやりたいか

    A:もっとRettyを好きになってくれるユーザーさんを
    増やすために、ブランディングも考えていきたい。

    Rettyでデザイナーをやっているみんなのキャリアの話

    Q:Rettyの何に惹かれて入社したか

    A:ユーザーさんのことを中心に考えているところ。
    働く人の熱意。自分のキャリアが活かせる。


    Q:今何にやりがい・楽しさを覚えているのか

    A:規模が大きいサービスなので、良くも悪くもやった
    ことの結果がダイレクトに反映されること。



    Q:今後Rettyでどんなことをやりたいか

    A:食べに行く人だけでなく、お店さんにとっても
    Happyなサービスにしていけるような体験を作りたい
    です:)

    Q:Rettyの何に惹かれて入社したか

    A:ユーザーのことを大事にする文化。事業内容を
    自分ごと化しやすい。働いているデザイナーさんが
    プロ意識が高く一緒に働きたいと強く思ったからで
    す。

    Q:今何にやりがい・楽しさを覚えているのか

    A:施策リリース後の数字をみて改善していく過程が
    楽しい!あと、自分ができるデザインの範囲がどん
    どん広がっていくところ。



    Q:今後Rettyでどんなことをやりたいか

    A:中長期規模の体験設計のデザインに関わりたい
    です。


    View Slide

  38. 次回イベント
    38

    View Slide

  39. 39
    Retty採用のご案内!

    View Slide

  40. UI/UXデザイナー募集中!
    40
    https://hrmos.co/pages/915429
    488026730497/jobs/0000134

    View Slide

  41. プロダクトマネージャー募集中!
    41
    https://hrmos.co/pages/915429
    488026730497/jobs/0000085

    View Slide

  42. View Slide