Część 1: Projektowanie zorientowane na użytkownika
Niedawno mogliście znaleźć na naszym blogu tekst o UI i UX Designie oraz o tym, jak stworzyć pozytywne Customer Experience . Jeżeli jeszcze go nie czytaliście, to zapraszamy do lektury. Dzisiaj zgłębimy jeden z aspektów UX oraz UI Designu – spójność projektu.
Czym dokładnie jest spójność projektu?
Spójność projektu łączy elementy UI Design i wzorce projektowe. Warto potraktować każde rozwiązanie w naszej aplikacji lub na stronie internetowej, jako zobowiązanie, które podejmujemy wobec użytkowników, np. „ilekroć użytkownik zobaczy jasnoszary przycisk z licznikiem czasu w prawym górnym rogu wyskakującego okienka, może założyć, że po upływie tego czasu wyskakujące okienko się zamknie”. Każdy użytkownik spodziewa się przycisku umożliwiającego zamknięcie okna w prawym górnym rogu. Dzięki takim rozwiązaniom i trosce o spójność projektu użytkownicy mogą łatwo wchodzić w interakcje z produktem.
Gdy osoby odwiedzające naszą stronę lub aplikację poznają lepiej nasz produkt i stają się regularnymi użytkownikami, zaczynają coraz bardziej nam ufać, co jest odzwierciedleniem spójnego projektu. Aby zapewnić użytkownikom takie doświadczenie, poniżej opisujemy pięć najlepszych praktyk, które są niezwykle przydatne w codziennej pracy.
Projektowanie zorientowane na użytkownika
Nic nie jest ważniejsze dla spójnego UX niż poznanie potrzeb grupy docelowej.
Nie należy tego lekceważyć ani się spieszyć. Czas i budżet są zawsze niezwykle istotnymi czynnikami przy projektowaniu produktu. Bez nich żaden serwis ani aplikacja nigdy by nie powstały. Chociaż są one ważne dla całego procesu, nie możemy zapomnieć o osobach, które faktycznie będą używać naszego serwisu. Pamiętajmy o użytkownikach i nie zapominajmy o dokładnej analizie na początkowych etapach projektu.
Zdefiniuj cele użytkownika
Zastanówcie się, jaki jest sposób myślenia Waszych odbiorców. Co chcą osiągnąć? W jaki sposób aplikacja im pomoże? Wymieńcie cele i wracajcie do nich w trakcie procesu projektowania.
Załóżmy na przykład, że tworzymy aplikację dla podróżników. Ta aplikacja pozwala użytkownikom wybrać harmonogram wakacji oraz znaleźć oferty dotyczące lotów i hoteli w ramach ich budżetu. Ale to nie tylko standardowa witryna turystyczna. Łączy się z kontem na Facebooku i proponuje pięć najlepszych kierunków na wakacje specjalnie dopasowanych do użytkownika na podstawie udostępnionych treści. Użytkownik wybiera plan urlopowy, który najbardziej mu się podoba i jest gotowy na wyjazd.
Oto niektóre z celów użytkownika:
- Wyświetlenie możliwości wakacji w określonym czasie
- Porównanie różnych możliwości urlopowych
- Wybór wakacji na podstawie zainteresowań
- Trzymanie się budżetu wakacyjnego
Teraz gdy znamy rozkład celów, możemy zaprojektować interfejs, który spełni oczekiwania naszych odbiorców.
Zapoznaj się z typowymi wzorcami interfejsu użytkownika
Powtarzające się wzory rozwiązują typowe problemy projektowe. Oczywiście projektanci nie powinni po prostu „kopiować” całego układu innej podobnej aplikacji. Muszą filtrować i modyfikować wzorce na podstawie konkretnych celów użytkownika.
Typowym wzorem w handlu elektronicznym jest siatka produktów. Dzięki niemu użytkownicy mogą łatwo przeglądać i wyświetlać informacje o produkcie. Można śmiało powiedzieć, że wzorce ewoluowały, a użytkownicy zdają sobie sprawę ze standardowych lokalizacji elementów. Większość użytkowników zgadza się, że gdy chcą coś znaleźć na stronie, korzystają z paska wyszukiwania, który zwykle znajduje się w górnym środkowym lub prawym rogu.
