目に見えない音声インターフェースのデザイン：直感的なUXを生み出す挑戦 / Designing Invisible Voice Interfaces: The Challenge of Creating Intuitive UX

by Spectrum Tokyo

Slide 1

Slide 1 text

目に見えない音声インターフェースのデザイン直感的なUXを生み出す挑戦 UX/UI デザイナー：京谷実穂 Spectrum Tokyo Festival 2024

Slide 2

Slide 2 text

自己紹介 2008 筑波大学芸術専門学群デザイン専攻卒業 2008-2017 大手メーカー 2013-2015 大手通信事業者 2018- 株式会社Voicyジョイン 2020- 筑波大学非常勤講師 mi___ko120 京谷実穂京谷実穂（きょうやみほ） 

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

本日のトピック 01 | 音声の魅力とデザインする難しさ 02 |「直感的」とはどうゆう状態か試行錯誤の記録。答えは出ていない。

Slide 6

Slide 6 text

音声の魅力とデザインする難しさ 01 魅力と課題は表裏一体

Slide 7

Slide 7 text

01 | 音声の魅力とデザインする難しさ音声の魅力・1 人が目線を上げて“自然に”生活をしながら情報を得たりエンタメを楽しめるこっちの未来いいなこっちの未来いいな

Slide 8

Slide 8 text

01 | 音声の魅力とデザインする難しさ文脈を理解し、人を深く好きになれる声色で感情が伝えられる聴き手が想像力を膨らませる音声の魅力・2

Slide 9

Slide 9 text

01 | 音声の魅力とデザインする難しさデザインするときの課題・1 人が目線を上げて“自然に”生活をしながら情報を得たりエンタメを楽しめるユーザーはサービス利用の前に“生活行動”がありサービスに能動的に意識を向けていないこと

Slide 10

Slide 10 text

01 | 音声の魅力とデザインする難しさランニングしよう→Voicyを聴こう、という順番

Slide 11

Slide 11 text

01 | 音声の魅力とデザインする難しさ Voicyを楽しんでいる間、画面は見ていない

Slide 12

Slide 12 text

01 | 音声の魅力とデザインする難しさ GUIでのコミュニケーションでは音声を聴く前後の短時間が勝負コンテンツを選ぶコンテンツを聴く

Slide 13

Slide 13 text

01 | 音声の魅力とデザインする難しさ課題が残った例：コメント活性施策

Slide 14

Slide 14 text

01 | 音声の魅力とデザインする難しさデザインするときの課題・2 文脈を理解し、発信者を深く好きになれる文脈を理解するだけの時間がかかる

Slide 15

Slide 15 text

01 | 音声の魅力とデザインする難しさ短尺化の流れの中で音声はどうアテンションをとるか

Slide 16

Slide 16 text

01 | 音声の魅力とデザインする難しさデザインにおけるチャレンジ私たちはどのようにリスナーが能動的に参加したくなるプラットフォームをデザインできるのか私たちはどのようにリスナーが短時間でコンテンツに興味を持ち「聴きたい」と思う体験をデザインできるのか

Slide 17

Slide 17 text

「直感的」とはどうゆう状態か直感はユーザーの経験値による無意識な推測 02

Slide 18

Slide 18 text

推理・考察などによるのでなく、感覚によって物事をとらえること。出典：デジタル大辞泉 “直感” 02 | 「直感的」とはどうゆう状態か

Slide 19

Slide 19 text

直感的にコンテンツを選ぶ体験を因数分解してみる「これを見たい！」 02 | 「直感的」とはどうゆう状態か＝過去の経験シリーズ作品予告編監督脚本家ポスター口コミ出演俳優レビューポスター・・・ Netflix 出典：Netflix

Slide 20

Slide 20 text

02 | 「直感的」とはどうゆう状態かもしこれらの経験がなかったらコンテンツを選ぶことはできない「どれを見たら良いかわからない」シリーズ作品予告編監督脚本家ポスター口コミ出演俳優レビューポスター・・・ Netflix ？出典：Netflix

Slide 21

Slide 21 text

02 | 「直感的」とはどうゆう状態か過去の経験が「直感」を呼び起こす過去の経験プロダクトのUI 見たい・聴きたい気持ち

Slide 22

Slide 22 text

02 | 「直感的」とはどうゆう状態か音声のUIの場合ビジュアル要素が少ないそのため、過去の経験が特に重要と言える

Slide 23

Slide 23 text

02 | 「直感的」とはどうゆう状態か Voicyにハマるユーザーのパターン好きな人がVoicyで発信を始めることを知る目当ての人のVoicyを聴いてみる生活に取り込んで習慣化する

Slide 24

Slide 24 text

02 | 「直感的」とはどうゆう状態かコメント施策の成功例：コミュニティの体験気軽にコメントしてください〇〇さん、コメントありがとう！嬉しい！またコメントしよう

Slide 25

Slide 25 text

02 | 「直感的」とはどうゆう状態か Spectrum Tokyoで取り上げていただいたHOMEリニューアルヒト軸→コト軸へのシフトに挑戦

Slide 26

Slide 26 text

02 | 「直感的」とはどうゆう状態か経験の蓄積を短時間で回収するのは難易度が高い

Slide 27

Slide 27 text

02 | 「直感的」とはどうゆう状態か VoicyのHOME画面の変遷

Slide 28

Slide 28 text

02 | 「直感的」とはどうゆう状態か経験をつくるデザインはプロダクトに限らない越境して広い視野で体験を設計することが、長い目で見ると”直感的”なUIにつながる

Slide 29

Slide 29 text

デザイナー募集 Voicyでは一緒に音声の文化を作るデザイナーを募集しています採用ページ採用ページ京谷個人あて京谷個人あて

Slide 30

Slide 30 text

Spectrum Tokyo Festival 2024 ご清聴ありがとうございました！