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
デザイン修正時のチェックポイント
Search
LY Corporation Tech
PRO
August 07, 2024
Technology
1
1k
デザイン修正時のチェックポイント
イベント「Creators Vision Vol.1 エンジニアとデザイナーのこだわり探訪 #1」での発表資料です。
LY Corporation Tech
PRO
August 07, 2024
Tweet
Share
More Decks by LY Corporation Tech
See All by LY Corporation Tech
分析者起点の企画を成功させた連携面の工夫
lycorptech_jp
PRO
1
230
Causal Impactを用いたLINE Pay UIの効果検証とABテスト実施への貢献
lycorptech_jp
PRO
3
530
Kubernetesって何? -大規模なKubernetesを運用するKubernetes as a Serviceチームの話を添えて-
lycorptech_jp
PRO
13
4.5k
Universal Score-based Speech Enhancement with High Content Preservation
lycorptech_jp
PRO
0
85
Code Bug Fix Challenge ブース準備の裏側
lycorptech_jp
PRO
1
110
フロントエンド開発事例① LINEギフト
lycorptech_jp
PRO
1
160
フロントエンド開発事例② LINE公式アカウント
lycorptech_jp
PRO
1
110
フロントエンド開発事例③ Yahoo! JAPAN トップページ
lycorptech_jp
PRO
1
170
Android Autoアプリ開発の今 −ナビゲーションアプリ開発から学ぶケーススタディ− (DroidKaigi2024)
lycorptech_jp
PRO
1
79
Other Decks in Technology
See All in Technology
第45回 MLOps 勉強会 - ML Test Score を用いた機械学習システムの定量的なアセスメント
masatakashiwagi
3
270
山手線一周のパフォーマンス改善
suzukahr
0
120
「ばん・さく・つき・たー!」にならないためにSHIROBAKOから 学んだこと
ysknsid25
3
580
Rubyはなぜ「たのしい」のか? / Why is Ruby a programmers' best friend? #tqrk15
expajp
4
1.8k
Understanding and Optimising INP
akshayysharma
0
150
普通の Web エンジニアのための様相論理入門 #yapcjapan / YAPC Hakodate 2024
ytaka23
4
700
Product Utilization of Large Language Models Starting Today
ymatsuwitter
3
1k
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
13
3.5k
スクラム導入の舞台裏:QAエンジニアがスクラムマスターになるまで
bubo1201
0
150
Hazard pointers with reference counter
ennael
PRO
0
110
トークナイザー入門
payanotty
2
830
Oracle Database 23ai 新機能#4 Rolling Maintenance
oracle4engineer
PRO
0
110
Featured
See All Featured
KATA
mclloyd
27
13k
Adopting Sorbet at Scale
ufuk
73
8.9k
Practical Orchestrator
shlominoach
185
10k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
Producing Creativity
orderedlist
PRO
341
39k
RailsConf 2023
tenderlove
28
840
In The Pink: A Labor of Love
frogandcode
139
22k
Designing for humans not robots
tammielis
249
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
30
2.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Creatively Recalculating Your Daily Design Routine
revolveconf
217
12k
Transcript
Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato
SUBTITLE サブタイトル エンジニアとデザイナーの こだわり探訪
THEMA テーマ エンジニアとデザイナーの こだわり探訪 デザイナーって、何をもって このデザインが良い!って判断してるの? デザイナーがどういう思考で デザインしているのか知りたい!
THEMA テーマ デザイナーは どんな意思決定をしているのか?
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
POINT 確認するポイント 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は
適切かどうか CHECK 3 スタイルの整合性が 取れているか
データアップロード アップロードが 完了しました とじる より良い情報提供のためにデータを 利用してもよろしいですか? 改修内容 アップロードしたデータをパーソ ナライズの学習に使うために、 ユーザーに許可もらうチェック
ボックスを設けたい。
データアップロード より良い情報提供のためにデー タを利用してもよろしいですか? 許可する アップロードする データアップロード アップロード しています キャンセル データアップロード
アップロードが 完了しました とじる ここで承認は違和感ある 事前承認に変更
設定した課題は解決しているか 表示のタイミングは適切か 既存のフローとハレーションは起きないか ユーザーフローは適切かどうか CHECK 1
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
決済完了 支払い方法 支払い方法を保存する とじる 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする ※
支払い方法の保存情報は、今回の設定 を引き継ぎます ※ この設定はメニューからいつでも変更 できます。 とじる 次回以降非表示に できるようにしたい
決済完了 支払い方法 支払い方法を保存する とじる 次回以降表示しない 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする
※ 支払い方法の保存情報は、今回の 設定を引き継ぎます ※ この設定はメニューからいつでも 変更できます。 とじる レイアウト変更 グルーピング ライティング
情報構成は適切かどうか CHECK 2 情報量、配置、優先度は適切か 専門用語を多用していないか 端末ごとのファーストビューに問題ないか
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
赤文字で目立たせたい 意味のある色だからダメ アンダーライン リンクに使っているからダメ CHECK 3 スタイルの整合性が取れているか
スタイルの整合性が取れているか CHECK 3 用途が近いアセットが乱立していないか スタイルのルールを守っているか オートレイアウトになっているか
既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK
3 スタイルの整合性が 取れているか POINT 確認するポイント
デザインは その過程を他者と共有できる デザインのデザイン 原研哉
Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato