声でつながる、優しい世界を創るUI/UX

Slide 1

Slide 1 text

声でつながる、優しい世界を創るUI/UX デザイナー Mio Oishi 2021年2月26日

Slide 2

Slide 2 text

大石未央  stand.fm創業メンバー  stand.fmに関わるデザインを全て担当  前職はMERYのデザイナー  mikuso 

Slide 3

Slide 3 text

今日話すこと声でつながる、優しい世界をどう表現しているか？    １．色の見せ方  ２．数字を見せない  ３．声でつながる    エンジニアとのコミュニケーションのとり方 

Slide 4

Slide 4 text

声でつながる、優しい世界を創るだれでも気軽に発信できることで、   多彩なコンテンツが生まれ、だれもが声で繋がれる   自分の居場所に出会えるような   優しい音声プラットフォーム作りを目指しています。  

Slide 5

Slide 5 text

1.色の見せ方

Slide 6

Slide 6 text

色の見せ方アプリで主に使用しているカラー 

Slide 7

Slide 7 text

色の見せ方初期イメージ  改善後 

Slide 8

Slide 8 text

色の見せ方アプリ全体を白基調に  ユーザーに与える印象をニュートラルに。   プラットフォーム感を出す。   ピンクの比率は白10に対して2までに留める  

Slide 9

Slide 9 text

色の見せ方配信者が表現する場所を  大切にする    LIVEや放送、シェアした画面は   ユーザーが世界観を一番表現できる場所   画像を大きく表示 

Slide 10

Slide 10 text

色の見せ方外部のSNSシェア時  stand.fmの投稿と他の投稿が混ざっても   違和感が出ないように  

Slide 11

Slide 11 text

2.数字を見せない

Slide 12

Slide 12 text

SNSには、数値化され過ぎた弊害もあると考えています炎上が起こりやすい、過度に敏感になる、”ギスギスした”空気感が漂っている  フォロワー数/再生回数が過度に意識される     発言や投稿に過激なものが増える     揚げ足をとったり、文脈を無視される     炎上してしまうことが増える   現状のインターネットコンテンツの課題   Infographic vector created by alvaro_cabrera - www.freepik.com：https://www.freepik.com/vectors/infographic 

Slide 13

Slide 13 text

２．数字を見せないプレッシャーになる数字を非表示に    配信者がプレッシャーを感じないように   フォロワーやフォローの数、再生数などは   リスナー側から見えないように  

Slide 14

Slide 14 text

２．数字を見せない数字を気にせず好きな配信ができる    配信したいコンテンツだけを配信して   それを聞きたいファンが集まる  

Slide 15

Slide 15 text

３.声でつながる

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

エンジニアとのコミュニケーションコード/デザイン管理  Github  Figma  Slack  Discord  Tandem  コミュニケーション 

Slide 22

Slide 22 text

エンジニアとのコミュニケーション新機能を作る時はデザイナーとPMが決める？  Designer PdM Engineer

Slide 23

Slide 23 text

No content