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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05
Hatena
February 02, 2023
More Decks by Hatena
See All by Hatena
60分で学ぶクラウドとSRE・サービス運用 / GeekCAMPAcademia 2026-05
hatena
1
89
エンジニアリング マネージャーの育成と評価軸の考え方
hatena
0
620
Perlブートキャンプ
hatena
0
5.1k
はてなサマーインターンシップ2025 Web API 講義資料
hatena
0
1.1k
はてなサマーインターンシップ2025 フロントエンド 講義資料
hatena
21
11k
はてなサマーインターンシップ2025 コンテナ + Kubernetesハンズオン 講義資料
hatena
0
760
はてなサマーインターンシップ2025 クラウドと運用 講義資料
hatena
0
810
はてなサマーインターンシップ2025 RDBMSの基礎 講義資料
hatena
0
870
はてなサマーインターンシップ2025 セキュリティ 講義資料
hatena
0
800
Other Decks in Design
See All in Design
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.3k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
410
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
230
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
190
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
200
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
260
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.4k
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
110
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
330
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.5k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
340
The Language of Interfaces
destraynor
162
27k
Writing Fast Ruby
sferik
630
63k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
490
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
380
The Pragmatic Product Professional
lauravandoore
37
7.4k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.6k
WCS-LA-2024
lcolladotor
0
680
For a Future-Friendly Web
brad_frost
183
10k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました