Dopracowanie idealnego projektu UX może być monumentalnym zadaniem. Różne bazy użytkowników mają różne potrzeby i poziomy umiejętności. To, co działa dla jednego, może być totalną klapą dla innego. Ważne jest, aby przeprowadzić odpowiednie badania, aby upewnić się, że projekt, który wymyślisz, idealnie pasuje do docelowych odbiorców.

Przy tak wielu technikach projektowania może być trudno wybrać to, co jest odpowiednie dla Twojej sytuacji i zabrać się do pracy! Ta kopia poprowadzi Cię przez najlepsze techniki projektowania, które pomogą Ci stworzyć przyjazną dla użytkownika aplikację.

Najpierw musisz zebrać i przeanalizować wszystkie informacje o przyszłym produkcie: oczekiwania właściciela i użytkowników wobec produktu, główne przepływy użytkowników i ogólną architekturę aplikacji. Oto najpopularniejsze techniki badawcze.

Wywiady z interesariuszami

Interesariusze to liderzy, podwładni, współpracownicy lub klienci spoza organizacji lub wewnątrz organizacji, którzy mogą wchodzić w interakcje lub na których ma wpływ korzystanie z produktu. Prowadzenie rozmów z interesariuszami daje możliwość zorientowania się, w jaki sposób użytkownicy prawdopodobnie będą korzystać z Twojego produktu, i może pomóc określić, co jest ważne w celu poprawy kluczowej wydajności i skupienia się na kluczowych funkcjach.

Umów wcześniej datę i godzinę spotkania i stwórz listę pytań. Na przykład lista pytań może wyglądać następująco:

a) Wizja projektu:

Co decyduje o sukcesie Twojego produktu?
Przedstaw nam swoją wizję produktu.

b) Firma:

Jaka jest historia firmy?
Jakie są cele firmy?
Kogo uważacie za głównych konkurentów?

c) Użytkownicy:

Czy możesz opisać swoją grupę docelową?
Jakie są różne typy Twoich użytkowników?
Czy znasz główny kontekst użytkowania aplikacji?

Wywiady z użytkownikami

Podobnie jak wywiad z interesariuszami, wywiad z użytkownikiem jest skuteczną techniką badawczą, która pozwala uzyskać przydatne informacje od aktualnej bazy użytkowników. Dzięki dokładniejszemu poznaniu użytkowników i tego, jak prawdopodobnie będą korzystać z Twojego produktu, można określić zestaw funkcji i rozpocząć projektowanie. Pomaga dowiedzieć się, co należy naprawić i jakie potencjalne nowe funkcje mogą wymagać późniejszego dodania.

W przypadku aplikacji w konkretnej niszy biznesowej wywiad z użytkownikiem jest dobrą okazją do uzyskania przydatnych informacji o branżowych problemach, które możesz rozwiązać za pomocą swojego produktu. Możesz zapytać o doświadczenie zawodowe, główne cele korzystania z Twojej aplikacji oraz najczęstsze problemy, z którymi się spotykają i które chcieliby rozwiązać.

I podobnie jak wywiad z interesariuszem, wywiad z użytkownikiem wymaga przemyślanego przygotowania. Po pierwsze, mądrze dobieraj osoby do wywiadów. Możesz znaleźć użytkowników za pośrednictwem sieci społecznościowych, organizacji społecznościowych lub klubów społecznościowych.

Po znalezieniu osób jasno zdefiniuj cel rozmowy i przygotuj do niej pytania. Unikaj naprowadzających pytań, takich jak „Czy korzystasz z Instagrama?". Zamiast tego zapytaj „Opowiedz mi o swoich doświadczeniach z korzystaniem z Instagrama”. Kolejne pytania sprzyjają owocnym dyskusjom i mogą obejmować spostrzeżenia, o które zapomniałeś zapytać.

Spraw, aby rozmówcy czuli się komfortowo i nie irytuj ich długimi wywiadami. Podczas wywiadu zapisuj wszystkie odpowiedzi.

Poleganie tylko na tej technice może stać się przyczyną niepowodzenia Twojego projektu. W tej technice jest kilka pułapek:

Niestety to, co ludzie mówią, nie zawsze jest tożsame z tym, co robią użytkownicy. Ludzka pamięć nie jest doskonała, więc ankietowani nie są w stanie zapamiętać wszystkich szczegółów związanych z korzystaniem z aplikacji internetowej lub mobilnej. Kiedy nie są w stanie tego zapamiętać, czasami wolą wymyślać historie, zamiast mówić, że nie mogą sobie tego przypomnieć w pamięci. Ich historie mogą brzmieć logicznie, ale nie pokazują prawdziwej sytuacji.
Małe grupy nie mogą reprezentować całej publiczności. W większości przypadków są tylko dwie lub trzy grupy liczące od sześciu do ośmiu uczestników. Łączące opinie uczestników nie mogą reprezentować wizji całej grupy docelowej.
Liderzy grup wpływają na to, co się mówi, podczas gdy introwertycy nie podzielają zbytnio swoich opinii. Prowadzenie badań online może być dobrym sposobem na wyeliminowanie tych dwóch sytuacji. W zależności od badań możesz tworzyć grupy, ale rozmawiać z każdym uczestnikiem jeden po drugim.

Analiza zadań

Analiza zadania to badanie, jakie kroki należy podjąć, aby ukończyć operację lub zadanie. Będziesz mógł zorientować się, jak działa obecny produkt i w jaki sposób przepływają dane, z których korzysta. Ułatwia wszystkim ustalanie priorytetów, nad którymi elementami produktu należy pracować w pierwszej kolejności.

Ta technika pomaga zrozumieć cele użytkownika, które próbują osiągnąć w Twojej aplikacji, kroki, które podejmują, aby osiągnąć ten cel, oraz problemy, jakie napotykają podczas wykonywania tych kroków.

Istnieją dwa rodzaje analizy zadań – hierarchiczna i kognitywna. Algorytm przeprowadzania hierarchicznej analizy zadań jest następujący:

Zdefiniuj jedno zadanie, które zamierzasz przeanalizować. Wybierz personę i scenariusz do analizy. Zdefiniuj pożądany wynik tego zadania i kroki, które należy podjąć, aby osiągnąć cel.
Podziel zadanie na kilka podzadań. Ale nie przesadzaj i nie twórz zbyt wielu abstrakcyjnych podzadań. W większości przypadków wystarczy od pięciu do dziewięciu podzadań.
Utwórz diagram przedstawiający każdą czynność wykonywaną przez użytkownika.
Po utworzeniu diagramu napisz szczegółową historię o tym, jak użytkownik wykonuje to podzadanie.
Po zakończeniu pracy przejrzyj analizę. Przekaż to do przeglądu innemu specjaliście nie biorącemu udziału w analizie, ale znającym szczegóły zadania.

Oto przykład analizy zadań związanych z zakupem myszy do gier na stronie Bestbuy.com.

Kognitywna analiza zadań polega na wykonaniu tych samych kroków. Ale dodatkowo powinieneś przeanalizować, jak to zadanie wykona nowicjusz i ekspert.

Diagram przypadków użycia lub diagram behawioralny

Jest to wizualna reprezentacja zachowań użytkowników. Pokazuje, jakie działania mogą podejmować różne typy użytkowników. Na przykład powinieneś utworzyć aplikację z życzeniami. W aplikacji masz dwa typy użytkowników – Gratulujący i Jubilat. Gratulator loguje się przez Facebooka i wybiera Jubilata z listy swoich znajomych na Facebooku. Następnie wybierają kartkę z listy, piszą życzenia i przesyłają Jubilatowi.

Po otrzymaniu karty podarunkowej Jubilat może ją wyświetlić, polubić lub odpowiedzieć w aplikacji. Jeśli Jubilat nie zainstalował jeszcze aplikacji, przychodzi do sklepu z aplikacjami i instaluje aplikację. Diagram behawioralny będzie wyglądał następująco:

Historie użytkowników lub specyfikacja behawioralna

To jest pisemny opis każdej interakcji z Twoją aplikacją. Wszystkie historie użytkowników zaczynają się od „Jako użytkownik chcę…”, następnie piszesz opis możliwych działań, które może podjąć użytkownik. Na przykład: „Jako użytkownik chcę wyświetlić historię moich zamówień, aby przejść do zakładki Moje zamówienia i kliknąć przycisk Historia zamówień.

Po stworzeniu historyjek użytkownika możesz zacząć planować sprinty i ustalić priorytety dla każdego przypadku użytkownika. Możliwe jest również zdefiniowanie czasu potrzebnego na wdrożenie funkcjonalności opisanej w historyjce użytkownika. Możesz także rozpocząć pracę nad przepływami użytkowników.

Przepływ użytkowników

To jest diagram, który pokazuje typową sekwencję kroków, które użytkownik wykonuje w aplikacji. Ta technika pomaga projektantom UX określić, które kroki można przeprojektować lub ulepszyć. Oto przykład diagramu przepływu użytkownika.

Jak widać, każdy kształt ma określoną definicję. Czerwona strzałka określa ścieżkę nowego użytkownika, natomiast niebieska ścieżkę zarejestrowanego użytkownika. Zaokrąglenie oznacza błąd, a trapez – decyzja użytkownika. W ten sam sposób należy podać definicję każdego kształtu przed utworzeniem przepływu użytkownika.

Mapy myśli

Podczas gdy przepływy użytkowników są tworzone w celu zdefiniowania funkcji na każdej stronie w aplikacji, mapy myśli pozwalają projektantom zobaczyć ogólną architekturę produktu. Jest to graficzna reprezentacja wszystkich części aplikacji i ich wzajemnych powiązań.

Stworzenie mapy myśli nie zajmie dużo czasu, a to jedna z głównych zalet tej techniki. Możesz łatwo znaleźć narzędzia online do tworzenia map myśli. Dzięki tej technice nie będziesz tracić czasu na przedstawianie i omawianie funkcji aplikacji.

Na przykład oto mapa myśli aplikacji odliczającej o nazwie Mój dzień, którą można znaleźć w sklepie z aplikacjami Apple.

szkielety

Po zebraniu wszystkich informacji i zbudowaniu architektury aplikacji nadszedł czas na jej zaprojektowanie! Zaleca się zacząć od makiet, układów strony internetowej lub aplikacji mobilnej, które pokazują, w jaki sposób elementy zostaną umieszczone na określonej stronie.

Wireframing pomaga zaangażować klientów w procesy projektowania i skuteczniej wprowadzać zmiany. W związku z tym ta technika może zaoszczędzić Twój czas – znacznie łatwiej jest wprowadzać zmiany w makietach niż zmieniać coś po zakończeniu projektu. Jeśli masz copywritera, który projektuje treść dla Twojej aplikacji, może on ocenić długość treści na każdej stronie.

Z drugiej strony jest to kolejny krok w rozwoju aplikacji, który również wymaga czasu i wysiłku. Również szkielety można uznać za ograniczenie dla projektantów. Muszą trzymać się tego szkieletu, więc zostaw kreatywność za sobą.

Możesz narysować szkielety na papierze lub użyć do tego specjalnych narzędzi. Poniżej możesz zobaczyć przykład szkieletu stworzonego dla platformy centrum fitness.

Prototypy

Prototyp to symulacja funkcji i nawigacji aplikacji internetowej lub mobilnej, która umożliwia interakcję z aplikacją, zanim projekt aplikacji zostanie przekazany programistom. Za pomocą usług prototypowania, takich jak invisionapp.com lub mockup.io, możesz przesłać swoje szkielety lub makiety i uzyskać aplikację z klikalnymi przyciskami.

Test użyteczności

Następnym krokiem, którego nie powinieneś zaniedbywać, jest testowanie aplikacji. Testy użyteczności to miejsce, w którym obserwujesz użytkowników podczas interakcji z Twoim produktem, aby wskazać błędy lub potencjalne obszary ulepszeń w Twoim produkcie. Testy użyteczności można uogólnić na cały produkt lub skoncentrować na jednym zadaniu lub procesie produktu, w zależności od potrzeb. Możesz przeczytać osobny artykuł o testowaniu użyteczności stron internetowych.

Testy A/B

Testy A/B to technika polegająca na oferowaniu użytkownikom różnych wersji produktu w celu porównania odbioru i łatwości użytkowania między dwiema platformami. Pomaga przetestować drobne poprawki i funkcje projektu, aby sprawdzić, czy działają zgodnie z założeniami. Na przykład przeprowadzono test A/B dla aplikacji Runkeeper.

Śledzenie ruchu gałek ocznych

Korzystając ze śledzenia ruchu gałek ocznych, możesz wyczuć, jak przepływa układ UX i jak użytkownicy poruszają się po interfejsie. Ta technika pomaga zoptymalizować wygląd i styl interfejsu użytkownika oraz zawęzić i nadać priorytet funkcjom i treściom, które należy ulepszyć lub nawet usunąć.

Wniosek

Wymyślanie nowego projektu lub układu produktu może być czasami onieśmielające, ale dzięki zastosowaniu niektórych z wyżej opisanych technik może być znacznie łatwiejsze! Wypróbuj kilka z nich następnym razem, a prawdopodobnie zauważysz, że proces projektowania i rozwoju przebiega znacznie lepiej, a Twoi użytkownicy prawdopodobnie otrzymają znacznie lepszy produkt!

AffiAi