Dlaczego projektanci powinni trzymać się wzorców UX

Wszystkie stworzenia mają odrębny sposób postrzegania otaczającego ich świata. Psy mają imponujący węch. Orły mają niesamowitą zdolność widzenia ofiary z daleka. Z drugiej strony ludzie są zaprogramowani na szukanie wzorców.

Abyśmy mogli zrozumieć, na co patrzymy, nasze umysły mają tendencję do szukania powtarzających się cech. Mózg ludzki następnie, w oparciu o wyuczone zachowanie, próbowałby sformułować wnioski, dlaczego te wzorce występują.

Rozpoznawanie wzorców to proces poznawczy, który jest w dużej mierze nieświadomy. Dziecko może rozpoznać tonacje tonów rodziców i powiedzieć, czy są szczęśliwi, czy zdenerwowani, chmury mogą tworzyć rozpoznawalne kształty, a niektórzy nawet widzą obraz bóstwa na tostowanym chlebie.

To właśnie ten fragment ludzkiej psychologii zachęca projektantów do stosowania wypróbowanych i przetestowanych wzorców UX podczas projektowania stron internetowych.

I chociaż projektant odczuwałby potrzebę bycia kreatywnym – aby zbudować coś, co jest wyjątkowe – przełamanie schematu często powoduje zamieszanie wśród odwiedzających i ostatecznie działa na szkodę strony internetowej.

Wzorce projektowe UX: znaczenie i ważność

Przez ponad dwie dekady istnienia internetu projektanci zdobyli szerokie zrozumienie problemów użytkowników i ich rozwiązań.

Są to tak zwane wzorce projektowe UX – powtarzalne rozwiązanie projektowe dla powtarzających się problemów odwiedzających.

W ciągu tych 20 lat internetowej historii projektanci polegali na sprawdzonych elementach interfejsu. Po zetknięciu się z tymi samymi projektami użytkownicy zaczęli ufać temu, co znajome.

Na przykład, gdy odwiedzający odwiedza witrynę turystyczną, ma pewne oczekiwania co do tego, co musi zobaczyć, zanim w pełni się zaangażuje. Ten proces zwykle trwa zaledwie kilka sekund.

Na przykład po wyszukaniu hotelu kliknięcie na zdjęcia ma wygenerować szerszy opis udogodnień hotelu. Zaczęli się tego spodziewać, ponieważ wszystkie inne odwiedzane wcześniej strony internetowe są zgodne z tym projektem.

Złamanie tego wzorca zakłóciłoby oczekiwania użytkownika, powodując zamieszanie i ostatecznie opuszczenie strony internetowej.

Użytkownicy są nieświadomi tego, że nauczyli się takich zachowań lub że zaczęli oczekiwać pewnych wzorców. Mimo to szukają tego. Tak się zachowują, a co za tym idzie oceniają stronę internetową.

Kluczem do projektowania zoptymalizowanego pod kątem UX jest więc upewnienie się, że strona internetowa jest dla użytkowników naturalna i intuicyjna.

Zapewnij użytkownikom projekt, który wydaje się kompletny, angażując się w ten sposób na nieświadomym poziomie. Gdy zetkną się z tego rodzaju projektem, nie będą mieli problemów z interakcją ze stroną internetową.

Krótko mówiąc, projekty powinny być łatwe, wciągające i zachęcające wizualnie.

Ponowne wymyślanie koła generalnie nie jest zalecane, zwłaszcza gdy istnieją już wzorce – wzorce, które były wielokrotnie testowane pod kątem użyteczności w różnych przeglądarkach i urządzeniach.

Czy wzorce UX i wzorce UI są podobne?

Jeśli idziemy do sedna ich definicji, UX odnosi się do procesu optymalizacji strony internetowej pod kątem efektywnego użytkowania, natomiast UI odnosi się do samej prezentacji strony.

Ale w kontekście wzorców stosowanych w projektowaniu terminy te są wymienne.

UX i UI często można zobaczyć, jeśli chodzi o biblioteki wzorców dostępne dla projektantów.

Biblioteki wzorców gromadzą zasoby i przykłady projektów w oparciu o testy użyteczności, osobiste doświadczenia, standardy firmy i najnowsze trendy. Niektóre z najlepszych dostępnych bibliotek wzorców obejmują MailChimp, wzorce interfejsu użytkownika, małe duże szczegóły i szczegóły projektu.

Znaczenie wzorców UX

Wzorce UX wracają do sedna tego, dlaczego projektanci wykonują swoją pracę: aby zapewnić użytkownikom jak najlepsze wrażenia.

Bycie projektantem wymaga wyczucia tego, co jest atrakcyjne wizualnie. Zrozumiałe jest więc, że przy optymalizacji UX strony internetowej w grę wchodzi kreatywność i popęd artystyczny.

Dostosowanie dostępnych wzorców UX niekoniecznie oznacza nudny, wycinający ciasteczka projekt, który nie będzie wyróżniał się na tle wszystkich istniejących witryn. Pomyśl o tym jako o dawaniu użytkownikom większego bodźca do zaangażowania się w witrynę.

Najważniejsze jest to, że projektanci projektują dla użytkowników. Priorytetem jest utrzymanie ich zaangażowania i ostatecznie ich nawrócenie. A wzory pomogłyby to osiągnąć.

Poniżej przedstawiamy kilka korzyści, jakie strony internetowe czerpią z wzorców UX:

1. Skraca czas na myślenie użytkowników

Jednym z wielu problemów użytkowników online jest to, że nie mają czasu ani cierpliwości, aby dowiedzieć się, jak działa strona internetowa.

Zawsze będą szukać najłatwiejszego sposobu na wykonanie określonej akcji w witrynie, czy to zapisanie się do newslettera, wyszukiwanie określonych stron, czy dokonanie faktycznego zakupu.

Korzystanie z wzorców pozwala stronom internetowym na działanie psychologii człowieka na ich korzyść. W obliczu znanych elementów ludzie będą mieli mniej czasu na myślenie i więcej powodów, aby przejść do wykonania innego zadania w witrynie.

Nie oznacza to, że projektant nie może modyfikować istniejącego wzoru. Zmiany można wprowadzić, ale muszą być uzasadnione solidnymi danymi użytkownika.

2. Projektanci nie będą musieli ciągle wymyślać koła na nowo

Sam Google powiedział, że użytkownicy faktycznie wolą proste i znajome projekty. Skomplikowane układy tylko odstraszyłyby odwiedzających witrynę.

Projektanci mogą to wykorzystać na swoją korzyść.

Przepisanie projektu od zera zajęłoby znacznie więcej czasu w przeciwieństwie do kopiowania i wklejania istniejącego kodu. To nie są byle jakie kody; są to kody poparte testami użyteczności na przestrzeni lat.

Zaoszczędzony czas możesz poświęcić na przyjemniejszą część projektowania – tworzenie i ulepszanie kodów.

Studium przypadku: Analiza ilościowa wykorzystania wzorców UX

Aby jeszcze bardziej zorientować się w tym punkcie, Shay Ben-Barak przeprowadził studium przypadku, mając na uwadze jeden cel: wykazać spadek wydajności użytkownika podczas korzystania z niekonwencjonalnego projektu.

Oto jego ustalenia:

A. Cel eksperymentu:

Ben-Barak chciał udowodnić swoją hipotezę, nakłaniając osoby testowe do używania standardowej klawiatury i klawiatury zakłócającej:

Celem jest zmierzenie ich wydajności na podstawie różnicy czasów reakcji, a także liczby błędów popełnionych podczas korzystania z dwóch klawiatur.

B. Eksperyment:

Za pomocą aplikacji na klawiaturze uczestnicy zostali poproszeni o wybranie 10-cyfrowego numeru telefonu, który zapamiętali na pamięć.

Mieli wykręcić numer dwa razy – raz na konwencjonalnej klawiaturze, a raz na klawiaturze przeszkadzającej.

Wydajność mierzy się na podstawie czasu potrzebnego na wybranie numeru na każdej z klawiatur, a także liczby naciśnięć przycisku Backspace.

C. Ustalenia i wnioski:

Spośród 150 badanych, 130 uznano za ważne pary po wyeliminowaniu badanych z powodu różnych czynników, takich jak łatwe do wpisania liczby (12345…) i problemy techniczne.

Wyniki są następujące:

Zgodnie z tabelą, użycie uciążliwej klawiatury zajęło użytkownikom więcej czasu, w szczególności 46% więcej, aby wpisać dziesięciocyfrową liczbę.

Połowa badanych (50%) korzystających z przeszkadzającej klawiatury potrzebowała średnio więcej niż 10 sekund na wybieranie numeru, w przeciwieństwie do tylko 15% badanych, którym wybieranie numeru na standardowej klawiaturze zajęło 10 sekund.

Co ciekawe, 22% par numerów nie pasowało, co oznacza, że ​​przeszkadzająca klawiatura stała się zbyt zagmatwana i uczestnicy w ogóle nie byli w stanie wybrać właściwego numeru.

Wreszcie istnieje również bezpośrednia korelacja między używaniem przeszkadzającej klawiatury a liczbą naciśnięć przycisku Backspace (wartość korelacji: 0,77).

Niekonwencjonalna klawiatura wydłużyła czas działania o 30-50%, a także zwiększyła prawdopodobieństwo błędów popełnianych przez użytkowników. Odkrycia te mogą okazać się kosztowne dla właścicieli witryn, ponieważ zmiany w stosunku do tego, co konwencjonalne, mogą negatywnie wpłynąć na zachowanie użytkowników.

Ten eksperyment dodatkowo udowadnia, że ​​wzorce UX są potrzebne przy projektowaniu strony internetowej.