Przykłady dobrego projektowania UX | Najlepszy przewodnik UX #16

Skąd czerpać inspirację w pracy projektanta UX? Jak odróżnić dobre projekty UX od złych? Dziś odpowiemy na te i wiele innych pytań dotyczących dobrego projektowania UX, a także pokażemy kilka interfejsów prezentujących wysoki poziom w obszarze UX. Mamy nadzieję, że przykłady, które prezentujemy, zainspirują Cię.

Przykłady dobrego projektowania UX – spis treści:

1. Skąd czerpać inspiracje projektowe?
2. Jak rozpoznać dobry projekt UX
3. Przykład dobrego projektu UX – Google
4. Przykład dobrego projektu UX – Apple
5. Przykład dobrego projektu UX – Airbnb

Skąd czerpać inspiracje projektowe?

Branża UX to obecnie dynamicznie rozwijająca się i dynamicznie zmieniająca się branża. Jednym z obowiązków dobrego projektanta UX jest nadążanie za aktualnymi trendami, nadążanie za zmieniającymi się technologiami i szukanie inspiracji u liderów branży. Projektant, który unika tych czynności – po prostu się nie rozwija. Branża UX wymaga ciągłego zainteresowania, dociekań, poszukiwania inspiracji i nowych metod badawczych czy projektowych, porównywania, a także wdrażania innowacji.

Jak się zainspirować? Wiele osób poleci projektantom znane portale takie jak Dribble czy Behance. Jest jedna rzecz, na którą warto mieć oko. Na tych portalach znajdziesz ogromną liczbę case studies projektów z różnych branż, tworzonych przez projektantów z całego świata. Zobaczysz różne punkty widzenia, ale pamiętaj, że każdy, kto założy tam konto, może publikować swoje projekty. Wiele z nich to projekty niekomercyjne, tworzone „ do szuflady ” w ramach kursu UX lub samodzielnie przez osoby, które nie pracują jako UX designer – a np. dopiero się uczą.

W takich projektach często nacisk kładzie się na część wizualną – UI, a sam UX pozostaje w tyle. Brakuje badań, wymagań biznesowych, definicji problemu, celu całego procesu, czy potrzeb użytkowników, co sprawia, że ​​projekt może być atrakcyjny wizualnie, ale niekoniecznie dobrze przemyślany i poparty badaniami i danymi. Trudno więc mówić tutaj o dobrej inspiracji dla projektanta UX. Dużo bardziej wartościowe treści możemy znaleźć w przypadku badań znanych agencji UX czy nawet na stronach firm uznawanych za czołowe w dziedzinie user experience. Przyjrzymy się bliżej kilku z nich poniżej.

Jak rozpoznać dobry projekt UX

W końcu bogactwo internetu pozwala czerpać inspiracje z wielu źródeł (m.in. Dribble czy Behance – nie negujemy ich całkowicie). Jak już nie raz pisaliśmy – podstawową cechą dobrego projektanta jest umiejętność prowadzenia badań i wyciągania wniosków. Można to również przełożyć na umiejętność poszukiwania inspiracji projektowych. Ale co powinien prezentować projekt, który można uznać za dobry pod względem doświadczenia użytkownika?

1. Przede wszystkim powinien zawierać studium przypadku, w którym przedstawione zostaną dane z badania, problem użytkownika, cele biznesowe oraz KPI – metryki, które pozwolą sprawdzić, czy po wdrożeniu projekt osiąga zakładany „ sukces ”.

Przykład : weźmy sklep elektroniczny. Problemem jest duża liczba porzuconych koszyków przez użytkowników. Celem projektu będzie znalezienie przyczyny takiego zachowania i rozwiązanie tego problemu.

Po przeanalizowaniu danych z Google Analytics i hotjar oraz przeprowadzeniu ankiet 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 będzie oczywiście wymagał szerszej analizy, badań wraz ze zmianami funkcjonalności interfejsu. Łatwo wywnioskować, że tutaj czynnikiem mierzącym sukces po wdrożeniu będzie spadek liczby porzuconych koszyków oraz wzrost konwersji na stronie (osoby odwiedzające stronę vs. osoby dokonujące zakupu).

Tutaj mamy jasno określony problem – zarówno z perspektywy biznesowej, jak i użytkownika, mamy cel i ustalone mierniki sukcesu.

2. Oczywiście samo wykonanie badań we właściwy sposób nie wystarczy – ich analiza i wyniki muszą przełożyć się na ostateczny projekt interfejsu. Dlatego podczas studium przypadku zwracamy szczególną uwagę na to, czy projekt odpowiada na potrzeby użytkowników i rozwiązuje problem projektowy.
3. Projekt, który jest dobry pod względem UX, to oczywiście projekt, który spełni wymagania stawiane przez heurystykę użyteczności Nielsena. Opisaliśmy je już szczegółowo w osobnym artykule. Heurystyki to uniwersalne zasady, które są podstawową techniką analizy interfejsów pod kątem użyteczności. Postępując zgodnie z tym, projektant w pełni zoptymalizuje zarówno wygląd, jak i wydajność witryny.

Oczywiście prowadzenie kompleksowych badań, a także pielęgnowanie i rozwijanie UX na wysokim poziomie, wymaga dużo pieniędzy i czasu, a także doświadczonego zespołu specjalistów UX i UI, programistów, analityków i managerów. Nic dziwnego, że bardzo dobrym UX mogą pochwalić się duże, międzynarodowe firmy technologiczne – takie jak Google czy Apple.

Przykład dobrego projektu UX – Google

Google, który istnieje na rynku od 1998 roku, jest z pewnością doskonałym przykładem tego, jak może wyglądać dobry UX. Wyszukiwarka Google to jedno z najprostszych narzędzi dostępnych w sieci. Jego obsługa jest intuicyjna i nie sprawia problemów przeciętnemu internautowi. Spełnia wymagania heurystyki Nielsena – jest prosty, czysty, przejrzysty i estetyczny. Nie zawiera zbędnych linków, przycisków ani banerów. Natychmiast staje się jasne, jak się poruszać. Co więcej, na pierwszy rzut oka widać, do czego to służy – do wyszukiwania.

Dodatkowo wyszukiwarka pokazuje ostatnio wyszukiwane hasła, podpowiada powiązane wyszukiwania i koryguje nas w przypadku literówki we wpisanej przez nas frazie. W ten sposób odpowiada na potrzeby użytkowników i maksymalnie ułatwia im cały proces wyszukiwania .

Przykład dobrego projektu UX – Apple

Strona Apple to nie tylko piękny design, ale także starannie dopracowany UX. Strona posiada bardzo łatwą, intuicyjną nawigację. Pasek nawigacyjny zawiera nie tylko nazwy kategorii, ale także małe zdjęcia produktów, co pozwala na szybkie poruszanie się po witrynie. Język używany na stronie jest prosty, ale kreatywny. Bez zbędnego opisu przedstawia użytkownikowi konkretną wartość danego produktu.

Witryna umożliwia również porównywanie produktów w kategorii, aby starannie wybrać ten, który odpowiada Twoim potrzebom. Apple kładzie duży nacisk na innowacyjny, ale minimalistyczny interfejs użytkownika – czyli wygląd i estetykę strony – co, jak pamiętamy, jest również jedną z heurystyk Nielsena, wpływających na postrzeganie strony przez użytkownika i jego doświadczenia z produktem .

Co ciekawe, Apple udostępnia na swojej stronie najlepsze praktyki projektowania i udostępnia makiety do pobrania, materiały edukacyjne, a także wytyczne dotyczące interfejsu ludzkiego.

Przykład dobrego projektu UX – Airbnb

Airbnb (platforma do wynajmu noclegów od osób prywatnych) od momentu powstania w 2008 roku cieszy się dużą popularnością wśród użytkowników – jednym z głównych powodów jest oczywiście dobrze zaprojektowany UX.

Strona główna jest schludna i przejrzysta. Pośrodku widać pole wyszukiwania – natywne dla każdego, choćby z wyszukiwarki Google. A więc to zastosowanie dobrego wzorca, znanego już użytkownikom, sprawia, że ​​strona jest intuicyjna i nikt nie poczuje się zagubiony. Kolejną cechą dobrej praktyki UX na Airbnb jest widok mapy z widocznymi cenami obok listy wyszukiwanych miejsc. Airbnb pozwala uzyskać wszystkie kluczowe informacje w jednym miejscu – lokalizację domu na mapie, cenę, jego zdjęcia wraz z nazwą.

Witryna świetnie podchodzi również do treści – pisanie UX jest na bardzo wysokim poziomie i w prosty sposób przekazuje ważne informacje. Przykładem jest tekst „ jeszcze nie zostaniesz obciążony ” w momencie wstępnej rezerwacji – użytkownik otrzymuje czytelny komunikat, że płatność nie zostanie pobrana do momentu potwierdzenia rezerwacji.

Airbnb, podobnie jak Apple, udostępnia na swojej stronie internetowej najlepsze praktyki, ciekawe studia przypadków i nowości ze świata designu.

Jeśli podobają Ci się nasze treści, dołącz do naszej pracowitej społeczności pszczół na Facebooku, Twitterze, LinkedIn, Instagramie, YouTube, Pintereście.

Autor: Klaudia Kowalczyk

Grafik i UX Designer, który przenosi do projektu to, czego nie można wyrazić słowami. Dla niego każdy użyty kolor, linia czy czcionka ma znaczenie. Pasjonat grafiki i projektowania stron internetowych.

Zobacz wszystkie posty

Kompletny przewodnik po UX:

1. Czym jest UX – a czym NIE jest
2. UX i UI – czy są porównywalne?
3. 7 czynników (wyjątkowych) doświadczeń użytkownika
4. Czy wiesz, co oznacza UX Design?
5. Projektujesz doświadczenia użytkowników? Zadbaj o te rzeczy!
6. 10 heurystyk użyteczności dla projektowania UX, które musisz znać
7. Proces projektowania UX w 5 łatwych i prostych krokach
8. Projektowanie zorientowane na użytkownika i jego główne zasady
9. Etapy procesu projektowania zorientowanego na użytkownika
10. Czym jest doświadczenie klienta?
11. Doświadczenie użytkownika a doświadczenie klienta. Proste wyjaśnienie ich związku
12. Co to jest doświadczenie marki?
13. Co to jest interakcja człowiek-komputer (HCI)?
14. Dlaczego UX jest ważny?
15. Użyteczność a funkcjonalność w UX
16. Przykłady dobrego projektowania UX