「見た目は大事」は本当か？｜研究でわかった、AI時代にデザインで差がつく理由

01第一印象は0.05秒で決まる

カナダ・カールトン大学のリンドガードらは2006年、Webページを50ミリ秒（0.05秒）だけ見せて、見た目の好ましさを評価してもらう実験をしました。まばたき1回が0.1〜0.4秒ほどなので、それより短い時間です。

結果は、0.05秒で見たときの評価と、0.5秒かけて見たときの評価がほぼ一致しました。人はページの中身を読む前に、見た目で「好き・嫌い」をほぼ決めているということです。論文のタイトルは、そのまま「Webデザイナーへ。好印象を与えるのに使える時間は50ミリ秒」です。

その後、スイスのバーゼル大学とGoogleの研究チーム（トゥックら、2012年）が、さらに踏み込みました。17〜50ミリ秒という短い時間でも見た目の判断は行われていて、好まれる条件は次の2つでした。

シンプルであること

要素が多く、ごちゃごちゃして見えるサイトほど、美しくないと判断された。

「その種類のサイトらしい」こと

見慣れない、そのジャンルらしくない見た目は、シンプルでも低く評価された（研究では「典型性（プロトタイプ性）」と呼んでいます）。

つまり、最初の一瞬で好まれるのは「シンプルで、見慣れた形」です。奇抜さで目立とうとするより、そのジャンルらしい安心感をシンプルに見せるほうが、第一印象は良くなります。

02見た目がいいと、使いやすく感じる

この分野の出発点は、実は日本の研究です。1995年、日立製作所デザイン研究所の黒須正明さんと鹿志村香さんは、ATM（銀行のお金を引き出す機械）の画面レイアウトを26パターン用意し、252人に「使いやすそうか」「美しいか」を評価してもらいました。

すると、「使いやすそう」という評価は、ボタンの並び順などの実際の使いやすさよりも、見た目の美しさと強く結びついていました。人は、見た目がきれいな画面を「使いやすそう」と感じるのです。

この結果は、イスラエルのトラクティンスキーが1997年に試し直し、同じ傾向を確かめています。さらに2000年の研究では、ATMを模したシステムを実際に使ってもらいました。使ったあとでも、見た目の良い画面のほうが「使いやすかった」と評価されたうえ、実際の使いやすさの差はその評価にあまり影響しませんでした。論文のタイトルは「美しいものは使いやすい（What is beautiful is usable）」です。

その後どう評価されているか：ドイツのハッセンツァールとイギリスのモンクは2010年、それまでの15本の論文を見直しました。そして、美しさと使いやすさの関係は言われてきたほど単純ではないと指摘しています。美しいと「全体として良いものだ」という印象が生まれ、その印象を通して「使いやすそう」と感じる、という流れです。見た目だけで使いにくさを帳消しにできるわけではありません。

まとめると、見た目は「良さそうだ」という全体の印象を底上げする。でも、使いにくさを隠せるほど万能ではない、というのが今の理解に近いところです。

03信頼できるかは、見た目で判断される

アメリカのスタンフォード大学のフォッグらは2002年、2,684人に複数のWebサイトを比べてもらい、「どちらが信頼できるか、なぜそう思ったか」をコメントしてもらいました。

コメントを分類すると、いちばん多かったのはデザインの見た目についての意見で、全体の46.1%でした。レイアウト、文字、色、画像の印象です。情報の正確さや運営元よりも先に、見た目が「信頼できるかどうか」の手がかりになっていました。

読むときの注意：これは一般の人の感想を分類した調査で、20年以上前のものです。今のWebサイトの事情とは違う部分もあります。それでも「人はまず見た目で、ちゃんとした運営元かどうかを判断する」という傾向は、その後の研究でもくり返し指摘されています。

04AIでつくる時代に、何が起きるか

3つの研究を、AIでWebサイトをつくる今の状況に当てはめてみます。

「らしさ」はAIが得意

AIは、たくさんの事例から「よくある形」を出すのが得意です。研究でいう「そのジャンルらしい見た目」は、AIでもつくれます。ただし、どの会社にも当てはまる「よくある形」のままでは、ほかと見分けがつきません。そのジャンルらしい安心感は保ったうえで、その会社らしさをどこで出すか。これは人が決めることです。

シンプルにするのは人の仕事

AIは頼まれたものを足していくのは得意ですが、「何を削るか」の判断は苦手です。第一印象を良くする「シンプルさ」は、要素を減らす決断から生まれます。

見た目の底上げは、差になる

AIでつくった画面は「動くけれど無難」になりがちです。見た目は全体の印象を引き上げるので、同じ機能でも、デザインの質がそのまま評価の差になります。

信頼のハードルが上がる

AIで記事もサイトも量産できる今、読む人は「このサイトは本物か」を前より厳しく見ています。見た目で最初のふるいを通ったうえで、会社情報・実績・出典が見えることが大切です。これは人だけでなく、AI検索に情報を拾ってもらううえでも手がかりになります。

05CODE4がしていること

CODE4はAIを使ってサイトをつくりますが、見た目の判断はデザイナーがしています。研究をふまえて、具体的には次のことを大事にしています。

1. 最初の画面（ファーストビュー）は人が決める0.05秒で伝わるのは、写真1枚と一言くらいです。業種らしい安心感を保ちながら、その会社らしさが出る一点を、デザイナーが決めます。
2. 足すより、削るAIが出した案から、要素・色・装飾を減らしていきます。ごちゃごちゃしているほど、第一印象は下がります。
3. きれいでも、実際に使って確かめる見た目が良いと、使いにくいところに気づきにくくなります。スマホで実際に操作し、迷うところがないかを確かめてから公開します。
4. 信頼の手がかりを見える場所に置く会社の情報、実績、代表の顔、出典を、探さなくても見つかる場所に置きます。人にもAI検索にも伝わるように、構造化データも整えます。
5. 決めたことはルールにしてAIに渡す色・文字・余白・やらないことを設計書（DESIGN.md）に書いてからAIで形にします。書き方は「AIっぽいデザイン」にしないためにで紹介しています。

06まとめ

• Webサイトの第一印象は0.05秒で決まる。好まれるのは「シンプルで、そのジャンルらしい」見た目。
• 見た目がいいと「使いやすそう」と感じる。ただし見た目だけで使いにくさは隠せない。
• 信頼できるかどうかも、まず見た目で判断される。
• AIで誰でもそれらしいサイトをつくれる今、差がつくのは「何を削り、どこで自分らしさを出すか」という人の判断。

「見た目は大事」は、気分の話ではなく、研究でもくり返し確かめられてきたことです。CODE4では、オーダーメイドの制作でも、月額制ホームページでも、AIで速くつくりながら、見た目の判断はデザイナーが責任を持っています。

※この記事は2026年11月時点の情報をもとにしています。研究の内容は、それぞれの論文の要旨をもとに、わかりやすく言い換えています。