Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
声でつながる、 優しい世界を創るUI/UX
Search
stand.fm
March 01, 2021
Design
4
510
声でつながる、 優しい世界を創るUI/UX
stand.fm
March 01, 2021
Tweet
Share
More Decks by stand.fm
See All by stand.fm
stand.fm会社紹介資料
standfm
0
500
stand.fmのTypeScriptへの移行と活用/migrating-to-typescript-standfm
standfm
0
2.2k
stand.fmの最近の取り組み: アプリ起動速度の改善/improvement-of-speed-startup-app
standfm
4
2.6k
ReactNative製アプリがAndroidだと遅いという問題に立ち向かった話/the problem that React Native apps are slow on Android
standfm
1
3.1k
LIVEの負荷対策と監視について / About LIVE load countermeasures and monitoring
standfm
0
8.4k
stand.fm(Android)におけるreact-native-track-playerの改善/Improvement of react-native-track-player on standfm Android app
standfm
0
330
stand.fmにおける開発体験とパフォーマンスの向上 / Development Experience and Performance improvement
standfm
1
7.4k
React NativeアプリでコラボLIVE配信 / Collaboration Live Streaming with React Native App
standfm
1
3.9k
エンジニア向け会社紹介資料 / company deck for engineers
standfm
7
66k
Other Decks in Design
See All in Design
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
400
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.6k
The Golden Whitney
ohtristanart
PRO
0
130
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
110
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
530
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
730
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
870
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
110
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
190
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Being A Developer After 40
akosma
89
590k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
RailsConf 2023
tenderlove
29
1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Producing Creativity
orderedlist
PRO
344
40k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Transcript
声でつながる、 優しい世界を創るUI/UX デザイナー Mio Oishi 2021年2月26日
大石 未央 stand.fm創業メンバー stand.fmに関わるデザインを全て担当 前職はMERYのデザイナー mikuso
今日話すこと 声でつながる、優しい世界をどう表現しているか? 1.色の見せ方 2.数字を見せない 3.声でつながる エンジニアとのコミュニケーションのとり方
声でつながる、優しい世界を創る だれでも気軽に発信できることで、 多彩なコンテンツが生まれ、だれもが声で繋がれる 自分の居場所に出会えるような 優しい音声プラットフォーム作りを目指しています。
1.色の見せ方
色の見せ方 アプリで主に使用しているカラー
色の見せ方 初期イメージ 改善後
色の見せ方 アプリ全体を白基調に ユーザーに与える印象をニュートラルに。 プラットフォーム感を出す。 ピンクの比率は白10に対して2までに留める
色の見せ方 配信者が表現する場所を 大切にする LIVEや放送、シェアした画面は ユーザーが世界観を一番表現できる場所 画像を大きく表示
色の見せ方 外部のSNSシェア時 stand.fmの投稿と他の投稿が混ざっても 違和感が出ないように
2.数字を見せない
SNSには、数値化され過ぎた弊害もあると考えています 炎上が起こりやすい、過度に敏感になる、”ギスギスした”空気感が漂っている フォロワー数/再生回数が過度に意識される 発言や投稿に過激なものが増える 揚げ足をとったり、文脈を無視される
炎上してしまうことが増える 現状のインターネットコンテンツの課題 Infographic vector created by alvaro_cabrera - www.freepik.com:https://www.freepik.com/vectors/infographic
2.数字を見せない プレッシャーになる数字を非表示に 配信者がプレッシャーを感じないように フォロワーやフォローの数、再生数などは リスナー側から見えないように
2.数字を見せない 数字を気にせず好きな配信ができる 配信したいコンテンツだけを配信して それを聞きたいファンが集まる
3.声でつながる
3.声でつながる アプリの利用者同士が かんたんにつながれる 配信者 リスナー 招待 参加
3.声でつながる ライブ配信中に参加リクエストを 送って一緒に配信
3.声でつながる 離れていてもいつでも つながっている安心感
エンジニアとの コミュニケーションのとり方
エンジニアとのコミュニケーション
エンジニアとのコミュニケーション コード/デザイン管理 Github Figma Slack Discord Tandem コミュニケーション
エンジニアとのコミュニケーション 新機能を作る時はデザイナーとPMが決める? Designer PdM Engineer
None