デザイン修正時のチェックポイント

イベント「Creators Vision Vol.1 エンジニアとデザイナーのこだわり探訪 #1」での発表資料です。

Transcript

1. Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato
2. SUBTITLE サブタイトル エンジニアとデザイナーの こだわり探訪
3. THEMA テーマ エンジニアとデザイナーの こだわり探訪 デザイナーって、何をもって このデザインが良い！って判断してるの？ デザイナーがどういう思考で デザインしているのか知りたい！
4. THEMA テーマ デザイナーは どんな意思決定をしているのか？
5. 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK 3 スタイルの整合性が 取れているか POINT 確認するポイント
6. POINT 確認するポイント 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK 3 スタイルの整合性が 取れているか
7. データアップロード アップロードが 完了しました とじる より良い情報提供のためにデータを 利用してもよろしいですか？ 改修内容 アップロードしたデータをパーソ ナライズの学習に使うために、 ユーザーに許可もらうチェック ボックスを設けたい。
8. データアップロード より良い情報提供のためにデー タを利用してもよろしいですか？ 許可する アップロードする データアップロード アップロード しています キャンセル データアップロード アップロードが 完了しました とじる ここで承認は違和感ある ⁨⁩事前承認に変更
9. 設定した課題は解決しているか 表示のタイミングは適切か 既存のフローとハレーションは起きないか ユーザーフローは適切かどうか CHECK 1
10. 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK 3 スタイルの整合性が 取れているか POINT 確認するポイント
11. 決済完了 支払い方法 支払い方法を保存する とじる 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする ※ 支払い方法の保存情報は、今回の設定 を引き継ぎます ※ この設定はメニューからいつでも変更 できます。 とじる 次回以降非表示に できるようにしたい
12. 決済完了 支払い方法 支払い方法を保存する とじる 次回以降表示しない 決済完了 支払い方法 次回以降、支払い方法保存の 選択と決済完了画面の確認を スキップする ※ 支払い方法の保存情報は、今回の 設定を引き継ぎます ※ この設定はメニューからいつでも 変更できます。 とじる レイアウト変更 グルーピング ライティング
13. 情報構成は適切かどうか CHECK 2 情報量、配置、優先度は適切か 専門用語を多用していないか 端末ごとのファーストビューに問題ないか
14. 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK 3 スタイルの整合性が 取れているか POINT 確認するポイント
15. 赤文字で目立たせたい 意味のある色だからダメ アンダーライン リンクに使っているからダメ CHECK 3 スタイルの整合性が取れているか
16. スタイルの整合性が取れているか CHECK 3 用途が近いアセットが乱立していないか スタイルのルールを守っているか オートレイアウトになっているか
17. 既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは 適切かどうか CHECK 2 情報構成は 適切かどうか CHECK 3 スタイルの整合性が 取れているか POINT 確認するポイント
18. デザインは その過程を他者と共有できる デザインのデザイン 原研哉
19. Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato