ダミーではなく実際の長さ・件数・偏りでデザインすると、実装後の崩れが減る。
デザインのダミーの文言(「山田太郎」「商品名」)は、実際のデータよりも短く、きれいにそろっています。実装後の崩れを減らすには、実際のデータの分布を見てデザインします。名前の長さのいちばん長いもの、一覧の件数(0件・1件・数千件)、画像がない割合などを、エンジニアやデータの担当に聞くか、集計してもらいます。平均だけでなく、長いほう・多いほうの端を見るのがこつです。
| 見るもの | 確かめる値 | デザインでの使い道 |
|---|---|---|
| 文言の長さ | いちばん長いもの・長いほうの1% | 折り返し・省略のルール |
| 件数 | 0件・1件の割合、最大の件数 | 空の状態・ページ送り |
| 欠けているデータ | 画像やプロフィールがない割合 | 代わりの表示 |
| 使われ方 | 端末・画面幅・文字サイズの設定 | 優先してデザインする幅 |
面接ではこう答える
デザインのダミーの文言は、実際のデータより短く、きれいにそろっています。実装後の崩れを減らすために、名前の長さのいちばん長いもの、一覧の件数の0件・1件・最大、画像がない割合などを、エンジニアやデータの担当に聞いて、その値でデザインします。実データは平均より長いほう・多いほうに裾が伸びた分布になりやすいので、平均ではなく端を見るのがこつです。
デザイナーとの関わり実データの値は、文言の長さ・空の状態・ページ送りなどのルールを決める根拠になります。