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
960
本質を理解してデザインに取り組む / Hatena Engineer Seminar #23 aoym_05
Hatena
February 02, 2023
Tweet
Share
More Decks by Hatena
See All by Hatena
はてなインターンシップ2024 HTTP, Web, API 講義資料
hatena
0
1.1k
はてなインターンシップ2024 RDBMS ブートキャンプ講義資料
hatena
0
860
はてなインターンシップ2024 フロントエンドブートキャンプ講義資料
hatena
0
790
はてなインターンシップ2024 コンテナ講義資料
hatena
0
870
はてなインターンシップ2024 コンテナオーケストレーション講義資料
hatena
0
780
はてなインターンシップ2024 インフラ講義資料
hatena
0
800
はてなインターンシップ2024 AI 講義資料
hatena
0
780
はてなインターンシップ2024 ブログライティング講義資料
hatena
4
2.9k
はてなリモートインターンシップ2023 Web, HTTP 講義資料
hatena
1
490
Other Decks in Design
See All in Design
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
680
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
180
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
180
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.5k
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
470
Tableau曲線表現講座(2024.11.21)
cielo1985
0
170
root COMPANY DECK / We are hiring!
root_recruit
1
16k
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
240
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
230
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
210
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
340
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
160
Featured
See All Featured
How to Ace a Technical Interview
jacobian
276
23k
RailsConf 2023
tenderlove
29
940
Docker and Python
trallard
42
3.1k
Embracing the Ebb and Flow
colly
84
4.5k
Speed Design
sergeychernyshev
25
670
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Designing Experiences People Love
moore
138
23k
Transcript
本質を理解して デザインに取り組む id:aoym_05
id:aoym_05 ・2022年4月 入社 ・マンガアプリチーム デザイナー
None
デザインを作成 要件をもらう レビューを受ける → →
デザインレビューとは
None
None
None
デザインレビューをお願いするが...
None
どの案がベストなのか自分で判断ができない・ 案の絞り込みができない
どういった機能であるべきか、 どういう遷移やレイアウトがユーザーにとって 使いやすいのかを考える
やったこと ① アプリの機能を触って理解を深める ② その上でどうしてその機能が実装されているのか考えてみる ③ 課題や良いと思うポイントを洗い出す
良い体験は伸ばしつつ、課題を解決するデザイン
マンガアプリ内で出す アンケート機能のデザイン ・現在出しているアンケートのデザインをリニューアル ・アンケートの回答=今後の運用に役立てられる
回答数を伸ばしたい! アンケートを盛り上げたい!
・マンガアプリっぽい見た目にして華やかに ・回答後の画面にキャラクターの画像を置いて、アンケートごとに画像を変更する →
いつもと違う インパクトある見た目で ユーザーの興味を惹き、 押してもらいたい →
アンケートが変わるごとに キャラクターを変えれば、 押したくなる人が増えそう 今後のアンケートも答えて もらえるかも... →
レビューを出してみる が、OK! とはならなかった
アンケートにたくさん回答してもらいたいのは合っている けど、回答は機能向上のための大切な資料 押させるように誘導するのは違うのではないか? ↓
・機能を触って理解を深める ・その上でどうしてその機能が実装されているのか考えてみる
・アンケートに回答してもらうことでデータが取れる ・そのデータを用いてアプリの機能が向上される ユーザーの需要を正確に確認したい ↓
見た目のインパクトで興味を引く案 ・回答項目より装飾が目立ってしまっていて、 答え づらくなっているのではないか ・アンケート内容と関係ない、装飾部分でボタ ンを 押させようとするのは目的と違っている
回答完了画面の見た目を毎回変える案 ・見た目の変化を見たいだけの人がアンケート の 内容を確認せずに押してしまう可能性もあ る
回答してくれる人への感謝は伝えたい
・シンプルで項目が見やすい既存のデザインを使用 ・送信ボタン押下時のアクションを追加
None
ありがとうございました