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

by LINEヤフーTech (LY Corporation Tech)

Slide 1

Slide 1 text

Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato

Slide 2

Slide 2 text

SUBTITLE サブタイトルエンジニアとデザイナーのこだわり探訪

Slide 3

Slide 3 text

THEMA テーマエンジニアとデザイナーのこだわり探訪デザイナーって、何をもってこのデザインが良い！って判断してるの？デザイナーがどういう思考でデザインしているのか知りたい！

Slide 4

Slide 4 text

THEMA テーマデザイナーはどんな意思決定をしているのか？

Slide 5

Slide 5 text

既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは適切かどうか CHECK 2 情報構成は適切かどうか CHECK 3 スタイルの整合性が取れているか POINT 確認するポイント

Slide 6

Slide 6 text

POINT 確認するポイント既存サービスにおける軽微なデザイン修正業務の場合 CHECK 1 ユーザーフローは適切かどうか CHECK 2 情報構成は適切かどうか CHECK 3 スタイルの整合性が取れているか

Slide 7

Slide 7 text

データアップロードアップロードが完了しましたとじるより良い情報提供のためにデータを利用してもよろしいですか？改修内容アップロードしたデータをパーソナライズの学習に使うために、ユーザーに許可もらうチェックボックスを設けたい。

Slide 8

Slide 8 text

データアップロードより良い情報提供のためにデータを利用してもよろしいですか？許可するアップロードするデータアップロードアップロードしていますキャンセルデータアップロードアップロードが完了しましたとじるここで承認は違和感ある ⁨⁩事前承認に変更

Slide 9

Slide 9 text

設定した課題は解決しているか表示のタイミングは適切か既存のフローとハレーションは起きないかユーザーフローは適切かどうか CHECK 1

Slide 10

Slide 10 text

Slide 11

Slide 11 text

決済完了支払い方法支払い方法を保存するとじる決済完了支払い方法次回以降、支払い方法保存の選択と決済完了画面の確認をスキップする ※ 支払い方法の保存情報は、今回の設定を引き継ぎます ※ この設定はメニューからいつでも変更できます。とじる次回以降非表示にできるようにしたい

Slide 12

Slide 12 text

決済完了支払い方法支払い方法を保存するとじる次回以降表示しない決済完了支払い方法次回以降、支払い方法保存の選択と決済完了画面の確認をスキップする ※ 支払い方法の保存情報は、今回の設定を引き継ぎます ※ この設定はメニューからいつでも変更できます。とじるレイアウト変更グルーピングライティング

Slide 13

Slide 13 text

情報構成は適切かどうか CHECK 2 情報量、配置、優先度は適切か専門用語を多用していないか端末ごとのファーストビューに問題ないか

Slide 14

Slide 14 text

Slide 15

Slide 15 text

赤文字で目立たせたい意味のある色だからダメアンダーラインリンクに使っているからダメ CHECK 3 スタイルの整合性が取れているか

Slide 16

Slide 16 text

スタイルの整合性が取れているか CHECK 3 用途が近いアセットが乱立していないかスタイルのルールを守っているかオートレイアウトになっているか

Slide 17

Slide 17 text

Slide 18

Slide 18 text

デザインはその過程を他者と共有できるデザインのデザイン原研哉

Slide 19

Slide 19 text

Creators Vision vol.1 LINEヤフー株式会社 Shoma Sato