TOP UX用語 デザイン・情報設計 ブーバ・キキ効果

ブーバ・キキ効果 bouba/kiki effect

音声と図形の視覚的な印象を関連づけること

人は音声と視覚的な形を結びつけてしまう性質がある。下の図で「どちらがブーバでどちらがキキか?」という質問をしたところ、98%の人が曲線的な左の図形をブーバ、ギザギザな右の図形をキキと答えた。

左:ブーバ、右:キキと98%が回答した

左:ブーバ、右:キキと98%が回答した

この性質のことを、ブーバ・キキ効果といい、1929年にドイツの心理学者で、ゲシュタルト心理学の創始者の一人でもあるWolfgang Köhlerヴォルフガング・ケーラー氏が提唱した。マルマ・タケテ効果ともいい、この場合は大多数の人が左の図形をマルマ、右の図形をタケテと答えた。

人は言語に関係なく音からイメージする。この現象を音象徴といい、「k」「t」の音(日本語:「カ行」「タ行」)に角張ったイメージを、「m」「n」の音(日本語:「マ行」「ナ行」)に柔らかい印象を持つ。また、母音が「u」の音(日本語:「ウ」)には丸いものと結びつける傾向がある。

ブーバ・キキ効果はキャラクターにも当てはまる

ブーバ・キキ効果は人やキャラクターの名前にも当てはまる。心理学者のDavid M. Sidhuデビッド・M・シドゥ氏とPenny M. Pexmanペニー・M・ペクスマン氏は、名前・形状・音が人やキャラクターの性格を具体的にイメージするという研究を行った。

研究によると、曲線的なシルエットにはモーリーやボブといった柔らかい印象を持つ名前を、角張ったシルエットにはケイトやカークといった鋭い印象を持つ名前を連想しやすくなり、柔らかい印象を持つ名前からは親しみやすい性格を、鋭い印象を持つ名前からは厳格な性格を関連づけるという。

つまり、曲線的なキャラクターは親しみやすい性格、角張ったキャラクターは厳格な性格をイメージするのだ。

左のキャラクターの方が、柔らかく親しみやすい性格だという印象を与える

左のキャラクターの方が、柔らかく親しみやすい性格だという印象を与える
https://davidmsidhu.files.wordpress.com/2020/03/sidhu-pexman-2019-1.pdfより引用

Webサイトのデザインにも生かされる

ブーバ・キキ効果はキャラクターと同じようにデザインにも応用されている。Webサイトのボタンも角張ったものよりも曲線的な方がフレンドリーな印象を与え、クリックされやすいと考えられた。

Amazonのボタンが角丸になった

Amazonの購入ボタンは、下図の左のように立体感のあるスキューモーフィックのデザインだったのが、2021年10月に右のような角丸のピル型のフラットなデザインになった。

Amazonの購入ボタンが左の四角いデザインから右の角丸ボタンに変更された

Amazonの購入ボタンが左の四角いデザインから右の角丸ボタンに変更された
https://newlee.com/amazon-test-round-buttons-ux-design/#:~:text=The%20Science%20Supports%20Amazon%27s%20New,an%20even%2C%20natural%20user%20experienceより引用

アップルのデザインも角丸が多くなった

iOSでもAmazonと同じようなデザインの変更があった。
2021年の10月にリリースされたiOS15では、旧バージョンのiOSよりも角丸が多く使われるデザインが採用された。iOS15のカレンダーアプリは、角丸が多く使われたデザインになっている。

iOS15のカレンダーアプリは、角丸が多く使われている

iOS15のカレンダーアプリは、角丸が多く使われている
https://applech2.com/archives/20210921-ios15-wheel-timer-picker-is-back.htmlより引用

キキの中にいるからこそ、ブーバが目立つ

iOSやAmazonのデザインが角丸になったことや、人に良い印象を与える丸みを帯びたボタンはクリックされやすい。という神話を鵜呑みにしてすべてのボタンを角丸にするのは危険である。

丸みを帯びたボタンが目立つのは、角張ったボタンの中にあるからだ。実際、Amazonでは購入に関するボタンのみが角丸になっている。人に良い印象を与えるからといって、角丸ボタンだらけにしてしまってはどれも目立たなくなってしまう。

角丸ボタンだらけだと、どのボタンを一番クリックしてもらいたいのかわからない

角丸ボタンだらけだと、どのボタンを一番クリックしてもらいたいのかわからない

関連用語

輪郭線バイアス

参考サイト

フリーランスのエンジニア。 2001年東京都立大学(現首都大学東京)経済学部卒業。独立系ソフトハウス(システム開発)、株式会社シンプレクス(金融機関向け取引システムの開発・運用)を経て2011年よりフリーランス。フリーランスになってからは、スマホアプリ、サーバーサイド(Java,Railsなど)と様々なプロジェクトで開発に携わる。現在は会社員時代にお世話になった企業様でRPAプロジェクトで開発を担当している。 ダイエットのためにランニングとヨガを5年ほど続けているが、どちらもガチになる一方で全く痩せないことが最近の悩み。

「UX用語」のカテゴリー