Statystyki koloru witryny: Jaki jest najlepszy kolor dla witryn?

Kolor to jeden z najważniejszych elementów wizualnych projektowania stron internetowych. Może wpływać na wszystko, od współczynnika konwersji po sposób, w jaki odwiedzający postrzegają Twoją markę.

Oczywiste jest zatem, że musisz odpowiednio ustawić kolorystykę swojej witryny. Ale jakich kolorów powinieneś użyć? A jak możesz je efektywnie wykorzystać?

W tym podsumowaniu statystyk kolorów witryn podzielimy się pewnymi pouczającymi danymi, które pomogą 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 witryny i nie tylko.

Gotowy? Zacznijmy!

Jaki jest najlepszy kolor dla strony internetowej?

Nie ma obiektywnego konsensusu co do najlepszego koloru dla witryny, 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 preferuje na stronach internetowych.

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

Jakie kolory preferują odwiedzający witrynę?

46% konsumentów woli, gdy firmy używają koloru niebieskiego na swoich stronach internetowych, co czyni go najchętniej wybieranym kolorem wśród odwiedzających witrynę.

Jak zobaczymy później, preferencja ta jest zgodna z ogólnymi preferencjami kolorystycznymi na całym świecie.

I prawdopodobnie ma to związek 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, do których często dążą witryny marki. Ale o tych skojarzeniach kolorystycznych porozmawiamy później.

Zielony był drugim najbardziej preferowanym kolorem strony internetowej z 30% głosów, a czerwony zajął trzecie miejsce z 22%.

Ciekawe statystyki kolorystyczne strony:

• 22% konsumentów, którzy odwiedzają stronę po raz pierwszy, będzie szukało przyciągających wzrok kolorów
• Ale 21% konsumentów opuści strony w dziwacznych kolorach
• 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?

Żółty to kolor, którego konsumenci nie lubią najbardziej na stronach internetowych, a 23% ankietowanych uważa, że ​​firmy nie powinny używać go w swoich projektach witryn internetowych. Orange i Purple uplasowali się na drugim miejscu, a 22% stwierdziło, że to ich najmniej ulubiony kolor strony internetowej.

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

Preferencje kolorystyczne witryny według danych demograficznych

Preferencje kolorystyczne witryny 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 nie lubią najbardziej na stronach internetowych, również wydaje się różnić w zależności od płci. Kobiety bardziej nie lubią żółtego, a mężczyźni bardziej pomarańczowego.

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

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

• 43% osób w wieku od 18 do 24 lat lubi fiolet na stronach internetowych, ale tylko 17% osób w wieku 44-54 czuje to samo

Jaka kolorystyka jest najlepsza dla strony internetowej?

Większość witryn zawiera nie tylko jeden kolor — używa kilku. Kombinacja kolorów, których używasz razem w swojej witrynie, to Twój schemat kolorów i bardzo ważne jest, aby było to właściwe.

Według danych, oto, jakie schematy kolorów większość konsumentów uważa za najlepszy wybór dla stron internetowych:

• 26% konsumentów preferuje podstawowe schematy kolorystyczne . Schematy kolorów podstawowych wykorzystują kolory podstawowe: czerwony, żółty i niebieski.
• 21% konsumentów preferuje dopełniające się schematy 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 fioletem 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 CTA i przyciski kupowania. Pomaga to zapobiegać bałaganowi i zaśmieceniu strony internetowej.

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

Statystyki popularności kolorów

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

Jaki jest ulubiony kolor na świecie?

Badanie przeprowadzone przez Joe Hallocka wykazało, że niebieski i zielony to nie tylko najczęściej wybierane kolory stron internetowych, ale także ulubione kolory na całym świecie.

42% ankietowanych stwierdziło, że niebieski był ich ulubionym kolorem, co czyni go najlepszym wyborem. Zielony i fioletowy były drugimi ulubionymi kolorami na świecie z 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 wybierany 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, niezależnie od wieku i płci.

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

Jednak globalna ankieta Colorcom przyniosła nieco inne wyniki. Według ich danych żółty jest najczęstszym najmniej ulubionym kolorem.

Najpopularniejsze kolory według płci

Podobnie jak w przypadku kolorów witryn internetowych, ulubione kolory użytkowników 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, jakie posiadamy.

Top 10 ulubionych kolorów (kobiet):

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%

Co ciekawe, podczas gdy obie płci są jak 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 to najmniej.

Najmniej lubiane kolory według płci

Następnie przyjrzyjmy się rozkładowi odsetka respondentów obu płci, którzy stwierdzili, że określony kolor jest ich najmniej ulubionym według tego samego badania:

Najczęstsze najmniej ulubione 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%

Znowu 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 Hallock ¹

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, tym niższa preferencja dla zieleni.

W przypadku fioletu jest odwrotnie: młodsi ludzie lubią go mniej, 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 najmniej lubiany kolor przez respondentów w starszych grupach wiekowych.

Brąz 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. To elementy, na które klienci powinni zwrócić uwagę i kliknąć.

W związku z tym przeprowadzono wiele badań i testów, które miały na celu ustalenie, jaki jest najlepszy kolor wezwania do działania. Oto, co pokazują statystyki:

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

Prostym wnioskiem z tego jest to, że czerwony jest najlepszy – ale byłoby to nadmierne uproszczenie.

Prawda jest taka, że ​​nie ma najlepszego koloru 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, że Twoje przyciski wyróżniają się spośród innych kolorów na Twojej stronie. Jeśli głównym kolorem Twojej witryny jest zielony, zielone przyciski prawdopodobnie nie przyciągną uwagi użytkownika tak bardzo jak czerwone. Ale jeśli głównym kolorem Twojej witryny jest czerwony, zielone przyciski mogą działać dobrze.

Źródła: Hubspot, CXL

Dlaczego kolor strony jest ważny?

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

Czy kolor strony ma znaczenie?

39% ankietowanych konsumentów stwierdziło, że kolor to element wizualny, który najbardziej cenią na stronach firmowych. To sprawia, że ​​jest to drugi w kolejności element wizualny, który konsumenci doceniają, tuż za zdjęciami/obrazami (40%).

42% kupujących swoją opinię o witrynie internetowej opiera wyłącznie na projekcie (w tym na kolorze).

Wśród kupujących, którzy nie wracają na stronę, w 52% przypadków sprowadzają się do elementów estetycznych (w tym koloru).

Inne statystyki dotyczące znaczenia koloru

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

• Około 62-90% wstępnej oceny produktów przez konsumenta opiera się na samym kolorze.
• Kolor może zwiększyć rozpoznawalność marki nawet o 80%
• 90% osób uważa, że ​​kolory mogą pomóc przyciągnąć nowych klientów
• 83% uważa, że ​​kolor sprawia, że ​​wydają się bardziej skuteczne
• 81% uważa, że ​​kolor daje im przewagę nad konkurencją
• 90% uważa, że ​​konsumenci lepiej zapamiętują prezentacje, gdy używa się koloru
• Czytelnicy zauważają reklamy pełnokolorowe 26% częściej niż reklamy czarno-białe. Badanie, które wykazało to, dotyczyło w szczególności reklam w czasopismach, ale ta sama zasada może dotyczyć reklam w witrynach internetowych.

Źródła: Colorcom ² , Top Design Firms ¹ , ResearchGate, Neil Patel, Kissmetrics

Skojarzenia kolorystyczne

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

Podczas projektowania witryny ważne jest, aby pamiętać o powszechnych skojarzeniach kolorystycznych, ponieważ wpłynie to na postrzeganie marki przez odwiedzających witrynę. Powinieneś spróbować wybrać kolory, które odzwierciedlają osobowość Twojej marki i wywołują pożądane reakcje emocjonalne.

Mając to na uwadze, oto kilka statystyk dotyczących kolorów witryny, które pokazują, z czym każdy kolor jest najczęściej kojarzony, zgodnie z badaniem 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ży powód, dla którego niebieski jest tak popularnym kolorem witryny.

21% respondentów kojarzy zaufanie z kolorem białym, co czyni go drugim najczęściej wybieranym kolorem. Jest tak prawdopodobnie dlatego, że (a może dlaczego) biel jest używana w miejscach takich jak szpitale i fartuchy laboratoryjne lekarzy.

Kolor pomarańczowy był najmniej wiarygodnym kolorem zidentyfikowanym w badaniu. Tylko 1% respondentów kojarzyło to z zaufaniem.

Bezpieczeństwo

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

Prędkość

Czerwony to kolor najczęściej kojarzony z prędkością na poziomie 76%. Jest to prawdopodobnie spowodowane ukrytym efektem energetyzującym Red i jego powiązaniami z intensywnością, wściekłością i zaciekłością. Żółty był na odległym drugim miejscu z wynikiem 7%.

Może to sprawić, że kolor czerwony będzie dobrym wyborem do stworzenia poczucia pilności w Twojej witrynie. Możesz na przykład użyć go do wyróżnienia ofert, na które liczy się czas.

Tanie/niedrogie

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

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

Co ciekawe, skojarzenia z taniością wydają się ściśle korelować z preferencjami kolorystycznymi. Brązowy, żółty i pomarańczowy to najmniej lubiane przez konsumentów kolory, które najczęściej kojarzą się ze słowem „tanie”.

Wysoka jakość

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

Niebieski kojarzył się z wysoką jakością na drugim miejscu najczęściej wybieranym przez 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 wysoką technologią. Na drugim miejscu znalazła się szara, którą wybrało 23% respondentów.

Strach

41% uczestników kojarzyło czerwień ze strachem lub przerażeniem. Czarny był blisko drugi z 38%. Jeśli pracujesz nad witryną o tematyce horroru, czarny i czerwony to oczywisty wybór.

Co ciekawe, żaden z badanych nie kojarzył koloru niebieskiego ze strachem, co ponownie pokazuje, jak godny zaufania i uspokajający jest postrzegany kolor.

Zabawa

28% osób stwierdziło, że kolor pomarańczowy to kolor, który najbardziej kojarzy im się z zabawą. Żółty był blisko drugi z wynikiem 26%. Popularnym wyborem były również fiolety (17%) i czerwone (16%).

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

Odwaga

29% respondentów stwierdziło, że fiolet kojarzy mu się z odwagą i walecznością. Czerwony był blisko drugi z 28%, a niebieski z 22%.

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

Skojarzenia kolorystyczne strony internetowej według Joe Hallock

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

• Niebieski – zaufanie, bezpieczeństwo
• Czerwony – szybkość, strach
• Pomarańczowy – tanio, fajnie
• Czarny – wysoka jakość, zaawansowana technologia
• Fioletowy – waleczność

Skojarzenia kolorystyczne stron internetowych według Colorcom

W Global Color Survey przeprowadzonym przez Colorcom zapytano również respondentów o skojarzenia kolorów. Oto najczęstsze skojarzenia dla każdego koloru według ich danych:

• Żół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ść
• Zgaszony żółty – nudności
• Biały – bóstwo
• Czarny – pech

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

Statystyki kolorów logo strony internetowej

Twoje logo jest kolejnym kluczowym elementem wizualnym na Twojej stronie. Oto kilka statystyk dotyczących kolorów witryny, które odnoszą się konkretnie do logo.

Znaczenie koloru w logotypach stron internetowych

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

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

Najpopularniejsze kolory logo witryny

Czarny to najpopularniejszy kolor brandingowy wśród najlepszych marek. Jest używany w logotypach 34% 100 najlepszych światowych marek.

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

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

Źródło: Uruchom ponownie online

Ile jest kolorów?

Nikt nie może się zgodzić, ile dokładnie kolorów jest, ale najlepszą odpowiedzią, jaką możemy dać, jest 10 milionów.

To maksymalna liczba kolorów, jakie może dostrzec ludzkie oko, 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 odcieni czerwono-zielonych i 100 różnych 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

To kończy nasze podsumowanie statystyk kolorów witryny.

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

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

Jeśli chcesz dowiedzieć się jeszcze więcej o tym, jak wygląda dobre projektowanie stron internetowych, zobacz nasze ostatnie zestawienie statystyk projektowania stron internetowych.

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

Powodzenia!