Przykłady dobrego projektowania UX

Skąd czerpać inspirację w pracy UX designera? Jak odróżnić dobre projekty UX od tych złych? Postaramy się odpowiedzieć na te pytania, a także pokazać kilka interfejsów prezentujących przykłady dobrego projektowania UX.

Przykłady dobrego projektowania UX – omówione zagadnienia:

Skąd czerpać projektowe inspiracje?
Jak rozpoznać projekt dobry pod kątem UX
Przykład dobrego UX designu – Google
Przykład dobrego UX designu – Apple
Przykład dobrego UX designu – Airbnb

Skąd czerpać projektowe inspiracje?

Branża UX jest aktualnie branżą bardzo szybko rozwijającą się i dynamicznie zmieniającą. Jednym z obowiązków dobrego UX designera jest śledzenie aktualnych trendów, bycie na bieżąco ze zmieniającą się technologią i szukanie inspiracji wśród liderów z branży. Projektant, który unika tych czynności — zwyczajnie się nie rozwija. Branża UX wymaga nieustannego zainteresowania, dociekania, szukania inspiracji i nowych metod badawczych czy projektowych, porównywania i wdrażania innowacji.

Skąd jednak czerpać inspiracje w dziedzinie UX? Z pewnością wiele osób poleci znane portale dla projektantów takie jak Dribble czy Behance. Należy jednak być z tym ostrożnym i podchodzić do nich z pewnym dystansem. Na portalach tych znajdziemy ogrom case studies projektów z różnych branż, tworzonych przez projektantów z całego świata. Daje to możliwość poznania różnych punktów widzenia, jednak należy pamiętać, że są to portale gdzie tak naprawdę każdy kto założy konto może umieszczać swoje projekty. Wiele z nich to projekty niekomercyjne, tworzone „do szuflady” w ramach kursu UX czy samodzielnie przez osoby, które nie pracują jako UX designer – a np. dopiero się uczą.

W takich projektach często skupienie pada na warstwę wizualną – UI, a sam UX pozostaje w tyle. Brakuje badań, wymagań biznesowych, określenia problemu, celu całego procesu czy potrzeb użytkowników, co sprawia, że projekt może i jest atrakcyjny wizualnie, ale niekoniecznie przemyślany i poparty badaniami i danymi. Ciężko więc tu mówić o dobrej inspiracji dla UX designera. O wiele bardziej wartościowe treści możemy znaleźć w case studies znanych agencji UX czy nawet na stronach firm uchodzących za przodujące w dziedzinie user experience. Kilka z nich zostanie omówionych w dalszej części tekstu.

Jak rozpoznać projekt dobry pod kątem UX?

Mimo wszystko bogactwo Internetu pozwala na czerpanie inspiracji z wielu źródeł (także Dribble czy Behance – nie negujemy ich całkowicie). Jak już nieraz pisaliśmy – podstawową cechą dobrego projektanta jest umiejętność przeprowadzania researchu i wyciągania wniosków. Można to przełożyć także na umiejętność szukania inspiracji projektowych. Co jednak powinien przedstawiać projekt, który można zaklasyfikować jako dobry pod względem user experience?

Przede wszystkim powinien zawierać case study, w którym przedstawione będą dane z przeprowadzonych badań, user problem, cele biznesowe oraz KPI – metryki, które pozwolą sprawdzić, czy projekt po wdrożeniu odnosi zakładany „sukces”.
Przykłady dobrego projektowania

Przykładem może być sklep z elektroniką. Ich problemem jest duża liczba porzuceń koszyka przez użytkowników. Celem projektu będzie poznanie przyczyny takiego zachowania i rozwiązanie tego problemu.

Po analizie danych z Google Analytics i hotjar oraz przeprowadzeniu badań z użytkownikami okazuje się, że ich największym problemem jest brak dostępności wybranego towaru – o czym dowiadują się dopiero w koszyku, chcąc sfinalizować zamówienie produktu. Projekt oczywiście będzie wymagał szerszej analizy, researchu i wprowadzenia zmian w funkcjonalności interfejsu. Łatwo wywnioskować, że tutaj czynnikiem mierzącym sukces po wdrożeniu będzie spadek liczby porzuceń koszyka i wzrost konwersji na stronie (osoby odwiedzające stronę a osoby dokonujące zakupu).

Mamy więc jasno określony problem – zarówno z punktu widzenia biznesu jak i użytkownika, mamy cel i ustalone mierniki sukcesu.
Samo przeprowadzenie badań w odpowiedni sposób to oczywiście nie wszystko – ich analiza i wyniki muszą mieć przełożenie na finalny projekt interfejsu. W case study zwracamy więc uwagę czy projekt faktycznie odpowiada na potrzeby użytkowników i rozwiązuje problem projektowy.
Projekt dobry pod względem UX to też oczywiście projekt, który będzie spełniał wymogi stawiane przez heurystyki użyteczności Nielsena. Heurystyki to uniwersalne zasady będące podstawową techniką analizy interfejsów pod kątem ich użyteczności. Stosowanie się do nich pozwala projektantowi zoptymalizować zarówno wygląd, jak i działanie serwisu oraz jest dobrą praktyką projektową.

Oczywiście przeprowadzanie kompleksowych badań, a także dbanie i rozwijanie UX na wysokim poziomie wymaga sporego nakładu finansowego jak i czasowego, a także doświadczonego zespołu specjalistów UX i UI, programistów, analityków i kadry zarządzającej. Nic więc dziwnego, że bardzo dobrym UX mogą pochwalić się duże, międzynarodowe firmy technologiczne – jak np. Google czy Apple.

Przykład dobrego UX designu – Google

Google, będący na rynku od 1998 roku z pewnością stanowi czołówkę jeśli chodzi o przykłady dobrego projektowania, i tego jak może wyglądać dobry UX. Wyszukiwarka Google jest jednym z najprostszych narzędzi dostępnych w sieci. Jej obsługa jest intuicyjna i nie sprawia problemu przeciętnemu użytkownikowi Internetu. Spełnia wymogi wywodzące się z heurystyk Nielsena – jest prosta, czysta, przejrzysta, estetyczna. Nie zawiera zbędnych linków, buttonów czy banerów. Od razu łatwo się na niej odnaleźć i na pierwszy rzut oka widać, do czego służy – do wyszukiwania.

Dodatkowo wyszukiwarka pokazuje ostatnio wyszukiwane hasła, podpowiada wyszukiwania pokrewne i poprawia nas w przypadku literówki we wpisanej przez nas błędnie frazie. Odpowiada więc na potrzebę użytkowników i maksymalnie ułatwia im cały proces wyszukiwania.

Przykład dobrego UX designu – Apple

Strona Apple to nie tylko piękny design, ale też starannie opracowane UX. Strona posiada bardzo łatwą, intuicyjną nawigację. Pasek nawigacji zawiera nie tylko nazwy kategorii, ale też małe obrazki produktów co pozwala naprawdę szybko poruszać się po stronie. Język, którym posługują się na stronie, jest prosty, ale kreatywny. Bez zbędnego opisu przedstawia konkretną wartość danego produktu dla użytkownika.

Strona pozwala porównać produkty z danej kategorii, i w łatwy sposób wybrać ten odpowiadający potrzebom użytkownika. Apple kładzie duży nacisk na innowacyjny, ale minimalistyczny UI — czyli wygląd i estetykę strony — co jak pamiętamy, jest także jedną z heurystyk Nielsena, wpływa na odbiór strony przez użytkownika i na jego doświadczenia z produktem.

Co ciekawe, Apple na swojej stronie dzieli się najlepszymi praktykami projektowymi, udostępnia gotowe mockupy do pobrania, materiały edukacyjne i wytyczne Human Interface Guidelines

Przykład dobrego UX designu – Airbnb

Od samego powstania w 2008 roku Airbnb (platforma umożliwiająca wynajem lokali od osób prywatnych) cieszy się dużą popularnością wśród użytkowników — jednym z głównych powodów jest oczywiście świetnie zaprojektowany UX.

Przykłady dobrego projektowania w tym przypadku stanowią wszystkie podstrony. Strona główna jest czysta i przejrzysta, na środku strony widzimy pole wyszukiwania — znane wszystkim, chociażby z wyszukiwarki Google. Jest to więc zastosowanie dobrego, znanego już użytkownikom patternu, co sprawia, że strona jest intuicyjna i użytkownik nie ma poczucia „zagubienia”. Inną charakterystyczną dobrą praktyką UX na Airbnb jest widok mapy z widocznymi cenami obok listy wyszukiwanych miejsc. Airbnb pozwala więc w jednym miejscu zobaczyć wszystkie najważniejsze informacje — lokalizację domu na mapie, cenę, jego zdjęcia i nazwę.

Strona świetnie podchodzi też do treści — UX writing jest na bardzo wysokim poziomie i przekazuje ważne informacje w prosty sposób. Przykładem może być tekst „płatność nie zostanie jeszcze naliczona” w momencie wstępnej rezerwacji — użytkownik dostaje jasną informację, że płatność nie zostanie pobrana aż do momentu potwierdzenia rezerwacji.

Airbnb podobnie jak Apple dzieli się dobrymi praktykami, ciekawymi case studies i nowinkami ze świata designu na swojej podstronie

Sprawdź cały cykl: UX Guide

Jeśli podobają Ci się treści, które tworzymy, sprawdź również: Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Autor: Klaudia Kowalczyk
Graficzka i UX designerka, która za pomocą projektów przekazuje to, co trudno ująć w słowach. Zwraca uwagę na najmniejsze detale – każdy użyty kolor, linia czy czcionka ma znaczenie. Klaudia pasjonuje się projektowaniem grafiki i stron internetowych.

Zobacz wszystkie posty

Przerwa konserwacyjna

Przykłady dobrego projektowania UX | The ultimate UX Guide #16