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
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
Search
viviON
February 14, 2025
Design
1.5k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
https://note.com/vivion_design/n/n582bf710a67c
viviON
February 14, 2025
More Decks by viviON
See All by viviON
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
vivion
0
330
AI駆動開発、viviONの1年 ── うまくいったこと・いかなかったこと
vivion
0
400
プロダクト価値を、 チームが使える判断軸に変える
vivion
0
220
おしゃれな命名してみたい
vivion
0
74
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
960
30年価値を出し続けているPHPプロダクト ── レガシーと向き合い成⻑する戦略
vivion
0
400
AI時代のPHPer生存戦略 ~「言語、もうなんでもよくない?」に本気で向き合う~
vivion
0
1.1k
viviON Meets Datadog
vivion
0
90
ハーネスは階層で進化する
vivion
0
130
Other Decks in Design
See All in Design
Kouseki | CREATIVE CLASS成果物
yuri9911
0
270
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
1.4k
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
290
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
開閉UIのアニメーション設計
hiro0218
2
1.1k
Saving_the_King_-_Storyboard.pdf
terencebasart
0
410
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
hcrane
0
140
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.9k
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
700
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.6k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか? 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
170
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
3.2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
630
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
550
Balancing Empowerment & Direction
lara
6
1.4k
What the history of the web can teach us about the future of AI
inesmontani
PRO
2
790
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
320
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
4
4.4k
Technical Leadership for Architectural Decision Making
baasie
3
640
sira's awesome portfolio website redesign presentation
elsirapls
0
490
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
How to train your dragon (web standard)
notwaldorf
96
6.9k
Transcript
同人音声のための、 最高の視聴体験を求めて 古賀 国朗 サブカル×デザインMeetUP!
制作会社やスタートアップで様々なデザインに関わっ た後、2021年にUIUXデザイナーとして入社。現在 はDLsite Soundのプロダクトマネージャーを務め ながら、UI/UXデザイナーとしても社内のプロジェ クトに参画。 古賀 国朗 Koga Kunio
プロダクトデザインチーム リーダー
二次元総合ダウンロードショップDLsiteで購入した音声作品を、 最高の環境で視聴するための2023年に誕生した音声プレイヤーアプリ。 累計85万DL突破!
今日のテーマ 同人音声のための、最高の視聴体験を求めて
音声コンテンツの文化を理解する 02 01 音声コンテンツを活かす表現にこだわる インプット アウトプット
音声コンテンツの文化を理解する 01
そもそも「同人音声」とは?
そもそも「同人音声」とは? 音楽? ポッドキャスト? 音声学習?
世界観に没入する音声 世界観に没入する音声 同人音声とは
DLsiteが取り扱う音声作品例
DLsiteが取り扱う音声作品例
最初は文化を理解できていなかった 音声プレイヤーなのに画像やテキスト ファイルビューアって重要なの? 音声プレイヤーなのに画像やテキスト ファイルビューアって重要なの? 音楽と違ってストーリー仕立てだし シャッフル再生使わなくない? 音楽と違ってストーリー仕立てだし シャッフル再生使わなくない?
どうやって理解を深めていくか
作品を楽しむユーザーの声をリサーチする 客観視
購入前後のユーザーフロー可視化 DLsite全体のユーザーフローをインタビューやアンケートを元に可視化。 ユーザーのコンテンツとの関わり方を明確にする。 作品を楽しむユーザーの声をリサーチする
機能のニーズ調査 ユーザーがコンテンツと触れるうえで抱える課題に対して仮説を立てて、 その解決方法である機能に受容性があるかリサーチを行う。 その他、エゴサもよくしてます 作品を楽しむユーザーの声をリサーチする
自分が熱量を持ってコンテンツを楽しむ 主観視
熱量を持ってコンテンツを楽しむ 自分が本当に好きになれる作品を探す 1ユーザーとして楽しめる作品・ジャンルを見つけて、とにかくたくさん聴く。
作品のトレンドをキャッチアップする トレンドは移り変わるのでランキングやSNSもチェック。 作品の楽しみ方が変わることもある。 いつの間にかプライベートでも音声作品を作るようになりました 熱量を持ってコンテンツを楽しむ
客観視 幅広くフラットにリサーチする 客観視 幅広くフラットにリサーチする 主観視 狭く熱量高くコンテンツを楽しむ 主観視 狭く熱量高くコンテンツを楽しむ 両方の視点があることで、 情報だけでなく自身の感情でも理解が深まる
音声プレイヤーなのに画像やテキスト ファイルビューアって重要なの? 音声プレイヤーなのに画像やテキスト ファイルビューアって重要なの? 音楽と違ってストーリー仕立てだし シャッフル再生使わなくない? 音楽と違ってストーリー仕立てだし シャッフル再生使わなくない? 大きいジャケットイラストとか、テキ ストファイルに書いてあるキャラ設定
も見ながら作品を聴きたいし、それも 含めて作品への没入だよ! 囁き声を集めたプレイリストを毎日違 う気分で楽しみたい、1時間超えの作 品が多いからパート単位で聴いても楽 しめる作りになってる場合も多いよ! 文化をインプットすることで、 最高の視聴体験のための優先度を適切に判断する
音声コンテンツを活かす表現にこだわる 02
プレイヤーアプリだしシンプルに徹するべき?
カスタマージャーニーマップで考えてみる
コンテンツを楽しむ時は、 ユーザーの気持ちが最も上がる時 気持ちを上げて、コンテンツを活かす表現にこだわる
スタート画面 アプリを象徴する専用イラストをご依 頼。起動時から非現実な世界観に没入す る体験を提供。
ストア画像やLPなど、アプリ周辺のクリエイティブも統一
エンプティステート・ 機能説明 アイコンをそれぞれのステータスに対応 するよう作り込み、機能に対してワクワ クする期待値を上げる。
コンテンツが無い画面でも気持ちを下げない
プレイヤー画面 没入には画像が重要。大きければ大きい ほど良い。コンテンツをより魅力的に見 せる表現にこだわる。
作品画像を魅力的に見せるためのカラー設計を定義 デザインシステム
デザイナーも熱量を持って文化を理解し、 それを活かす表現にこだわり続けることが、最高の体験を作るために必要。 サブカルコンテンツには熱量が詰まっている まとめ
@vivion_design プロダクトデザインチーム Xやっています!
ご清聴ありがとうございました!