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

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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