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
アプリ体験を統一するデザインポリシーの策定と、チーム連携の実践【Spectrum Tokyo Meetup #20】
vivion
0
180
【note用】⭐️コンテンツ研究_サンプル
vivion
0
17
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
Other Decks in Design
See All in Design
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
harutaka Vision Deck
zenkigenforrecruit
0
150
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
110
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
今日から意識できるアクセシビリティ
fumiko
0
250
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
110
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.2k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
「デザイン」を信じるには
iflection
0
280
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
線で考える画面構成
natsuume
1
880
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Navigating Team Friction
lara
187
15k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
A designer walks into a library…
pauljervisheath
207
24k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Statistics for Hackers
jakevdp
799
220k
How STYLIGHT went responsive
nonsquared
100
5.6k
Adopting Sorbet at Scale
ufuk
77
9.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Into the Great Unknown - MozCon
thekraken
40
1.9k
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では⼀緒に働く仲間を 募集しています!