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
410
【note用】⭐️コンテンツ研究_サンプル
vivion
0
19
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
780
Other Decks in Design
See All in Design
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
750
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
150
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
320
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
900
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
500
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
190
Bulletproof Design System with TypeScript
takanorip
6
3.7k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
320
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
580
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
430
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Done Done
chrislema
184
16k
Become a Pro
speakerdeck
PRO
29
5.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Six Lessons from altMBA
skipperchong
28
3.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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では⼀緒に働く仲間を 募集しています!