AIでWebデザインを作れる範囲は、かなり広がってきました。
「こんな雰囲気のサイトにしたい」と伝えれば、レイアウトを考えたり、配色を提案したり、複数のデザイン案を短時間で出したりできます。
私自身、Web制作の中でAIを使う場面は増えています。
では、AIがきれいなWebデザインを作れるようになったら、そのまま採用してしまってもよいのでしょうか。
私は、そうは考えていません。AIを使わないほうがいい、という意味ではなく、使えるところでは積極的に使ったほうがいいと思っています。
AIにはたくさん考えてもらい、最後は人が判断する。
今回は、AIが作ったデザインをどう「直すか」ではなく、出てきた案の中から何を選び、何を捨て、何を基準に決めるのかについて書いてみます。
この記事でわかること
AIでWebデザインは、かなり作れるようになった
AIを使えば、Webデザインの初期案を短時間でいくつも考えられるようになりました。
たとえば、「地域のクリニックなので清潔感はほしい。ただし、病院らしく堅くなりすぎないデザインにしたい」と条件を伝えたとします。
すると、次のような複数の方向を比較できます。
- 写真を大きく使った案
- 情報を整理して見せる案
- 余白を広く取った落ち着いた案
- 少し親しみを感じる案
一つの案だけを見ながら考えるのではなく、「こういう見せ方もある」「この方向は少し違う」と比べながら考えられるのは、AIを使う大きなメリットです。
KU NEL WEBLEでも、アイデアを広げたいときや、別の方向を見てみたいときなどにAIを使っています。
すべてをAIに作ってもらうというより、検討する材料を増やすために使うという感覚に近いです。
AIが出したデザインを人がどう整えているかについては、「AIで作ったWebデザインはなぜ『AIっぽく』見えるのか？」でも詳しく紹介しています。
参考記事
「AIで作ったWebデザインはなぜ『AIっぽく』見えるのか？」
それでも、AIが出した最初の案をそのまま使うことは少ない
AIにWebデザインを作ってもらうと、最初からかなり整った画面が出てくることがあります。
色もきれい。写真も大きく入っている。ボタンも配置されている。
一見すると、「これでもう十分なのでは？」と思うかもしれません。
ただ、実際のWeb制作では、そこから確認することがたくさんあります。
「きれい」と「このサイトに合っている」は違う
見た目が整っていることと、そのサイトにとって良いデザインであることは別です。
たとえば、とても洗練されたクリニックのデザインができたとします。デザインだけを見るとかっこいい。
でも実際に利用する人が、「診療時間はどこ？」「初診でも予約できる？」「駐車場はある？」と迷ってしまうなら、そのサイトでは別の見せ方のほうがよいかもしれません。
逆に、デザインだけ切り取れば少し地味でも、必要な情報がすぐ見つかるなら、そちらのほうが目的に合っている場合もあります。
Webデザインは、作品としてきれいに見せることだけが目的ではありません。
誰に何を伝え、その人にどう行動してもらうのか。
そこまで考えて、初めて「この案がいい」と判断できます。
人は、AIが出したデザインの何を判断しているのか
では、AIからデザイン案が出てきたあと、実際には何を見ているのでしょうか。
私が特に確認しているのは、次の5つです。
1．誰に何を伝えるデザインになっているか
最初に見るのは、「誰がこのサイトを見るのか」です。
同じクリニックでも、
- 子どもの診療が多い
- 高齢者の患者さんが多い
- 仕事帰りの人に来てもらいたい
- 初診の不安を減らしたい
では、サイトの見せ方は変わります。
会社のホームページでも同じです。新しいお客様を増やしたいのか。採用を強化したいのか。既存のお客様が必要な情報を確認しやすくしたいのか。
目的によって、最初に見せる情報も変わります。
AIにこうした条件を伝えることはできます。ただ、その前に、そもそも誰に何を伝えたいのかを決めておかなければ、良い案かどうかを判断できません。
2．一番大切な情報がちゃんと目立っているか
すべてを目立たせると、結局どれも目立たなくなります。
ホームページには、会社案内、サービス、料金、営業時間、アクセス、実績、お問い合わせなど、たくさんの情報があります。
どれも大切ですが、すべてを同じ強さで並べると、見る人は「まず何を見ればいいのか」が分かりにくくなります。
たとえばサービスサイトなら、細かな会社説明より先に、「何をしてくれる会社なのか」を伝えたほうがよい場合があります。
AIに「この部分を大きくしてください」と頼むことはできます。ただ、何を大きくするべきなのかを決めるには、ホームページの目的を考える必要があります。
3．会社やお店らしさと合っているか
「業種らしい」だけでなく、「その会社らしいか」を見ます。
AIは、業種を伝えるとその業種らしいデザインを考えるのが得意です。
クリニックなら清潔感。美容室ならおしゃれ。士業なら信頼感。それ自体は悪いことではありません。
ただ、実際には同じ業種でも、お店や会社ごとに雰囲気は違います。
同じ整骨院でも、「スポーツをする若い人に来てもらいたい」のか、「地域の幅広い年代の方が相談しやすい場所にしたい」のかで、選ぶデザインは変わります。
たとえば、KU NEL WEBLEで「くうねる整骨院」のデモサイトを考えたときも、単に「整骨院らしいデザイン」にするだけではなく、初めてサイトを見る人が、どんな悩みを相談できるのか、どう予約すればよいのかを迷わず理解できることを意識して方向を決めています。
「整骨院っぽいから採用」ではなく、このサイトが伝えたいことに合っているから採用する。その違いは大きいと思っています。
4．実際に使う人が迷わないか
Webデザインは、眺めるものではなく使うものです。
AIが作った画面を見るときも、一枚の画像として見るだけではありません。
スマートフォンで見たとき、メニューは分かりやすいか。お問い合わせや予約のボタンは見つけられるか。次にどこを押せばよいか迷わないか。文章を上から読んだとき、話の流れは自然か。
見た目がきれいでも、「実際に使うと分かりにくそう」と感じるなら、そのまま採用しないこともあります。
特に小さな画面では、PCで見たときには気にならなかった問題が出ることもあります。
だからこそ、完成したデザイン画像だけではなく、実際に使う人の動きまで想像して判断することが大切です。
5．何を残して、何を捨てるか
案を増やすことと、全部採用することは違います。
AIを使うと、A案、B案、C案。さらに「もう少し違う方向も」と頼めば、D案まで見ることができます。
選択肢が増えるのは良いことです。ただ、その分、選ばないものを決める必要も増えます。
A案のレイアウトは良い。B案の見せ方は使えそう。C案はきれいだけれど、今回は少し違う。そんなふうに比較していきます。
良さそうなものを全部混ぜれば、良いサイトになるとは限りません。むしろ、足しすぎることで何を伝えたいサイトなのか分からなくなることもあります。
何を足すかだけではなく、何を使わないかを決めること。これもWeb制作の大切な判断です。
AIに「どれが一番いい？」と聞けばいいのでは？
ここまで読むと、「それなら、AIに複数案を作ってもらって、そのAIに一番良いものを選ばせればいいのでは？」と思うかもしれません。
実際、AIに複数のデザインを比較してもらうこともできます。
たとえば、「この3案を、見やすさ・信頼感・問い合わせへの導線という観点で比較してください」と頼めば、それぞれの良い点や気になる点を整理できます。
私も、比較材料を増やすためにAIへ意見を聞くことがあります。
では、最後の判断までAIに任せればよいのでしょうか。
AIにも比較はできる。でも評価基準は必要
ここで大切なのは、AIが評価できるかどうかではなく、「何を良いとするか」を先に決めることです。
たとえば、「問い合わせが増えそうなデザインを選んで」と頼むとします。
でも実際には、
- 誰からの問い合わせを増やしたいのか
- どんな仕事を増やしたいのか
- 価格を前面に出したいのか
- 技術力を伝えたいのか
- 相談しやすさを伝えたいのか
によって、選ぶべき方向は変わります。
つまりAIに判断を手伝ってもらうことはできます。ただ、その前に、何を基準に判断するのかを考える必要があります。
私は、「AIは判断できない」というより、AIに何を判断させるのかを、人が決めるという考え方のほうが、今のWeb制作には合っていると思っています。
AIで選択肢が増えたからこそ、「どう選ぶか」が大切になる
AIをWeb制作に使うメリットは、単に作業が速くなることだけではありません。
複数の方向を比較しやすくなることも、大きなメリットです。
最初から一つの案だけを見て決めるのではなく、「こちらは少し堅い」「こちらのほうが親しみやすい」「この見せ方ならサービスが伝わりやすい」と比べながら考えられます。
これはホームページを依頼する側にとっても、なぜこのデザインにするのかを納得して決めやすくなることにつながります。
また、制作の早い段階で複数の方向を見ておけば、「完成に近づいてから、思っていた雰囲気と違った」というズレも減らしやすくなります。
だからこそ、これからホームページ制作を依頼するときは、「AIを使っているか」「短時間で何案出せるか」だけを見る必要はないと思います。
それよりも、
- なぜこのデザインなのか
- 誰に向けて作っているのか
- 何を一番伝えたいのか
- なぜこの案を採用するのか
といったことを、一緒に考えてくれるかどうか。そこを見てみるとよいと思います。
AIで案を作りやすくなったからこそ、デザイン案そのものだけでなく、その案を選んだ理由を説明できること。そこは以前より大切になっているように感じます。
たくさん作れること自体より、その中から納得できる方向を選べること。AIをWeb制作に使う価値は、そこにもあるのではないでしょうか。
KU NEL WEBLEでは「AIに考えてもらい、人が決める」
KU NEL WEBLEでも、Web制作にAIを取り入れています。
ただし、AIに一度デザインを作ってもらって、「これで完成」とはしていません。
イメージとしては、
AIと人で進めるデザインの流れ
- AIに案を出してもらう
- 人が比較する
- 目的に合わないものを捨てる
- 残した方向をさらに検討する
- 最後は人が決める
途中でまたAIに、「別の方向も見てみたい」「この部分だけ違う案を考えて」と頼むこともあります。
そのため、AIか、人かという二択ではありません。
AIと人の間を行き来しながら、より良い方向を探していく。
これが、KU NEL WEBLEが考える「Web制作 × AI」の今のところ自然な形です。
まとめ：AIにはたくさん考えてもらう。最後は人が決める
AIでWebデザインを作れるようになったことは、Web制作にとって大きなメリットだと思っています。
短時間で複数の案を見られる。自分では思いつかなかった方向を試せる。一つだけではなく、比較しながら考えられる。
だから、AIを使わないほうがいいとは考えていません。むしろ、使えるところでは積極的に使えばいいと思っています。
AIの案を判断するときに見ていること
AIが多くの案を作れるようになったからこそ、比較する。選ぶ。捨てる。決める。という部分は、むしろ重要になっているように感じます。
AIには、たくさん考えてもらう。そして最後は、人が決める。
KU NEL WEBLEでは、そんな距離感でAIをWeb制作に取り入れています。
Contact AIも使いながら、目的に合うWebデザインを一緒に考えます
KU NEL WEBLEでは、AIも活用しながら、目的や実際にサイトを使う人に合ったWebデザインを一緒に考えています。
「まだどんなホームページにするか決まっていない」という段階でも大丈夫です。
こんな段階からでもご相談いただけます
ホームページ制作やリニューアルについて気になることがあれば、お気軽にご相談ください。
Webサイト制作・リニューアルのご相談
見た目だけでなく、
更新しやすいWebサイトを制作します。
KU NEL WEBLEでは、デザイン・コーディング・WordPress実装・スマホ対応・アクセシビリティまで含めて、長く使いやすいWebサイト制作を行っています。新規制作やリニューアルをご検討中の方は、お気軽にご相談ください。
