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
エンジニアリング マネージャーの育成と評価軸の考え方
hatena
0
560
Perlブートキャンプ
hatena
0
4.9k
はてなサマーインターンシップ2025 Web API 講義資料
hatena
0
1k
はてなサマーインターンシップ2025 フロントエンド 講義資料
hatena
21
10k
はてなサマーインターンシップ2025 コンテナ + Kubernetesハンズオン 講義資料
hatena
0
690
はてなサマーインターンシップ2025 クラウドと運用 講義資料
hatena
0
730
はてなサマーインターンシップ2025 RDBMSの基礎 講義資料
hatena
0
790
はてなサマーインターンシップ2025 セキュリティ 講義資料
hatena
0
730
はてなサマーインターンシップ2025 AIエージェント活用 講義資料
hatena
1
2.6k
Other Decks in Design
See All in Design
root COMPANY DECK / We are hiring!
root_recruit
2
28k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
デザインを信じていますか
sekiguchiy
1
1.2k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.8k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
300
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
780
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
360
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.4k
Storyboard Exercise: Chase Sequence
lynteo
1
300
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
360
AI時代、デザイナーの価値はどこに?
tararira
2
1.1k
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
660
Featured
See All Featured
Design in an AI World
tapps
1
210
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
370
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.9k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.7k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
120
Skip the Path - Find Your Career Trail
mkilby
1
110
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
54k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
220
How to train your dragon (web standard)
notwaldorf
97
6.6k
Embracing the Ebb and Flow
colly
88
5k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました