Jak i dlaczego prototypy są obowiązkowe dla dobrego projektu
Nic nie przybliża Cię do funkcjonalności produktu końcowego niż prototypowanie. Podczas gdy szkielety szkicują plan, a makiety pokazują styl i teksturę projektu, jest to prototyp, który ożywia „doświadczenie” stojące za „doświadczeniem użytkownika”. To piękne wezwanie do działania może wyglądać świetnie na ekranie, ale nie będziesz wiedział, czy zadziała na użytkownikach końcowych, dopóki nie kliknie prototypu. Prototypy nie tylko stanowią dowód koncepcji, ale przede wszystkim ujawniają wszelkie wady użyteczności za szkieletami i makietami.
Jak więc w praktyce zastosować tę ochronę przed nadzwyczajnymi spotkaniami zainteresowanych stron, niekończącymi się zmianami i bolesnymi późnymi nocami w fazie rozwoju? Podczas gdy poprzednio zajmowaliśmy się prawidłowym prototypowaniem w Przewodniku po procesie projektowania i dokumentacji UX, przyjrzyjmy się bliżej temu, w jaki sposób prototypowanie może uczynić lub przerwać sukces produktu. W tym artykule zaczniemy od najbardziej przekonujących powodów prototypowania oraz tego, w jaki sposób prototypy poprawiają współpracę, projektowanie i testy użyteczności.
Źródło: Bill Buxton, via Donna Lichaw
5 powodów, dla których musisz prototypować
Pomijanie prototypów może zaoszczędzić trochę czasu podczas projektowania, ale nadwyżka ta może zostać utracona wiele razy podczas opracowywania. Jeśli ludzie przymierzają dżinsy przed zakupem i jeżdżą samochodem przed podpisaniem czeku, sensownie jest interaktywnie testować swoje projekty, zanim zaczną się rozwijać. W końcu interakcja to sposób, w jaki użytkownicy uzyskują dostęp do rozwiązań projektowych dotyczących ich problemów.
Źródło: Swing Tree zarządzania produktem
Aby lepiej zrozumieć, dlaczego warto prototypować, spójrzmy na Todda Zaki Warfela, projektanta, który napisał książkę o prototypowaniu… dosłownie. Warfel podsumowuje punkty swojej książki w prezentacji pokazu slajdów, gdzie możemy zobaczyć wszystkie istotne powody, dla których warto zastosować prototypowanie. Chociaż różnią się one w zależności od projektantów i ich potrzeb, niektóre uniwersalne korzyści obejmują:
- Komunikacja i współpraca - Przedyskutowanie dokumentacji wymagań to jedno, ale jest to zupełnie inny poziom kreatywnej współpracy, gdy obie strony mogą bawić się prototypem i badać ograniczenia i możliwości. Dokumentacja może być źle interpretowana, ale doświadczenia są dzielone.
- Ocena wykonalności przy jednoczesnym ograniczeniu marnotrawstwa - Modele szkieletowe, makiety i dokumenty wymagań są zapisane na papierze, a nie w rzeczywistości. Prototypowanie pozwala zespołom eksperymentować, dając im swobodę taniego niepowodzenia podczas nauki. Wystarczy spojrzeć na to, jak prototypy pomogły zwiększyć dokładność szacunków o 50%, jednocześnie zmniejszając liczbę wniosków o wyjaśnienia o 80%.
- Sprzedaj swój pomysł - prototypy mogą być świetne do pitchingu, jeśli pracujesz ze sceptycznymi klientami. Eksperymentowanie z prawdziwą stroną internetową lub aplikacją dowodzi, że twoja wizja jest czymś więcej niż nieporadnym opisem lub makietą zapchaną notatkami.
- Wcześniej przetestuj użyteczność - testując prototyp przez użytkownika, możesz znaleźć problemy i rozwiązać je wcześniej, oszczędzając sobie kłopotów z radzeniem sobie z nimi, gdy są one utrwalone w kodzie. W tym samym studium przypadku, o którym mowa powyżej, zaobserwowano 25% zmniejszenie liczby błędów po wydaniu dzięki prototypowaniu.
- Ustal swoje priorytety projektowe - Zalecamy prototypowanie wcześnie i często, ponieważ priorytetowe projektowanie interakcji zapewni Ci uziemienie w rzeczywistości podczas podejmowania statycznych decyzji projektowych. Grafika musi spełniać doświadczenie, a nie na odwrót.
Nie każdy prototyp musi być skomplikowany i pochłaniający - w rzeczywistości niektóre szkoły myślenia wierzą w szybką, niskoinwestycyjną formę prototypowania. Chodzi o to, że prawie zawsze korzystne jest przeznaczenie niektórych zasobów na prototypowanie, ile zależy od konkretnych potrzeb.
Jak prototypy poprawiają współpracę i komunikację
Pokazywanie jest zawsze lepsze niż mówienie, a doświadczenie jest królem. Jeśli ludzie mogą wchodzić w interakcje z Twoimi pomysłami, lepiej je rozumieją. Działa to zarówno zewnętrznie - przekazanie do klientów i interesariuszy - jak i wewnętrzne - w celu głębszej współpracy ze swoim zespołem lub zmobilizowania ich do wsparcia nowego pomysłu (lub przynajmniej baw się nim przed zrobieniem go).
Prototypy wyjaśniają komunikację wewnętrzną na kilka sposobów.
Po pierwsze, tworzy połączenie między projektantami i programistami wcześniej, dając tym samym cel do pracy. Jak omówiono w Przewodniku po prototypowaniu, różne działy używają różnych żargonów i żargonu, ale prototyp niszczy wszystkie bariery. Prototypy są zabawkami projektowymi, a kiedy coś jest zabawne, ludzie chętniej tracą czujność i zaczynają odkrywać szalone pomysły, które mogą się przydać. Jak ujął to założyciel i dyrektor generalny Emmet Labs, David Yerba, prototypowanie „pozwala odpowiednim osobom w pokoju komunikować się we właściwy sposób”.
W UXPin współpraca przy prototypach jest naturalna dzięki funkcjom prezentacji na żywo i współpracy. Dzięki śledzeniu iteracji i komentowaniu na żywo, szkielety i prototypy mogą być omawiane i prezentowane w czasie rzeczywistym bez potrzeby wysyłania wiadomości e-mail.
Po drugie, w tym samym artykule Yerba opisuje także zalety prototypowania do prezentacji formalnych. Klienci i interesariusze mogą łatwo błędnie zinterpretować opis, nawet jeśli dostarczą go przekonujące badania lub makiety w pikselach. Z kolei interaktywny prototyp wymaga niewielkiego opisu. Prototypy pomagają interesariuszom myśleć o tym doświadczeniu, zamiast wpadać na krytykę elementów wizualnych tylko dlatego, że są na ich oczach. Na marginesie, prototypy również dodają stylu prezentacjom - ludzie mogą dosłownie doświadczyć „magii” projektowania: jest to różnica między oglądaniem planu a eksploracją domu modelowego.
Prototyp to potężna broń do każdej prezentacji. David i Tom Kelley, założyciel i partner IDEO, przypisują to, co nazywają „prawem Boyle'a” (nazwanym na cześć jednego z głównych prototypów IDEO, Dennisa Boyle'a). Prawo Boyle'a jest proste, ale skuteczne: nigdy nie chodź na spotkanie bez prototypu. Pod względem zdolności komunikacyjnych i perswazyjnych ta pomoc prezentacyjna często odróżnia „tak” lub „nie”.
Jak prototypy zwiększają równowagę w projektowaniu
Prototypowanie to faza, w której konceptualizacja staje się rzeczywista, dlatego wymaga zarówno kreatywności z praktycznością, uzasadnienia z intuicją.
Źródło: Przepływ użytkowników dla funkcji wyszukiwania w Kickstarter
Philip van Allen, profesor i projektant w Art Center College of Design, uważa, że prototypy pomagają podejmować decyzje, których nie można opisać parametrami. Dla projektanta istnieją trzy główne zalety prototypowania:
- Podejmowanie decyzji - ważne decyzje projektowe dotyczące ergonomii, kształtu, funkcji, produkcji - czasem wszystkie naraz - są finalizowane w fazie prototypowania. Działający prototyp daje natychmiastową informację zwrotną, dzięki czemu możesz podjąć świadomą decyzję (nie tylko heurystyczną).
- Koncentracja - dzięki konkretnym informacjom zwrotnym dla wszystkich zmysłów (zamiast po prostu „odgadnąć”, jaki będzie końcowy produkt), prototypy ugruntują cię w rzeczywistości użytkownika. Priorytety UX stają się widoczne, gdy możesz je doświadczyć przed sobą.
- Równoległość - proces projektowania nie musi być sekwencyjny. Gromadzenie informacji zwrotnych, ustalanie wymagań oraz burza mózgów nowych koncepcji i interakcji może odbywać się w tym samym czasie podczas tworzenia prototypów, a gdy zrobione dobrze, będą się wzajemnie uzupełniać (szczegółowo omawiamy procesy w dalszej części tego ebooka).
Skąd to wiemy? Kiedy pracowaliśmy nad ulepszeniem strony internetowej Yelp, najpierw zbudowaliśmy prototypowy system lo-fi, a następnie hi-fi. Początkowo interaktywność była prosta, ale przy jej projektowaniu mieliśmy do czynienia z decyzjami i przeszkodami, które nie pojawiłyby się w projekcie statycznym. Poprzez prototypowanie zidentyfikowaliśmy i rozwiązaliśmy problemy UX, takie jak przejście ze strony głównej do wyników wyszukiwania bez nagle przytłaczania użytkownika zbyt dużą ilością informacji.
Krótko mówiąc, faza prototypowania miała miejsce, kiedy mogliśmy połączyć nasze cele koncepcyjne z naszą praktyczną rzeczywistością. To było, kiedy projekt wizualny i projekt interakcji wyrównały się.
W jaki sposób prototypowanie ułatwia testowanie użyteczności
Powodem, dla którego dzielimy zadania na szkielety, makiety i prototypy, jest to, że każde z nich ma inny cel.
Koncentrując się na przykład na tworzeniu struktury w wireframe, jesteśmy w stanie stworzyć solidną strukturę bez rozpraszania się jeszcze dzięki makietom wizualnym lub funkcjonalności prototypowej. Podczas gdy wireframing i makiety bardziej skłaniają się ku kreatywności i abstrakcyjności, prototypowanie polega na zrzucaniu pomysłów i wdrażaniu pomysłów w życie - a to wymaga testów użyteczności, aby uzyskać poprawność.
Źródło: Testy użyteczności dla prototypów
Aby dokonać analogii, prototypy są do produktu końcowego, czym są szkice do szkieletów / makiet. Prototypowanie to sposób na „szkicowanie z interakcjami” w celu stworzenia szorstkiego modelu użyteczności, a następnie udoskonalenia i udoskonalenia.
W tym celu niezbędne jest sprawdzenie użyteczności. Jak zalecamy w Przewodniku po prototypowaniu, spróbuj przeprowadzić testy użyteczności na każdym etapie prototypu, aby jego wierność i funkcjonalność poszły we właściwym kierunku. Podczas gdy testy użyteczności są gęste same w sobie (omówione w innym e-booku), oto kilka podstaw, o których należy pamiętać:
- Poznaj produkt - dobrze poznaj swój produkt i co chcesz przetestować przed rozpoczęciem. Jeśli przejdziesz do testowania użyteczności z produktem, który zachowuje się nieprawidłowo lub jeśli nie masz pewności, co należy przetestować, wyniki będą nieważne.
- Zrekrutuj odpowiednich testujących - istnieje prawdopodobieństwo, że Twój produkt jest skierowany do docelowej grupy użytkowników, więc upewnij się, że twoi testujący reprezentują tę grupę. Testy jakościowe mogą być przeprowadzane z udziałem zaledwie 5 osób, testy ilościowe wymagają co najmniej 20 osób ze względu na istotność statystyczną. Aby uzyskać pełną listę porad dotyczących rekrutacji użytkowników, zapoznaj się z listą 234 porad i wskazówek Jakoba Nielsena dotyczących rekrutacji osób do testów użyteczności.
- Przygotuj odpowiedni test - Istnieje wiele różnych rodzajów testów użyteczności i wiele różnych sposobów ich przeprowadzania. Wybierz ten, który pasuje do twojego budżetu, harmonogramu i potrzeb projektu.
- Analizuj wyniki - to wtedy dane użyteczności zamieniają się w informacje projektowe. Uwzględnij swoje ustalenia w swoich iteracjach tak szybko, jak to możliwe.
Źródło: Dlaczego musisz testować tylko z 5 użytkownikami
Aby uzyskać więcej informacji o tym, jakie typy testów użyteczności będą dla Ciebie odpowiednie i jak je przeprowadzić, pobierz bezpłatny ebook Przewodnik po testach użyteczności.
Dlaczego prototypowanie jest obowiązkowe dla urządzeń mobilnych?
Chociaż prototypowanie produktów stacjonarnych jest jedynie zalecane, w przypadku urządzeń mobilnych jest obowiązkowe. Urządzenia mobilne są używane w większej liczbie środowisk niż urządzenia stacjonarne, co prowadzi do znacznie większej liczby scenariuszy użytkowników i przypadków użycia. Oznacza to oczywiście, że chociaż możesz być w stanie uciec od braku prototypowania na komputery stacjonarne, nie będziesz miał szczęścia z telefonem komórkowym.
Rachel Hinman, starszy specjalista ds. Badań UX w Nokia Research Center, zgadza się, że potrzeba mobilnego prototypowania znacznie przewyższa i tak już ważną potrzebę w dziedzinie komputerów stacjonarnych. Spójrz na poniższą tabelę opartą na pokazie slajdów Hinmana, aby zobaczyć porównanie między nimi:
Donna Lichaw, specjalistka ds. Produktu w Greatnorthelectric, zgadza się i porównuje ogólne powody do prototypu z przyczynami specyficznymi dla urządzeń mobilnych. Gesty dodają zupełnie nowy wymiar interaktywności, który nawet nie istnieje w przypadku komputerów stacjonarnych, więc prototypowanie to jedyny sposób na przetestowanie nieskończonej liczby kombinacji gestów i animacji.
Odkryliśmy, że najbardziej istotnymi przyczynami mobilnego prototypowania są:
- Flow tworzy lub psuje wrażenia mobilne - Ponieważ doświadczenia mobilne obejmują kilka stron, przepływ użytkowników powinien znajdować się na pierwszym planie i być na środku listy priorytetów projektowych. Wystarczy odwiedzić UXArchive, aby zobaczyć, jak niektóre z najlepszych firm, takich jak Snapchat, Mapy Google i inne, projektują swoje mobilne przepływy.
- Animacje sprawiają, że wrażenia są przyjemne i pożądane - animacje są podstawowym elementem mikro-interakcji mobilnych, z efektami uruchamianymi gestami, takimi jak czas, prędkość i bujność, dodając element zabawy, zapewniając jednocześnie wizualną informację zwrotną i afordancję. Obejrzyj ten artykuł, aby zobaczyć kontrastujące widoki animacji z Google Material Design i Apple iOS, a następnie zapoznaj się z 20 przykładami najlepszych praktyk w działaniu.
- Błędy UX są droższe - koszty aplikacji mobilnych wahają się od 6 000 USD do 200 000 USD, a średni koszt waha się wokół 6 400 USD. Radzenie sobie z App Store może być również kłopotliwe, więc niektóre prototypy z góry mogą przejść długą drogę w oszczędzaniu czasu, pieniędzy i zdrowia psychicznego.
UXPin pozwala na responsywne animowane prototypowanie i wbudowane testy użyteczności. Twórz zadania, a następnie obserwuj reakcje ekranu i twarzy użytkownika podczas interakcji z projektem. Po każdym teście możesz wygenerować klip wideo, który przechwytuje każde słowo, reakcję i kliknięcie.
Na wynos
Zawsze prototypujemy i doradzamy innym, aby zrobili to samo. Rozumiemy, że pewne ograniczenia mogą utrudnić prototypowanie w niektórych firmach, jednak zdecydowanie zalecamy, aby działał, nawet jeśli jest to tylko ograniczony prototyp. Korzyści znacznie przewyższają koszty: lepsza współpraca między zespołami, wczesne znajdowanie / usuwanie problemów, ulepszanie istniejących projektów i komunikowanie się za pomocą działań, a nie słów. Te zalety są warte dodatkowego czasu i wysiłku.
Aby uzyskać więcej praktycznych porad na temat prototypowania w niskiej lub wysokiej wierności, pobierz bezpłatny Przewodnik po prototypowaniu. Dowiedz się, jak i kiedy korzystać z różnych narzędzi i taktyk prototypowania, korzystając z najlepszych praktyk Zurb, Google Ventures, IDEO i wielu innych. Podano także porady ekspertów takich jak Jeff Gothelf, Todd Zaki Warfel i inni.
