Jaki jest najlepszy kolor dla stron internetowych?

Kolor jest jednym z najważniejszych wizualnych elementów projektu strony internetowej. Może wpływać na wszystko, od współczynnika konwersji po sposób, w jaki odwiedzający postrzegają Twoją markę.

Jest więc rzeczą oczywistą, że musisz odpowiednio dobrać kolorystykę witryny. Ale jakich kolorów użyć? I jak je efektywnie wykorzystać?

W tym podsumowaniu statystyk dotyczących kolorów witryn internetowych udostępnimy kilka interesujących danych, które mogą pomóc odpowiedzieć na te pytania.

Poniższe statystyki rzucą więcej światła na to, jak ważny jest kolor, pokażą, jak różne segmenty konsumentów reagują na różne kolory stron internetowych i nie tylko.

Gotowy? Zacznijmy!

Jaki jest najlepszy kolor strony internetowej?

Nie ma obiektywnego konsensusu co do tego, jaki kolor jest najlepszy dla strony internetowej, ponieważ wszystko zależy od charakteru Twojej marki i rynku docelowego. Jednak niebieski i zielony wydają się być bezpiecznym wyborem, ponieważ są to kolory, które większość klientów woli oglądać na stronach internetowych.

Ogólnie rzecz biorąc, konsumenci wydają się również preferować kolory chłodniejsze od cieplejszych.

Jakie kolory preferują odwiedzający witrynę?

46% konsumentów woli, gdy firmy używają koloru niebieskiego na swoich stronach internetowych, co sprawia, że ​​jest to kolor najczęściej wybierany przez odwiedzających.

Jak zobaczymy później, preferencje te pokrywają się z ogólnymi preferencjami kolorystycznymi na całym świecie.

I prawdopodobnie ma to coś wspólnego ze sposobem, w jaki postrzegamy kolor niebieski. Często jest postrzegany jako niegroźny kolor, który jest uspokajający, bezpieczny i profesjonalny — trzy cechy, którymi często starają się być strony internetowe marek. Ale o tych skojarzeniach kolorów porozmawiamy później.

Zielony był drugim najczęściej wybieranym kolorem strony internetowej z 30% głosów, a czerwony zajął trzecie miejsce z wynikiem 22%.

Ciekawe statystyki kolorystyczne strony:

• 22% konsumentów, którzy po raz pierwszy odwiedzają stronę internetową, będzie szukać przyciągających wzrok kolorów
• Ale 21% konsumentów opuści strony internetowe, które mają dziwaczne kolory
• 19% ludzi kojarzy chłodne kolory z pozytywnymi reakcjami emocjonalnymi, w porównaniu z zaledwie 14% w przypadku ciepłych kolorów.

Jaki jest najgorszy kolor strony internetowej?

Żółty to kolor, którego konsumenci najbardziej nie lubią na stronach internetowych, a 23% ankietowanych uważa, że ​​firmy nie powinny go używać w swoich witrynach. Pomarańczowy i fioletowy były na drugim miejscu, a 22% stwierdziło, że jest to ich najmniej ulubiony kolor na stronie internetowej.

To powiedziawszy, nie ma obiektywnie „najgorszego koloru strony internetowej”. Powyższe statystyki dotyczące kolorów witryn internetowych informują nas, które kolory witryn internetowych nie podobają się konsumentom, ale to nie znaczy, że nie są one właściwym wyborem dla Ciebie. Wszystko zależy od czynników, takich jak osobowość Twojej marki i grupa docelowa.

Preferencje kolorów witryny według danych demograficznych

Preferencje dotyczące kolorów stron internetowych różnią się w zależności od płci. Wydaje się, że zarówno mężczyźni, jak i kobiety mają słabość do niebieskiego i zielonego, ale kobiety szczególnie je lubią:

• 50% kobiet woli widzieć kolor niebieski na stronach internetowych, w porównaniu do 45% mężczyzn
• 34% kobiet woli widzieć kolor zielony na stronach internetowych, w porównaniu do 30% mężczyzn

Podobnie kolor, którego ludzie najbardziej nie lubią na stronach internetowych, również wydaje się różnić w zależności od płci. Kobiety bardziej nie lubią żółtego, podczas gdy mężczyźni bardziej nie lubią pomarańczowego.

• 26% kobiet uważa, że ​​firmy nie powinny używać koloru żółtego na swoich stronach internetowych
• 23% mężczyzn uważa, że ​​firmy nie powinny używać koloru pomarańczowego na swoich stronach internetowych

Preferencje dotyczące kolorów również wydają się różnić w zależności od wieku:

• 43% osób w wieku od 18 do 24 lat lubi kolor fioletowy na stronach internetowych, ale tylko 17% osób w wieku od 44 do 54 lat uważa to samo

Jaka kolorystyka jest najlepsza dla strony internetowej?

Większość witryn nie zawiera tylko jednego koloru — używa ich kilku. Kombinacja kolorów, których używasz razem w swojej witrynie, to Twój schemat kolorów i bardzo ważne jest, aby zrobić to dobrze.

Zgodnie z danymi, oto schematy kolorów, które większość konsumentów uważa za najlepszy wybór dla stron internetowych:

• 26% konsumentów preferuje schematy kolorów podstawowych . Schematy kolorów podstawowych wykorzystują kolory podstawowe: czerwony, żółty i niebieski.
• 21% konsumentów preferuje uzupełniające się zestawienia kolorystyczne . Uzupełniające schematy kolorów wykorzystują dwa kolory, które znajdują się naprzeciwko siebie na kole kolorów, takie jak niebieski i pomarańczowy lub czerwony i zielony. Jeden jest kolorem dominującym, a drugi kolorem akcentującym.
• 20% konsumentów preferuje analogiczną kolorystykę. Analogiczne schematy kolorów wykorzystują kolory umieszczone obok siebie na kole kolorów, takie jak czerwony z fioletowym i czerwono-fioletowym lub żółty z zielonym i żółto-zielonym.

Jak ważna jest biała przestrzeń?

Tylko 8% konsumentów zauważa białą przestrzeń podczas przeglądania stron internetowych po raz pierwszy, dlatego biała przestrzeń jest tak ważna w projektowaniu stron internetowych.

Pomaga stworzyć przestrzeń między elementami, dzięki czemu możesz skierować uwagę odwiedzających na to, co najważniejsze, takie jak wezwania do działania i przyciski zakupu. I pomaga zapobiegać bałaganowi i zagraceniu strony internetowej.

Źródła: Najlepsze firmy projektowe ¹ , najlepsze firmy projektowe ²

Statystyki popularności kolorów

Przyjrzeliśmy się, jakie są ulubione kolory witryn internetowych konsumentów — ale co z ich ulubionymi kolorami w ogóle? Dowiedzmy Się.

Jaki jest ulubiony kolor świata?

Badanie przeprowadzone przez Joe Hallocka wykazało, że oprócz tego, że są najczęściej wybieranymi kolorami stron internetowych, niebieski i zielony są również ulubionymi kolorami na całym świecie.

42% ankietowanych stwierdziło, że niebieski jest ich ulubionym kolorem, co czyni go najczęściej wybieranym. Zielony i fioletowy były drugimi ulubionymi kolorami na świecie, zdobywając po 14% głosów.

Ta statystyka jest poparta danymi z Global Color Survey firmy Colorcom. Wyniki ankiety przeprowadzonej wśród ponad 300 000 osób wykazały również, że niebieski był najczęściej wybieranym przez uczestników jako ich ulubiony kolor.

Jaki jest najmniej ulubiony kolor na świecie?

Według tej samej ankiety przeprowadzonej przez Joe Hallocka, pomarańczowy jest najmniej ulubionym kolorem większości ludzi w każdym wieku i niezależnie od płci.

30% osób stwierdziło, że najbardziej nie lubi pomarańczy, 23% stwierdziło, że brązowy (drugi najmniej lubiany kolor na świecie), a 13% stwierdziło, że fioletowy (trzeci najmniej lubiany kolor na świecie).

Jednak globalna ankieta firmy Colorcom dała nieco inne wyniki. Według ich danych, żółty jest najczęściej najmniej lubianym kolorem.

Najpopularniejsze kolory według płci

Podobnie jak w przypadku kolorów na stronach internetowych, ulubione kolory ludzi różnią się w zależności od płci i wieku.

Poniżej znajdziesz zestawienie odsetka osób obojga płci, które stwierdziły, że dany kolor jest ich ulubionym, zgodnie z najlepszymi danymi, jakimi dysponujemy.

Top 10 ulubionych kolorów (kobiety):

1. niebieski – 35%
2. Fioletowy – 23%
3. Zielony – 14%
4. Czerwony – 9%
5. Czarny – 6%
6. Pomarańczowy – 5%
7. Żółty – 3%
8. Brązowy – 3%
9. Biały – 1%
10. Szary – 1%

Top 10 ulubionych kolorów (mężczyźni):

1. niebieski – 57%
2. Zielony – 14%
3. Czarny – 9%
4. Czerwony – 7%
5. Pomarańczowy – 5%
6. Szary – 3%
7. Biały – 2%
8. Brązowy – 2%
9. Żółty – 1%
10. Fioletowy – 0%

Interesujące jest to, że chociaż obie płcie lubią niebieski i zielony, istnieje wyraźna różnica w zamiłowaniu do fioletu. Wśród kobiet to drugi najpopularniejszy kolor. Ale u mężczyzn najmniej.

Najmniej lubiane kolory według płci

Następnie spójrzmy na zestawienie odsetka respondentów obojga płci, którzy według tego samego badania określili określony kolor jako najmniej lubiany:

Najczęstsze najmniej lubiane kolory (kobiety):

1. Pomarańczowy – 33%
2. Brązowy – 20%
3. Szary – 17%
4. Żółty – 13%
5. Fioletowy – 8%
6. Zielony – 6%
7. Biały – 3%

Najczęstsze najmniej ulubione kolory (mężczyźni):

1. Brązowy – 27%
2. Fioletowy – 22%
3. Pomarańczowy – 22%
4. Żółty – 13%
5. Biały – 5%
6. Szary – 5%
7. Zielony – 2%
8. Czerwony 2%
9. Czarny – 1%
10. niebieski – 1%

Ponownie, jest tu kilka interesujących podobieństw i różnic. Wydaje się, że obie płcie nie lubią koloru brązowego i pomarańczowego, ale mężczyźni znacznie częściej twierdzą, że ich najmniej ulubionym kolorem jest fioletowy.

Źródła: Colorcom ¹ , Joe Hallocka ¹

Czy preferencje kolorystyczne zależą od wieku?

Tak, preferencje kolorystyczne wydają się zależeć od wieku. Niebieski jest ulubionym kolorem na świecie od pokoleń, ale co ciekawe, statystyki pokazują, że im młodsza grupa wiekowa, tym wyższa preferencja dla zieleni, a im starsza grupa wiekowa, tym niższa preferencja dla zieleni.

W przypadku fioletu sytuacja jest odwrotna: młodsi ludzie mniej go lubią, a starsi bardziej.

Podobnie, pomarańczowy i żółty wydają się być mniej popularne wśród starszych konsumentów. Kolory te są częściej wymieniane jako kolor najmniej lubiany przez respondentów ze starszych grup wiekowych.

Brązowy jest częściej wymieniany jako najmniej ulubiony kolor przez młodsze grupy wiekowe.

Jaki jest najlepszy kolor przycisków wezwania do działania?

Spośród wszystkich elementów w Twojej witrynie przyciski wezwania do działania (CTA) są prawdopodobnie najważniejsze. Są to elementy, na które Twoi klienci powinni zwracać uwagę i klikać.

W związku z tym przeprowadzono wiele badań i testów, aby dowiedzieć się, jaki kolor jest najlepszy dla wezwań do działania. Oto, co pokazują statystyki:

• W teście porównawczym przeprowadzonym przez Hubspot na stronie Performable czerwone przyciski znacznie przewyższały zielone i wygenerowały o 21% więcej kliknięć.
• Inne testy wykazały podobne wyniki. Na przykład firma Dmix odkryła, że ​​przejście na czerwony przycisk zwiększyło współczynniki konwersji o 34%.
• Podczas gdy większość badań koncentruje się na czerwonych i zielonych przyciskach (ponieważ są one najbardziej popularne), niektóre porównują inne kolory. W jednym z takich badań porównano niebieskie i pomarańczowe przyciski i stwierdzono, że niebieski był lepszy od pomarańczowego o 9%.

Łatwym wnioskiem z tego jest to, że czerwony jest najlepszy - ale byłoby to nadmiernym uproszczeniem.

Prawda jest taka, że ​​nie ma najlepszego koloru dla przycisku wezwania do działania. Różni się to w zależności od przypadku i nie ma jednego uniwersalnego podejścia.

Najważniejszym czynnikiem wydaje się być to, aby Twoje przyciski wyróżniały się spośród innych kolorów na Twojej stronie internetowej. Jeśli głównym kolorem Twojej witryny jest zielony, zielone przyciski prawdopodobnie nie przyciągną uwagi użytkownika tak bardzo, jak czerwony. Ale jeśli podstawowym kolorem Twojej witryny jest czerwony, zielone przyciski mogą działać dobrze.

Źródła: Hubspot, CXL

Dlaczego kolor strony internetowej jest ważny?

Następnie przyjrzyjmy się statystykom witryn, które mówią nam więcej o znaczeniu koloru w projektowaniu stron internetowych.

Czy kolor strony internetowej ma znaczenie?

39% ankietowanych konsumentów stwierdziło, że kolor jest elementem wizualnym, który najbardziej cenią na stronach firmowych. To sprawia, że ​​jest to drugi najbardziej doceniany przez konsumentów element wizualny, zaraz za zdjęciami/obrazami (40%).

42% kupujących opiera swoją opinię na temat strony internetowej wyłącznie na podstawie projektu (w tym koloru).

Wśród kupujących, którzy nie wracają na stronę internetową, w 52% przypadków jest to spowodowane elementami estetycznymi (w tym kolorem).

Inne statystyki dotyczące znaczenia koloru

Kolory są ważne nie tylko w witrynie — są ważne we wszystkich materiałach związanych z marką, od projektu produktu po logo marki i nie tylko. Dlatego:

• Około 62-90% wstępnej oceny produktów przez konsumentów opiera się wyłącznie na kolorze.
• Kolor może zwiększyć rozpoznawalność marki nawet o 80%
• 90% ludzi uważa, że ​​kolory mogą pomóc przyciągnąć nowych klientów
• 83% uważa, że ​​kolor sprawia, że ​​odnoszą większe sukcesy
• 81% uważa, że ​​kolor daje im przewagę nad konkurencją
• 90% uważa, że ​​konsumenci lepiej zapamiętują prezentacje, gdy używany jest kolor
• Czytelnicy zauważają reklamy pełnokolorowe o 26% częściej niż reklamy czarno-białe. Badanie, które to wykazało, dotyczyło w szczególności reklam w czasopismach, ale ta sama zasada może obowiązywać w przypadku reklam internetowych.

Źródła: Colorcom ² , najlepsze firmy projektowe ¹ , ResearchGate, Neil Patel, Kissmetrics

Skojarzenia kolorów

Badania pokazują, że ludzie wydają się mieć określone skojarzenia z określonymi kolorami. Niektóre z nich wydają się być wrodzonymi, biologicznymi skojarzeniami, podczas gdy inne są napędzane kulturowo.

Podczas projektowania witryny należy pamiętać o typowych skojarzeniach kolorystycznych, ponieważ wpłynie to na sposób postrzegania Twojej marki przez odwiedzających witrynę. Powinieneś spróbować wybrać kolory, które reprezentują osobowość Twojej marki i wywołują emocjonalne reakcje, do których dążysz.

Mając to na uwadze, oto kilka statystyk dotyczących kolorów w witrynie, które pokazują, z czym każdy kolor jest najczęściej kojarzony, zgodnie z badaniem przeprowadzonym przez Joe Hallocka.

Zaufanie

Niebieski to kolor strony internetowej najczęściej kojarzony z zaufaniem. 34% ankietowanych stwierdziło, że myśli o zaufaniu, myśli o kolorze niebieskim. Jest to prawdopodobnie duża część powodu, dla którego niebieski jest tak popularnym kolorem na stronach internetowych.

21% respondentów kojarzy zaufanie z kolorem białym, co plasuje go na drugim miejscu. Jest tak prawdopodobnie dlatego, że (a może dlatego) kolor biały jest używany w miejscach takich jak szpitale i w fartuchach lekarskich.

Pomarańczowy był najmniej godnym zaufania kolorem zidentyfikowanym w badaniu. Tylko 1% respondentów kojarzyło to z zaufaniem.

Bezpieczeństwo

Niebieski to także kolor strony internetowej, który jest najczęściej kojarzony z bezpieczeństwem, zdobywając 28% głosów. Nie jest to zaskakujące, biorąc pod uwagę, że bezpieczeństwo i zaufanie są semantycznie ściśle powiązane. Czarny był również często kojarzony z bezpieczeństwem na poziomie 16%. Pomarańczowy ponownie znalazł się na dole listy z 2% głosów.

Prędkość

Czerwony to kolor najczęściej kojarzony z szybkością 76%. Jest to prawdopodobnie spowodowane energetyzującym efektem czerwieni i jej skojarzeniami z intensywnością, wściekłością i zaciekłością. Żółty był odległym drugim z wynikiem 7%.

Może to sprawić, że kolor czerwony będzie dobrym wyborem do tworzenia poczucia pilności w Twojej witrynie. Na przykład możesz go użyć do wyróżnienia ofert, które są ograniczone czasowo.

Tani/niedrogi

Pomarańczowy 26% uczestników kojarzył ze słowami tani/niedrogi. Żółty zajął drugie miejsce z 22% głosów, a brązowy był trzeci z 13%.

Kolor niebieski był najmniej kojarzony z taniością – wybrał go tylko 1% respondentów.

Interesujące jest to, że skojarzenie z taniością wydaje się być ściśle skorelowane z preferencjami kolorystycznymi. Brązowy, żółty i pomarańczowy to kolory najmniej lubiane przez konsumentów i najczęściej kojarzone ze słowem tanio.

Wysoka jakość

43% badanych osób czerń kojarzyła się z wysoką jakością. Możesz wykorzystać to skojarzenie z jakością, używając czerni w schematach kolorów swojej witryny.

Kolor niebieski kojarzony był z wysoką jakością na drugim miejscu – wybrało go 20% respondentów. Najrzadziej kojarzony z wysoką jakością był Orange, który otrzymał 0% głosów.

Zaawansowana technologia

Czarny (26%) i niebieski (23%) to także kolory najczęściej kojarzone z zaawansowaną technologią. Gray zajął drugie miejsce, ponieważ wybrało go 23% respondentów.

Strach

41% uczestników kojarzyło kolor czerwony ze strachem lub przerażeniem. Czarny był na drugim miejscu z wynikiem 38%. Jeśli pracujesz nad witryną o tematyce horroru, czerń i czerwień są oczywistymi wyborami.

Co ciekawe, żadnemu z respondentów kolor niebieski nie kojarzył się ze strachem, co ponownie pokazuje, jak godny zaufania i uspokajający jest postrzegany kolor.

Zabawa

28% osób stwierdziło, że pomarańczowy to kolor, który najbardziej kojarzy im się z zabawą. Żółty był na drugim miejscu z wynikiem 26%. Fioletowy (17%) i czerwony (16%) były również popularnymi wyborami.

To pokazuje, że pomimo tego, że są jednymi z najmniej lubianych kolorów na stronach internetowych, pomarańczowy i żółty mają swoje miejsce w projektowaniu stron internetowych. Mogą być skutecznym wyborem, jeśli próbujesz pozycjonować swoją markę lub produkt jako zabawny.

Odwaga

29% respondentów stwierdziło, że kolor fioletowy kojarzy im się z odwagą i walecznością. Czerwony był blisko drugiego z wynikiem 28%, a niebieski zajął trzecie miejsce z wynikiem 22%.

Jest to interesujące, ponieważ odwaga i męstwo są powszechnie uważane za bardziej męskie wartości, ale jak widzieliśmy wcześniej, niewielu mężczyzn lubi kolor fioletowy, pomimo skojarzeń z tymi cechami.

Skojarzenia kolorów stron internetowych według Joe Hallocka

Oto podsumowanie najważniejszych skojarzeń kolorystycznych według badania Joe Hallocka:

• Niebieski – zaufanie, bezpieczeństwo
• Czerwony – prędkość, strach
• Pomarańczowy – tanio, zabawnie
• Czarny – wysoka jakość, zaawansowana technologia
• Fioletowy – odwaga

Skojarzenia kolorów stron internetowych według Colorcom

W Global Color Survey firmy Colorcom zapytano również respondentów o skojarzenia kolorów. Oto najczęstsze skojarzenia dla każdego koloru zgodnie z ich danymi:

• Żółty – szczęście
• Biały – czystość
• Zielony – szczęście
• Czerwony – smaczny
• Ciemnoniebieski – godność
• Srebro – wysoka technologia
• Czerwony – seksapil
• Czarny – żałoba
• Złoto – drogie
• Brązowy – niedrogi
• Czerwony – potężny
• Niebieski – niezawodny
• Złoto – wysoka jakość
• Stłumiony żółty – mdłości
• Biały – bóstwo
• Czarny – pech

Źródła: Colorcom ¹ , Joe Hallock ²

Statystyki koloru logo strony internetowej

Twoje logo to kolejny kluczowy element wizualny w Twojej witrynie. Oto kilka statystyk dotyczących kolorów witryny, które odnoszą się konkretnie do logo.

Znaczenie koloru w logo stron internetowych

W teście przeprowadzonym przez Reboot Online 78% klientów było w stanie przypomnieć sobie podstawowy kolor logo, które im krótko pokazano, ale tylko 43% pamiętało nazwę.

Wniosek: kolory, których używasz w swoich zasobach marki (takich jak Twoja strona internetowa) są bardziej zapadające w pamięć – i prawdopodobnie ważniejsze – niż nawet nazwa Twojej marki.

Najpopularniejsze kolory logo strony internetowej

Czarny jest najpopularniejszym kolorem brandingowym wśród topowych marek. Jest używany w logo 34% ze 100 największych światowych marek.

Odsetek marek, które używają każdego koloru w swoim logo:

• 34% używa czerni
• 30% używa koloru niebieskiego
• 30% używa koloru czerwonego
• 9% używa koloru żółtego
• 7% używa koloru zielonego
• 6% używa koloru srebrnego/zielonego
• 5% używa pomarańczy
• 2% używa brązu

Źródło: Uruchom ponownie online

Ile jest kolorów?

Nikt nie może się zgodzić co do dokładnej liczby kolorów, ale najlepszą odpowiedzią, jaką możemy udzielić, jest 10 milionów.

To maksymalna liczba kolorów, które ludzkie oko może zobaczyć, ale jest nieskończenie więcej kolorów, których nie jesteśmy w stanie dostrzec.

Jeśli jesteś ciekawy, jak doszliśmy do liczby 10 milionów, to podstawowa matematyka. Ludzkie oko widzi 1000 odcieni światła. W tych odcieniach światła możemy wykryć 100 różnych poziomów odcieni czerwono-zielonych i 100 różnych poziomów odcieni żółto-niebieskich.

Pomnóż to wszystko razem (1000 x 100 x 100), a otrzymasz 10 milionów.

Oczywiście jest to trochę bardziej skomplikowane — to tylko krótkie, zbyt uproszczone wyjaśnienie

Końcowe przemyślenia

Na tym kończymy nasze zestawienie statystyk dotyczących kolorów stron internetowych.

Mamy nadzieję, że udało Ci się wydobyć z tych faktów i liczb kilka przydatnych spostrzeżeń, które pomogą Ci opracować strategię projektowania witryny.

Kluczowym wnioskiem jest to, że chociaż kolor jest wyraźnie ważny, nie ma dobrego lub złego sposobu wykorzystania go w witrynach internetowych. Właściwy wybór kolorów będzie zależał od osobowości Twojej marki, jej pozycjonowania i rynku docelowego.

Jeśli chcesz dowiedzieć się jeszcze więcej o tym, jak wygląda dobry projekt strony internetowej, zapoznaj się z naszym ostatnim zestawieniem statystyk dotyczących projektowania stron internetowych.

Lub, aby dowiedzieć się więcej o projektowaniu graficznym, sprawdź te oszałamiające statystyki dotyczące projektowania graficznego.

Powodzenia!