デザインする前にやること

by yusukeiyoda

Slide 1

Slide 1 text

デザインチェック機構でよく指摘すること Frequently pointed out by the design check mechanism.

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

それ、ディレクターに確認しましたか？

Slide 4

Slide 4 text

スタイリッシュで尖ったデザインインタラクティブですごい動くデザインクライアントが「かっこいい！」と喜ぶデザインそれ、ディレクターに確認しましたか？良いデザインの定義前提として

Slide 5

Slide 5 text

ユーザーにとって使いやすいデザインスタイリッシュで尖ったデザインクライアントの要望が適切に反映されているデザインインタラクティブですごい動くデザインクライアントが「かっこいい！」と喜ぶデザインシステム開発時に⽭盾が起こらないデザインそれ、ディレクターに確認しましたか？良いデザインの定義前提として

Slide 6

Slide 6 text

それ、ディレクターに確認しましたか？良いデザインを作るためには？ワイヤーフレームデザイン

Slide 7

Slide 7 text

それ、ディレクターに確認しましたか？良いデザインを作るためには？ワイヤーフレームデザイン

Slide 8

Slide 8 text

それ、ディレクターに確認しましたか？良いデザインを作るためには？ワイヤーフレームこのボタン押したらどこに遷移するんだろうこの要素って静的なんだろうか動的なんだろうかここってイラスト必須なのか画像でもいいんだろうかこのテキストって他と⽐べてどのくらい重要なんだろう

Slide 9

Slide 9 text

それ、ディレクターに確認しましたか？デザインを作る前にやること⻑年の経験で培った⾃分の中の引き出しを漁ってを出すこととっておき

Slide 10

Slide 10 text

⻑年の経験で培った⾃分の中の引き出しを漁ってを出すこととっておきそれ、ディレクターに確認しましたか？デザインを作る前にやること

Slide 11

Slide 11 text

それ、ディレクターに確認しましたか？デザインを作る前にやることディレクターへの

Slide 12

Slide 12 text

ヒアリングヒアリングそれ、ディレクターに確認しましたか？デザインを作る前にやることディレクターへの

Slide 13

Slide 13 text

ヒ

Slide 14

Slide 14 text

ア

Slide 15

Slide 15 text

リ

Slide 16

Slide 16 text

ン

Slide 17

Slide 17 text

グ

Slide 18

Slide 18 text

それ、ディレクターに確認しましたか？デザインを作る前にやることです。

Slide 19

Slide 19 text

それ、ディレクターに確認しましたか？です。不明点がある状態では良いデザインは作れないコトが多いデザインを作る前にやること

Slide 20

Slide 20 text

それ、ディレクターに確認しましたか？不明点は特にありませんでした！デザインを作る前にやること観点が⾜りてない可能性

Slide 21

Slide 21 text

それ、ディレクターに確認しましたか？ユーザーにとって使いやすいデザインを作るためにはよくある場⾯ここのテキストを16px にした理由は？なんとなく収まりが良いから。

Slide 22

Slide 22 text

それ、ディレクターに確認しましたか？ユーザーにとって使いやすいデザインを作るためにはターゲットは誰か？という情報が必要よくある場⾯ここのテキストを16px にした理由は？なんとなく収まりが良いから。 20 代 16pxで良さそうやな 60 代 20pxはないとちゃんと読めなそうやな情報が揃って初めて判断が出来る

Slide 23

Slide 23 text

それ、ディレクターに確認しましたか？ユーザーにとって使いやすいデザインを作るためにはターゲットは誰か？という情報が必要よくある場⾯ここのテキストを16px にした理由は？なんとなく収まりが良いから。 20 代 16pxで良さそうやな 60 代 20pxはないとちゃんと読めなそうやなディレクター！教えて！情報が揃って初めて判断が出来る

Slide 24

Slide 24 text

それ、ディレクターに確認しましたか？クライアント要望適切反映デザインを作るためにはよくある場⾯メインカラーを⾚にした理由は？ロゴが⾚いから。なんかぁー、イケてるカラぁー。

Slide 25

Slide 25 text

それ、ディレクターに確認しましたか？クライアント要望適切反映デザインを作るためにはクライアントがユーザーに与えたい印象は？価値は？という情報が必要よくある場⾯メインカラーを⾚にした理由は？ロゴが⾚いから。なんかぁー、イケてるカラぁー。信頼と実績落ち着いた⻘が良さそうやなエコと先進メインを緑、アクセントに寒⾊系情報が揃って初めて判断が出来る

Slide 26

Slide 26 text

Slide 27

Slide 27 text

それ、ディレクターに確認しましたか？システム開発時無⽭盾デザインを作るためにはよくある場⾯ココの画像と⽂章って動的？静的？分かりません。

Slide 28

Slide 28 text

それ、ディレクターに確認しましたか？システム開発時無⽭盾デザインを作るためには画像は固定サイズか変動するか？最⼤何⽂字⼊るか？という情報が必要よくある場⾯ココの画像と⽂章って動的？静的？分かりません。サイズ変動ボックスに対して画像の横幅は固定にして縦幅はトリミングした⽅が良いな最⼤50 ⽂字 5⾏ぐらいになるし縦幅取りすぎるから2⾏で3点リーダーにして以降は省略した⽅が良いな情報が揃って初めて判断が出来る

Slide 29

Slide 29 text

それ、ディレクターに確認しましたか？画像は固定サイズか変動するか？最⼤何⽂字⼊るか？という情報が必要よくある場⾯ココの画像と⽂章って動的？静的？分かりません。サイズ変動ボックスに対して画像の横幅は固定にして縦幅はトリミングした⽅が良いな最⼤50 ⽂字 5⾏ぐらいになるし縦幅取りすぎるから2⾏で3点リーダーにして以降は省略した⽅が良いなディレクター！教えて！情報が揃って初めて判断が出来るシステム開発時無⽭盾デザインを作るためには