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
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 ...
Search
Hatena
February 02, 2023
Design
1.2k
1
Share
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05
Hatena
February 02, 2023
More Decks by Hatena
See All by Hatena
60分で学ぶクラウドとSRE・サービス運用 / GeekCAMPAcademia 2026-05
hatena
0
62
エンジニアリング マネージャーの育成と評価軸の考え方
hatena
0
590
Perlブートキャンプ
hatena
0
5k
はてなサマーインターンシップ2025 Web API 講義資料
hatena
0
1k
はてなサマーインターンシップ2025 フロントエンド 講義資料
hatena
21
11k
はてなサマーインターンシップ2025 コンテナ + Kubernetesハンズオン 講義資料
hatena
0
710
はてなサマーインターンシップ2025 クラウドと運用 講義資料
hatena
0
760
はてなサマーインターンシップ2025 RDBMSの基礎 講義資料
hatena
0
810
はてなサマーインターンシップ2025 セキュリティ 講義資料
hatena
0
750
Other Decks in Design
See All in Design
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
260
AI時代、デザイナーの価値はどこに?
tararira
2
1.1k
チームをデザイン対象にする / Design for your team
kaminashi
1
1.4k
CULTURE DECK/Marketing Director
mhand01
0
1.3k
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
200
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.2k
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
410
コンテンツ作成者の体験を設計する
chiilog
0
170
AI時代に求められるUXデザインのアプローチ
xtone
1
4.6k
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
660
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.3k
TUNAG BOOK 2024
stmn
PRO
0
1.6k
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
820
Agile that works and the tools we love
rasmusluckow
331
21k
Producing Creativity
orderedlist
PRO
348
40k
30 Presentation Tips
portentint
PRO
1
300
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
230
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.7k
How GitHub (no longer) Works
holman
316
150k
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
The Pragmatic Product Professional
lauravandoore
37
7.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました