Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
サービスピボット時におけるデザイナーの役割
Search
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
360
30年価値を出し続けているPHPプロダクト ── レガシーと向き合い成⻑する戦略
vivion
0
320
AI時代のPHPer生存戦略 ~「言語、もうなんでもよくない?」に本気で向き合う~
vivion
0
930
viviON Meets Datadog
vivion
0
51
ハーネスは階層で進化する
vivion
0
100
AI駆動開発で 「速くなった」のに、 なぜ評価に悩むのか
vivion
0
160
Figma MCPを活用するためのデザインハンドブック
vivion
8
20k
我々は「庭師」。市場におけるviviONサービスのあり方
vivion
0
1.1k
アプリ体験を統一するデザインポリシーの策定と、チーム連携の実践【Spectrum Tokyo Meetup #20】
vivion
0
920
Other Decks in Design
See All in Design
デザイン組織の"次の"強みづくり
isaikaori
2
230
root COMPANY DECK / We are hiring!
root_recruit
4
30k
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.7k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
450
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
210
インターンから2年新卒フロントエンドエンジニアから見たサイボウズのアクセシビリティ
taku10101
0
120
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
Edmonton River Slidedeck
edmontonriver
0
270
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
370
Warner Bros. Discovery 2025 Box Office Booklet
samb1rd
0
130
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
440
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
3
3.1k
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
270
Visualization
eitanlees
152
17k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
We Have a Design System, Now What?
morganepeng
55
8.3k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
440
The Language of Interfaces
destraynor
162
27k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.7k
The Spectacular Lies of Maps
axbom
PRO
1
990
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
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では⼀緒に働く仲間を 募集しています!