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

デザインカンファレンスDesign Mattersってどんなところ?

デザインカンファレンスDesign Mattersってどんなところ?

2019/7/11 Design Camp in Denmark プレイイベントでの河野の講演資料になります

Recruit Technologies

July 11, 2019
Tweet

More Decks by Recruit Technologies

Other Decks in Technology

Transcript

  1. Hi
    I am
    Find me here
    Tomoko Kawano
    かわの ともこ
    株式会社リクルートテクノロジーズ
    UXデザイナー
    これまでのお仕事
    ゼクシィ・SUUMOのアプリやサイトのUXデザイン
    定性・定量リサーチ〜UI/UXデザイン〜要件定義〜データ分析・カイゼン

    View full-size slide

  2. ■ Design Mattersに参加した理由
    Today’s Agenda
    ■ 昨年の様子と事例紹介
    ■ Design Mattersに参加してみて

    View full-size slide

  3. Design Mattersに参加した理由

    View full-size slide

  4. 昨年のデンマークでの様子

    View full-size slide

  5. 事例紹介

    View full-size slide

  6. 言葉をデザインする3つのポイント

    View full-size slide

  7. Medium
    ライターのためのプラットフォーム
    言葉をデザインする3つのポイント Mediumとは?

    View full-size slide

  8. 言葉をデザインする3つのポイント

    View full-size slide

  9. Be clear
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  10. 読もうとするとめちゃめちゃ時間かかる
    読むこと=エネルギーを使うこと
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  11. 読もうとするとめちゃめちゃ時間かかる
    読むこと=エネルギーを使うこと
    できるだけ短く、
    端的にシンプルな言葉を使う
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  12. 黙読しているとき
    脳は舌がどう動くかイメージしている
    文章を読むベースは
    読み上げたり声に出すこと
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  13. 黙読しているとき
    脳は舌がどう動くかイメージしている
    文章を読むベースは
    読み上げたり声に出すこと
    読み上げるのが難しい言葉は、
    読むのも難しい
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  14. 言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  15. お慶び申し上げます
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  16. おめでとうございます
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  17. 「アラート」感はわかるが
    読みづらい・・・
    デザインから感じとれるが
    中身が伝わらない
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  18. 「アラート」感はわかるが
    読みづらい・・・
    デザインから感じとれるが
    中身が伝わらない
    ビジュアルだけでなく
    言葉のデザインの意識を
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  19. 言葉をデザインする3つのポイント 1. 明快に
    Mediumでは?

    View full-size slide

  20. Mediumでは?
    支払い方法の説明を
    工夫をしている
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  21. 言葉をデザインする3つのポイント 1. 明快に
    Mediumでは?

    View full-size slide

  22. Mediumでは?
    すべて読めなくても
    わかるくらい簡潔に
    読み上げやすさを意識して
    デザインをする
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  23. Be clear
    言葉をデザインする3つのポイント 1. 明快に

    View full-size slide

  24. Be a friend
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  25. 読み物をしているとき脳は
    誰かと会話しているような刺激を受ける
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  26. 読み物をしているとき脳は
    誰かと会話しているような刺激を受ける
    伝える言葉
    =そのユーザーとの会話
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  27. 言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  28. 言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  29. 言葉をデザインする3つのポイント 2.友人のように
    Mediumでは?

    View full-size slide

  30. Mediumでは?
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  31. Mediumでは?
    ふだん使わない感嘆符!を使う
    粋な問いかけをする
    できる限り二人称で
    パーソナルな語りかけを
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  32. Be a friend
    言葉をデザインする3つのポイント 2.友人のように

    View full-size slide

  33. Be expressive
    言葉をデザインする3つのポイント 3.表現豊かに

    View full-size slide

  34. 「この人が書いた文章だ」という意識が
    読みかたにも影響する
    言葉をデザインする3つのポイント 3.表現豊かに

    View full-size slide

  35. 「この人が書いた文章だ」という意識が
    読みかたにも影響する
    想像した語り手が違うと
    読みかたも変わる
    強いパーソナリティを持つと
    ユーザーに与える印象
    を変えられる
    言葉をデザインする3つのポイント 3.表現豊かに

    View full-size slide

  36. Mediumでは?
    言葉をデザインする3つのポイント 3.表現豊かに
    ダイジェストのメルマガ
    親しみのある表現

    View full-size slide

  37. Mediumでは?
    言葉をデザインする3つのポイント 3.表現豊かに
    ダイジェストのメルマガ
    親しみのある表現

    View full-size slide

  38. Mediumでは?
    言葉をデザインする3つのポイント 3.表現豊かに
    ダイジェストのメルマガ
    親しみのある表現

    View full-size slide

  39. Mediumでは?
    言葉をデザインする3つのポイント 3.表現豊かに
    ダイジェストのメルマガ
    親しみのある表現

    View full-size slide

  40. Mediumでは?
    ダイジェストのメルマガ
    親しみのある表現
    プロダクトにあった”声“
    にすることが大切
    言葉をデザインする3つのポイント 3.表現豊かに

    View full-size slide

  41. 言葉をデザインする3つのポイント

    View full-size slide

  42. ユーザーへ伝える言葉を考える時には
    ・声に出して読んでみる
    リズム感があるか?読みづらくないか?
    ・できる限りシンプルで、簡単な言葉を使えているか?
    プロダクトのパーソナリティを定義する
    ・パーソナリティを言葉に反映
    ・Typographyや何人称とするか?等にも反映する
    プロダクトに活かすとしたら…

    View full-size slide

  43. Design Mattersに参加してみて

    View full-size slide

  44. カンファレンスのスライドとビデオ
    Design Matters ‘18
    https://designmatters.io/
    スライド
    https://designmatters.io/slides/
    Video
    https://designmatters.io/videos-articles/
    Appendix

    View full-size slide