jeśli zależy ci na poprawie konwersji i sprzedaży na swojej stronie, musisz zadbać o kolor.
ludzie używali kolorów do komunikacji od tysiącleci, od najwcześniejszych malowideł jaskiniowych po dzisiejsze znaki uliczne. Kolor komunikuje się w sposób, w jaki słowa i obrazy nie są w stanie, a efektywne wykorzystanie koloru może być potężnym narzędziem dla każdej witryny.
dzisiaj dowiesz się, jak wykorzystać psychologię kolorów, aby Twoja strona była łatwiejsza w użyciu i generowała więcej konwersji i klientów.
po drodze poznamy trochę znaczenia różnych kolorów i kilka pułapek, na które musisz zwrócić uwagę, dołączając kolor do swojego projektu.
wskakujmy!
jak użyć koloru, aby poprawić użyteczność
zacznijmy od najprostszego sposobu użycia koloru na twojej stronie: popraw użyteczność.
Jeśli bieżąca strona jest myląca lub trudna w nawigacji, możesz dodać kilka bitów koloru, aby ułatwić Ci pracę i poprawić wrażenia użytkownika.
zwłaszcza teraz, gdy większość ruchu w witrynie pochodzi z urządzeń mobilnych, mamy mniej miejsca na przekazywanie naszego komunikatu i musimy wyjaśnić wszystko tak jasno, jak to możliwe.
to tutaj kolor może wejść w grę.
używając odpowiedniego rodzaju kolorów we właściwy sposób, możemy zaoferować bogatsze, bardziej wydajne wrażenia użytkownika.
użyj kontrastu, aby kierować zachowaniem użytkownika
pierwszym krokiem jest użycie kontrastu, aby pokazać użytkownikom, co jest ważne w Twojej witrynie. Na przykład możesz mieć stronę, z której ludzie prawdopodobnie wyjdą. Możesz użyć kolorów, aby przyciągnąć czytelników i utrzymać ich zaangażowanie.
na przykład ta strona na blogu Crazy Egg używa tylko pogrubionych kolorów (Zielony i niebieski) dla linków.
oznacza to, że użytkownik jest przyciągany do podjęcia działań, takich jak zapisanie się do newslettera lub czytanie kolejnych artykułów. Kontrastujące kolory, takie jak ten, poprawiają wskaźniki zaangażowania.
możesz również użyć kontrastowych kolorów, aby wyróżnić nawigację lub oddzielne obszary witryny.
użyj bright vs. nudne kolory, aby poprowadzić użytkownika
Innym przydatnym narzędziem w świecie psychologii koloru jest użycie szarości lub tępych kolorów, aby wskazać nieprzygotowane lub wyłączone działania.
możesz to zobaczyć codziennie z przyciskami i opcjami, które są szare. Oczywiście oznacza to, że opcja nie jest pożądana.
możesz go również użyć do uproszczenia witryny. Uczyń mniej ważne elementy nawigacyjne szarymi i ukryj je na widoku.
użyj symboli w połączeniu z kolorami
symbole są idealnym partnerem dla kolorów. Są wszechstronne, proste i powinny być jasne i zrozumiałe.
chociaż kolor w większości przypadków ma więcej znaczenia niż typowy symbol, użycie ich razem po prostu sprawia, że rzeczy są jeszcze bardziej wyraźne.
jak używać kolorów do prowadzenia działań użytkownika
szanse są, twój jedyny cel witryny nie jest tylko taki, który jest łatwy w nawigacji. Prawdopodobnie masz również określone działania, które chcesz, aby użytkownicy podjęli, takie jak zapisanie się na listę e-mail, zakup produktu lub Prośba o wycenę.
jeśli tak, możesz użyć koloru, aby wpłynąć na decyzje zakupowe. Oto jak.
Użyj kolorów dodatnich i ujemnych
świetnym sposobem na to jest użycie kolorów dodatnich i ujemnych, aby wskazać opcję „poprawna” i „nieprawidłowa”.
społeczeństwo i Natura tak głęboko przeniknęły czerwień i zieleń do naszej podświadomości, że żadne inne dwa kolory nie mają tak przeciwstawnych znaczeń.
jednym z najbardziej oczywistych przykładów tego połączenia jest międzynarodowy kod kolorów w standardowych światłach.
widzimy zielony jako pozytywny, progresywny kolor, więc słowa takie jak go, yes, good, accept i up all mogą być związane z kolorem zielonym.
czerwony oznacza przeciwieństwo Zielonego, ze słowami takimi jak stop, no, bad, reject i down. Czerwony ma negatywne lub niebezpieczne znaczenie i zwiększa częstość akcji serca i wskazuje na pilność.
świetny sposób na użycie czerwonego I Zielonego to podstawowe działania, takie jak dodawanie i usuwanie lub zwracanie uwagi na ustawienie.
nawet LinkedIn, który ma paletę kolorów prawie całkowicie niebieską, używa Zielonego do wskazania Włącz ustawienia, a czerwonego do wyświetlania powiadomień.
szybko zauważysz inne przykłady w sieci.
Start, create, post I new są często zaznaczone na Zielono, z czerwonymi akcjami takimi jak end, delete, disconnect i cancel.
używaj jasnych, ciepłych kolorów do zwracania uwagi i alertów
nie ma powodu, dla którego powiadomienia na telefonie, na Facebooku i prawie każdej platformie są czerwone—działają!
jasne, ciepłe kolory, takie jak czerwony, pomarańczowy i żółty, są najlepsze dla uwagi i alertów. Pomarańczowy jest szczególnym ulubionym, aby wskazać emocje lub wezwanie do działania.
jeśli połączysz jasny kolor z potężnym symbolem, możesz sprawić, że wiadomość będzie jeszcze bardziej skuteczna.
na przykład używam pomarańczowego symbolu ostrzegawczego na mojej stronie, aby zwrócić uwagę na moje webinarium SEO.
gdyby ten symbol był niebieski lub zielony, po prostu nie miałby tego samego efektu. Jeśli chcesz zwrócić gdzieś uwagę czytelnika, użyj jasnego koloru w ten sposób.
Użyj koloru szarego dla mniej pożądanych opcji
istnieje dodatkowy kolor w relacji pozytyw/negatyw. To szary-neutralny, środkowy kolor. To świetny kolor akcentu, którego możesz użyć, aby odwrócić uwagę od drugiej opcji.
na przykład ta strona opt-in na Ambasadha Athletics używa szarości, aby zwrócić uwagę na przycisk rejestracji.
poza tym zauważysz, że używa pomarańczy, aby przyciągnąć wzrok gościa i zwrócić uwagę na ” heck yeah!”formularz subskrypcji newslettera.
podsumowanie
jeśli poważnie myślisz o ulepszeniu swojej witryny, musisz dokładnie przyjrzeć się tym, co reprezentują kolory, których używasz.
nie patrząc na kolory, których używasz, możesz zniechęcać klientów do działań o coś, co jest ważne, lub przez przypadek skupić się na czymś. Używając i rozumiejąc znaczenie kolorów, możesz poprawić przepływ użytkowników i zwiększyć konwersje.
aby rozpocząć, spójrz na wszelkie problemy, które użytkownicy wydają się mieć na twojej stronie. Jak użyć koloru, aby wyróżnić wspólne działania, utrzymać zaangażowanie ludzi na stronie lub poprawić nawigację?
następnie będziesz chciał sprawdzić przepływ użytkownika. Kolory dodatnie i ujemne, takie jak czerwony i zielony, mogą wskazywać preferowaną akcję. Wyciszone kolory, takie jak szary, mogą wyświetlać wyłączoną opcję. Jasne kolory, takie jak czerwony, żółty i pomarańczowy, mogą przyciągnąć uwagę gościa.
połączenie tych kolorów może prowadzić do zachowania użytkownika i poprawić konwersje.
jakich kolorów użyjesz, aby poprawić swoją stronę?
Zwiększ swój ruch