Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
1.1k
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05
Hatena
February 02, 2023
Tweet
Share
More Decks by Hatena
See All by Hatena
エンジニアリング マネージャーの育成と評価軸の考え方
hatena
0
350
Perlブートキャンプ
hatena
0
2.9k
はてなサマーインターンシップ2025 Web API 講義資料
hatena
0
760
はてなサマーインターンシップ2025 フロントエンド 講義資料
hatena
19
9.4k
はてなサマーインターンシップ2025 コンテナ + Kubernetesハンズオン 講義資料
hatena
0
480
はてなサマーインターンシップ2025 クラウドと運用 講義資料
hatena
0
460
はてなサマーインターンシップ2025 RDBMSの基礎 講義資料
hatena
0
510
はてなサマーインターンシップ2025 セキュリティ 講義資料
hatena
0
510
はてなサマーインターンシップ2025 AIエージェント活用 講義資料
hatena
1
2.2k
Other Decks in Design
See All in Design
kintone Style Book
kintone
5
8.3k
Liquid GlassとApp Intents
touyou
0
560
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
330
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
270
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
140
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
1
330
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.4k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.5k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
140
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
2.8k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
990
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
160
Featured
See All Featured
Heart Work Chapter 1 - Part 1
lfama
PRO
3
35k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
How to build a perfect <img>
jonoalderson
0
4.6k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
400
Automating Front-end Workflow
addyosmani
1371
200k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
710
Mobile First: as difficult as doing things right
swwweet
225
10k
Chasing Engaging Ingredients in Design
codingconduct
0
81
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
How to Talk to Developers About Accessibility
jct
1
84
エンジニアに許された特別な時間の終わり
watany
105
220k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました