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 aoym_05
Search
Hatena
February 02, 2023
Design
1
890
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05
Hatena
February 02, 2023
Tweet
Share
More Decks by Hatena
See All by Hatena
はてなリモートインターンシップ2023 Web, HTTP 講義資料
hatena
1
330
はてなリモートインターンシップ2023 Web API 講義資料
hatena
1
210
はてなリモートインターンシップ2023 インフラ講義資料
hatena
16
5.1k
はてなリモートインターンシップ2023 コンテナ講義資料
hatena
0
210
はてなリモートインターンシップ2023 ソフトウェアアーキテクチャ講義資料
hatena
0
220
はてなリモートインターンシップ2023 RDBMS ブートキャンプ講義資料
hatena
1
140
はてなリモートインターンシップ2023 フロントエンドブートキャンプ講義資料
hatena
0
250
はてなリモートインターンシップ2023 Perlブートキャンプ講義資料
hatena
0
130
はてなリモートインターンシップ2023 コンテナオーケストレーション講義資料
hatena
4
310
Other Decks in Design
See All in Design
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
910
文化に寄りそうデザイン
recruitengineers
PRO
4
930
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5k
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
340
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
180
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
230
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
110
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
650
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
980
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
180
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
176
21k
Infographics Made Easy
chrislema
238
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Designing for humans not robots
tammielis
247
25k
Documentation Writing (for coders)
carmenintech
60
4k
jQuery: Nuts, Bolts and Bling
dougneiner
60
7.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Raft: Consensus for Rubyists
vanstee
133
6.3k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Gamification - CAS2011
davidbonilla
77
4.6k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました