Jakie wzorce projektowe UX pomagają zwiększyć konwersję?

Wysoki ruch na stronie nie przekłada się od razu na konwersję. Do tego potrzebny jest jeszcze dobry user experience – oparty na konkretnych rozwiązaniach projektowych, które Twoi użytkownicy dobrze już znają. O najważniejszych design patterns, czyli dobrych praktykach w UX, piszemy poniżej. Zapraszamy do lektury!

Czym są wzorce projektowe UX?

Wzorce projektowe w UX to po prostu sprawdzone rozwiązania, które już działają na wielu stronach WWW, są chętnie wykorzystywane przez projektantów i konsekwentnie pomagają użytkownikom osiągać ich cele. 

Zamiast projektować od zera, większość UX designerów opiera się na co dzień w pracy na praktykach, które już wcześniej zostały zweryfikowane w realnych projektach. Tak jest nie tylko łatwiej i szybciej (choć to też ma duże znaczenie, jeśli zależy Ci na skróceniu procesu projektowego), ale przede wszystkim skuteczniej. Design patterns powstają na podstawie badań, testów A/B, map cieplnych, analiz ścieżek użytkownika i audytów. Nie opierają się na intuicji, a na tym, co już przynosi efekty. 

Zdj 1. Refero to bardzo ciekawa platforma do poszukiwania UX-owych inspiracji; znajdziesz tam wzorce z ponad 25 tysięcy przemyślanie zaprojektowanych stron.

Źródło: refero.design

Dobre wzorce, które działają – pięć podstawowych UX design patterns

1. Jeden główny cel = jedno wyraźne CTA

Nie zmuszaj użytkownika do podejmowania decyzji, których nie musi podejmować. Im mniej rozproszeń, tym większa szansa, że zrobi to, czego od niego oczekujesz. Klasyczny wzorzec mówi jasno: jedna strona – jeden cel – jedno wezwanie do działania (CTA). Zamiast przycisków rozjeżdżających się po całym ekranie, lepiej postawić na jedno, mocne CTA – najlepiej widoczne od razu, bez przewijania strony. Im mniej opcji, tym mniej wątpliwości.

2. Interfejs projektowany pod naturalny sposób skanowania treści 

Użytkownicy nie czytają wszystkich treści – a raczej je skanują. I robią to w przewidywalny sposób: 

• F-pattern to wzorzec typowy dla stron content-heavy – jak blogi czy sklepy internetowe. Użytkownicy skanują stronę w kształcie litery F: najpierw poziomo przez górną część (nagłówki), potem niżej (np. śródtytuły), a na końcu wzdłuż lewej krawędzi.
• Z kolei Z-pattern to układ stosowany na stronach o bardziej wizualnym charakterze, np. landing page’ach i stronach startowych. Wzrok użytkownika porusza się tu w kształcie litery Z: od lewego górnego rogu, przez górną część strony, po prawej (np. logo i CTA), potem po przekątnej w dół – i znów poziomo do prawego dolnego rogu.

3. Social proof, czyli społeczny dowód słuszności

Każdy chce podejmować dobre decyzje – i w tym celu często kierujemy się tym, co już zrobili inni. To tzw. społeczny dowód słuszności; bardzo podstawowe zjawisko w psychologii społecznej. 

W UX też da się je wykorzystać: wystarczy umieścić w widocznych miejscach opinie, recenzje, liczby zadowolonych klientów, logotypy znanych marek, z którymi współpracujesz. 

4. Mikrointerakcje – małe gesty o dużym znaczeniu

Często to detale robią różnicę. Mikrointerakcje – czyli drobne reakcje systemu na działania użytkownika – dają natychmiastowy feedback i sprawiają, że interfejs staje się bardziej ludzki, organiczny. Potwierdzenie dodania produktu do koszyka, animacja ładowania, delikatny „klik” przy przejściu do kolejnego kroku mogą być bardzo subtelne, ale dają użytkownikowi poczucie pewności, że wykonana przez niego akcja zakończyła się powodzeniem. 

5. Redukcja niepewności – użytkownik musi wiedzieć, co się dzieje

Skoro o pewności mowa; każda bariera poznawcza, każda wątpliwość, zwiększa ryzyko, że użytkownik zrezygnuje z podjęcia działania i porzuci stronę. Dobry UX powinien rozwiewać te wątpliwości. Dlatego warto stosować rozwiązania, które przewidują pytania użytkownika: „Co się stanie po kliknięciu?”, „Ile to potrwa?”, „Czy mogę się wycofać?”

Chodzi tu o bardzo proste elementy: jasne informacje o czasie dostawy, polityce zwrotów, dostępnych metodach płatności, nawet o liczbie kroków w checkout’cie – to wszystko ogranicza niepewność po stronie klienta. 

Jeżeli dopiero zaczynasz zajmować się UX – warto nauczyć się dostrzegać takie wzorce na stronach internetowych czy w aplikacjach i analizować, w jaki sposób projektanci wykorzystują je do zwiększania konwersji. 

Polecamy też śledzić naszego bloga, na którym piszemy nie tylko o tym, jak wygląda pozycjonowanie stron w naszej agencji… ale też mówimy dużo o najlepszych praktykach UX i przydatnych narzędziach.