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
サービスピボット時におけるデザイナーの役割
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
viviON
January 19, 2023
Design
2.7k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
サービスピボット時におけるデザイナーの役割
viviON
January 19, 2023
More Decks by viviON
See All by viviON
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
220
30年価値を出し続けているPHPプロダクト ── レガシーと向き合い成⻑する戦略
vivion
0
280
AI時代のPHPer生存戦略 ~「言語、もうなんでもよくない?」に本気で向き合う~
vivion
0
880
viviON Meets Datadog
vivion
0
40
ハーネスは階層で進化する
vivion
0
96
AI駆動開発で 「速くなった」のに、 なぜ評価に悩むのか
vivion
0
140
Figma MCPを活用するためのデザインハンドブック
vivion
8
20k
我々は「庭師」。市場におけるviviONサービスのあり方
vivion
0
1k
アプリ体験を統一するデザインポリシーの策定と、チーム連携の実践【Spectrum Tokyo Meetup #20】
vivion
0
900
Other Decks in Design
See All in Design
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
480
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
3.6k
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.9k
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
830
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
180
ISO 9241-171:2025っていうのがあってな
shosira
1
250
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
120
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
120
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.6k
開閉UIのアニメーション設計
hiro0218
2
990
root COMPANY DECK / We are hiring!
root_recruit
4
30k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
How to Think Like a Performance Engineer
csswizardry
28
2.7k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
490
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
490
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
940
The Curious Case for Waylosing
cassininazir
1
480
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
4
490
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
670
The untapped power of vector embeddings
frankvandijk
2
1.8k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
670
Transcript
None
株式会社viviON UI/UXデザイナー デザイン制作会社や事業会社で様々な分野のデザインに携 わった後、2021年viviONに⼊社。エンタメ⾳声アプリ 「ZOWA」のメインデザイナーとして、UIデザインやリ ブランディングに携わる。 古賀国朗 ⾃⼰紹介 Profile
サービスピボット時における デザイナーの役割 これからリニューアル・⽴ち上げをやってみたい⽅にオススメです! Theme
ZOWAってどんなサービス?
None
オリジナルのボイスドラマやラジオを楽しんだり、 アプリ内の掲⽰板で話した内容が⾳声になったり、 疲れた⼈でも気軽に楽しめる⾳声アプリ エンタメ⾳声 プラットフォーム
ピボット前のサービス⽅針 ?
投稿は審査制の本格的なASMR特化アプリ。 運営⽅針の変更により、 2022年の春から徐々にエンタメ⾳声に⽅向転換。 ASMR動画 プラットフォーム
かなり⼤きな⽅針変更…!
早く具体化する デザイナーとして意識したこと
ピボットや⽴ち上げは抽象度の⾼い議論になりやすい と、ならないように早く、多く具体化する 作ってみたら使いづらかった チーム内でイメージの齟齬があった
2 1 3 新しいコンセプトを グラフィックデザイン として視覚化する アイデアを プロトタイプにして 機能要件に落とし込む 「エンタメ⾳声」とは何か?
⾳声作りながら 特⻑を探っていく コンセプト 機能 コンテンツ 優先して具体化したもの
コンセプトの具体化 1 Concept
最初に作ったもの 世界観設計 UIのサンプル キービジュアルのサンプル コンセプトの具体化 Concept
コンセプトの具体化 Concept 世界観設計
コンセプトの具体化 Concept UIの初期サンプル
コンセプトの具体化 Concept キービジュアルの初期サンプル
コンセプトの具体化 Concept 仕様が決まってなくてもUIのサンプルを作る 使い所が分からなくてもキービジュアルを作る 先⾏して具体化することで共通イメージが持てた
機能の具体化 2 function
機能の具体化 function プロトタイプで検証したいことは多くある 気持ちをリセットできる体験はどのように提供できるか ASMR動画とエンタメ⾳声の扱いをどうするべきか サムネイルの画⾓がどうなれば投稿しやすいか などなど…
機能の具体化 function ⼀番分からないものを優先して形にする 気持ちをリセットできる体験はどのように提供できるか
機能の具体化 function 気持ちをリセットしたい⼈が来るなら、探す労⼒も掛けられないのでは 仮説 受け⾝でも好みの⾳声に出会える機能
機能の具体化 function スワイプで探せる 聴きながら探せる 試聴エリアから探せる ワイヤーフレーム
コンテンツの具体化 3 Content
コンテンツの具体化 Content Zchとは ズーチャ サービス内の掲⽰板でやりとりしたコメントが、 読み上げ⾳声になる機能。 Zchの⾳声化担当 ズーチャマ
コンテンツの具体化 Content ベンチマークが少なくて完成形のイメージがつかない 読み上げで⾯⽩くなりそう? どんな声なら聞いてられる? どんなコメントがあるといい?
コンテンツの具体化 Content チーム全員で、各々が⾯⽩いと思う読み上げ⾳声をたくさん作る
コンテンツの具体化 Content 読み上げ速度は気持ち早め 抑揚を抑えて⼈間らしさを出しすぎない 薄くBGMをつける。効果⾳はなし。 ⼆次元オタクの会話に特化 作りながら⾒えてきた 抑えておくべきポイントをルール化
抽象的な時こそ 率先してものを作り、 プロジェクトを前に進める まとめ
秋葉原から世界へ すべての⼆次元好きを 幸せにしたい viviONでは⼀緒に働く仲間を 募集しています!