AI が作った画面は、
なぜ「それっぽいだけ」になるのか

当社が実際に書き換えた前後です。どちらも間違ってはいませんが、返ってくるものが変わりました。

当社のサイトで行った変更です。見た目の調整ではなく、内容の性質に対応させる作業でした。

1. 01

   内容の種類ごとに、置く面を変えた

   本文は面を持たず、そのまま紙の上に置きます。確認項目は記入する対象なので枠を持ちます。比較と注意書きは帯にします。図と表は左右いっぱいまで広げます。同じ指定を全部に当てるのをやめました。

2. 02

   上下の余白を一つの値にするのをやめた

   すべての区切りが同じ間隔だと、どこで話題が変わったのかが分かりません。区切りの重さに応じて数段階の間隔を用意し、区間ごとに選ぶようにしました。

3. 03

   見出しの表現を、番号と罫線に変えた

   見出しを大きくするのではなく、番号を振った罫線から見出しをぶら下げる形にしました。文字を大きくしなくても、順番と階層が読めるようになります。

4. 04

   同じ形が続く箇所を数えた

   画面を上から見て、同じ形が三つ以上続く箇所を数えました。続いているところは、内容の性質を分けきれていない箇所です。設計の抜けを探す目印として使えます。

当社が画面の作業を任せる前に書いている項目です。これを書かずに任せると、平均的なものが返ってきます。

1. Step 01

   内容の種類を数える

   そのページに何種類の性質の違う内容が入るかを数えます。数えないまま作ると、全部が同じ扱いになります。

2. Step 02

   種類ごとの見え方を決める

   どの種類がどの面に載るかを、作らせる前に決めます。ここは判断であって、生成に任せる部分ではないと考えています。

3. Step 03

   禁止事項を書く

   「同じ形を四つ以上続けない」「全部を枠に入れない」のように、避けたい状態を先に書きます。目標より禁止のほうが判定しやすいためです。

4. Step 04

   静止した状態で成立するか確認する

   動きを止めた状態で画面を見ます。動きに頼って成立している画面は、動きを減らす設定の利用者にとっては成立していません。

当社が受け入れ前に見ている項目です。細部の美しさより先に見ます。

細部の調整は後から効きます。構造が均質なまま細部を磨いても、均質さは消えません。