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
viviON Design
January 19, 2023
Design
2
2.4k
サービスピボット時におけるデザイナーの役割
viviON Design
January 19, 2023
Tweet
Share
More Decks by viviON Design
See All by viviON Design
我々は「庭師」。市場におけるviviONサービスのあり方
vivion
0
250
アプリ体験を統一するデザインポリシーの策定と、チーム連携の実践【Spectrum Tokyo Meetup #20】
vivion
0
570
【note用】⭐️コンテンツ研究_サンプル
vivion
0
21
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
900
Other Decks in Design
See All in Design
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
890
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
370
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
170
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
440
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
670
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
1
250
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
280
Yumika Yamada Portfolio
yumii
0
2k
mento Design Team Portfolio
mento0fficial
1
910
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
700
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Why Our Code Smells
bkeepers
PRO
340
57k
How STYLIGHT went responsive
nonsquared
100
5.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Site-Speed That Sticks
csswizardry
13
910
Designing for Performance
lara
610
69k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Producing Creativity
orderedlist
PRO
347
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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では⼀緒に働く仲間を 募集しています!