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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
460
Perlブートキャンプ
hatena
0
4.1k
はてなサマーインターンシップ2025 Web API 講義資料
hatena
0
870
はてなサマーインターンシップ2025 フロントエンド 講義資料
hatena
20
9.9k
はてなサマーインターンシップ2025 コンテナ + Kubernetesハンズオン 講義資料
hatena
0
580
はてなサマーインターンシップ2025 クラウドと運用 講義資料
hatena
0
620
はてなサマーインターンシップ2025 RDBMSの基礎 講義資料
hatena
0
630
はてなサマーインターンシップ2025 セキュリティ 講義資料
hatena
0
610
はてなサマーインターンシップ2025 AIエージェント活用 講義資料
hatena
1
2.4k
Other Decks in Design
See All in Design
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
290
kintone Style Book
kintone
6
11k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
150
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
200
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.4k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
300
AIでデザインをつくる:基礎編
kenichiota0711
3
2.5k
Spacemarket Brand Guide
spacemarket
2
180
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
560
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
390
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
110
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
The untapped power of vector embeddings
frankvandijk
1
1.6k
Navigating Weather and Climate Data
rabernat
0
120
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
The SEO Collaboration Effect
kristinabergwall1
0
360
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
260
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
240
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.1k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
3.9k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました