PROJEKTOWANIE UKIERUNKOWANE NA UŻYTKOWNIKA

Transkrypt

1 PROJEKTOWANIE UKIERUNKOWANE NA UŻYTKOWNIKA

2 SKALA PROBLEMU Według agencji NetCraft we wrześniu 2016 roku istniało 1,286 milionów witryn internetowych. To oznacza, że: konkurencja jest ogromna, użytkownik może wybierać pomiędzy wieloma stronami i aplikacjami webowymi, aby zatrzymać użytkownika, należy zapewnić mu możliwie największy komfort użytkowania.

3 USER EXPERIENCE (UX) UX to określenie obejmujące wszystkie aspekty interakcji użytkownika z firmą, jej usługami i produktami, w tym praktyczne odczucia dotyczące użyteczności, funkcjonalności oraz efektywności aplikacji lub systemu, ale też zagadnienia dotyczące przyjemności oraz satysfakcji z jego posiadania lub korzystania. Podstawowym wymogiem podczas projektowania doskonałego User Experience jest bezproblemowe zaspokajanie potrzeb konsumenta.

4 USER EXPERIENCE (UX) Aby to zagwarantować, projektant musi nie tylko uwzględnić wymogi funkcjonalne aplikacji lub witryny internetowej, ale też skupić się na zagadnieniach psychologicznych, marketingowych i społecznych. Według Petera Morville a istnieje sześć obszarów UX, które dopiero w połączeniu prowadzą do uzyskania wartości dodanej czyli zysku.

5 funkcjonalny - pożyteczny i zapewniający odpowiednie funkcje; użyteczny prosty, zrozumiały, intuicyjny; pożądany wzbudza chęć używania; znajdywalny zapewnia łatwą nawigację i odnajdywanie potrzebnych informacji; dostępny spełnia zasady dostępności dla osób niepełnosprawnych; wiarygodny wzbudzający zaufanie klientów.

6 UŻYTECZNOŚĆ (USABILITY) Nnauka zajmująca się ergonomią i funkcjonalnością interaktywnych urządzeń, aplikacji oraz stron internetowych. W odniesieniu do witryn internetowych używa się określenia web-usability. Rozpatrując tę definicję należy wyraźnie oddzielić pojęcie funkcjonalności od pojęcia użyteczności produktu. Funkcjonalność to zbiór czynności, jakie można wykonać przy pomocy danej aplikacji. Użyteczność opisuje efektywność i wygodę ich wykonywania. FUNKCJONALNOŚĆ + UŻYTECZNOŚĆ = PRZYDATNA APLIKACJA

7 UŻYTECZNOŚĆ Norma ISO Guidance on Usability z 1998 Miara wydajności, efektywności i satysfakcji użytkownika, z jaką dany produkt może być używany dla osiągnięcia danych celów przez danych użytkowników w danym kontekście.

8 UŻYTECZNOŚĆ Wydajność - zmierzone wyniki uzyskiwane w pracy z systemem (np. średni czas ukończenia zadania, liczba i rodzaj popełnianych przy tym błędów, wzrost wydajności w porównaniu do innej metody pracy) Efektywność - nakłady użytkownika potrzebne dla uzyskania założonych wyników (np. czas i wysiłek psychiczny potrzebny do nauczenia się podstawowej obsługi systemu, trwałość zachowania nabytych umiejętności) Satysfakcja - subiektywne odczucia użytkowników, wyrażane na temat pracy z systemem i uzyskanych przy jego pomocy wyników.

9 WSKAŹNIKI UŻYTECZNOŚCI (WG DR JAKOBA NIELSENA) nauczalność jak łatwo jest użytkownikowi wykonać podstawowe czynności podczas pierwszego kontaktu z produktem; efektywność jak szybko użytkownicy uczą się interfejsu i jak szybko wykonują zadania; zapamiętywalność jak szybko użytkownicy przypominają sobie sposoby korzystania z systemu po dłuższej przerwie; błędy jak często użytkownicy popełniają błędy i w jaki sposób mogą powrócić do pracy; satysfakcja czy korzystanie z produktu sprawia przyjemność i w jakim stopniu.

10 PROJEKTOWANIE Projekt interfejsu informacyjnego lub aplikacji to przede wszystkim dopracowana i dobrze przemyślana architektura wraz z odpowiednimi funkcjonalnościami wynikającymi z danego rozwiązania. Obejmuje: Analiza architektury informacyjnej Projektowanie makrofunkcjonalności Projektowanie mikrofunkcjonalności Projekt graficzny Prototypowanie Testowanie funkcjonalności prototypu

11 ETAPY PROCESU PROJEKTOWANIA Badania wstępne - kim są domyślni użytkownicy i co już robią. Analiza celu i zadań - jak użytkownicy będą korzystać z produktu. Opracowanie modeli, np. person (czyli modeli użytkowników), scenariuszy (modeli występujących powszechnie zadań i sytuacji) oraz prototypów (modeli samego interfejsu). Empiryczne testy projektu testy używalności i obserwacja użytkowników korzystających z interfejsu.

12 WAŻNE PYTANIA Jaki jest cel (główne zadanie systemu)? Czemu ma on służyć? Komu ma on służyć? Kto będzie użytkownikiem systemu? Jakie są potrzeby takiego typu użytkownika? Jakie informacje będzie zawierał system? Kto będzie dostarczał informacji do systemu, kto będzie tę informację selekcjonował i jaka jest gwarancja wysokiej jakości informacji w systemie? Jakiej platformy sprzętowej i programowej użyć, aby interfejs systemu był maksymalnie przyjazny dla danej kategorii odbiorców?

13 BADANIA WSTĘPNE Każda grupa użytkowników jest wyjątkowa i ma inne potrzeby. Docelowa grupa odbiorców nowej aplikacji na telefony komórkowe będzie się różnić od grupy odbiorców programu naukowego. Użytkownik należący do obydwu tych grup i tak będzie miał inne oczekiwania w stosunku do samych produktów.

14 CO POWINNIŚMY WIEDZIEĆ O UŻYTKOWNIKACH W jakim celu używają aplikacji lub strony? Jakie konkretnie zadania wykonują w ramach osiągania owych celów? Jakim językiem i jakimi terminami posługują się, opisując swoje czynności? Jak umiejętnie posługują się programami podobnymi do tego, który tworzymy? Jaki jest ich stosunek do tego, co projektujemy, i jak różne warianty projektu mogą na ów stosunek wpływać?

15 POZYSKIWANIE INFORMACJI Obserwacja bezpośrednia - wywiady i spotkania pozwalają wkroczyć bezpośrednio w świat użytkownika, którego możesz spytać o jego cele i typowe czynności. Studia przypadków - dają dogłębny i szczegółowy ogląd kilku reprezentatywnych użytkowników bądź grup użytkowników. Ankiety. Persony - test to technika projektowa polegająca na utworzeniu modeli" grup docelowych. Dla każdej większej grupy użytkowników tworzy się fikcyjną postać, uosabiającą najważniejsze właściwości tych użytkowników: czynności, jakie wykonują, ostateczne cele oraz doświadczenie z daną tematyką i obsługą komputerów w ogóle.

16 WZORCE UŻYTKOWNIKÓW 1. Bezpieczna Eksploracja. 2. Pragnienie Natychmiastowej Satysfakcji. 3. Satisficing. 4. Zmiany Na Bieżąco. 5. Odwlekanie Decyzji. 6. Stopniowa Konstrukcja. 7. Przyzwyczajenie i pamięć przestrzenna. 8. Mikroprzerwy. 9. Wspomagane Powtarzanie 10. Miłość Do Klawiatury. 11. Porady innych i osobiste rekomendacje.

17 BEZPIECZNA EKSPLORACJA Użytkownik czujący, że może swobodnie zapoznawać się z interfejsem, nie narażając się na niepożądane konsekwencje, ma szansę nauczyć się więcej i z większą chęcią niż ktoś, kto nie jest skłonny do takiej eksploracji. Dobre oprogramowanie pozwala na wypróbowanie czegoś nowego, ewentualne zrezygnowanie z tej czynności i spróbowanie czegoś jeszcze innego zupełnie bez stresu.

18 PRAGNIENIE NATYCHMIASTOWEJ SATYSFAKCJI Ludzie lubią, gdy ich działania odnoszą natychmiastowy skutek. Kiedy nowy użytkownik aplikacji odnosi sukces" już po pierwszych kilku sekundach, od razu czuje się usatysfakcjonowany. Jeśli potrafisz przewidzieć pierwszą czynność, którą użytkownik wykona, powinieneś przygotować interfejs tak, by jej wykonanie było oszałamiająco proste. Kiedy użytkownik zamierza wykonać jakieś zadanie, wskaż mu standardowy punkt wyjścia.

19

20 SATISFICING satisficing = satisfying (zadowalający) + sufficing (wystarczający) Nie szukamy najlepszych rozwiązań, ale zadowalamy się tym, co działa. Interfejs powinien zawierać wyraziste wezwania do działania".

21 ZMIANY NA BIEŻĄCO Cel użytkownika może ulec zmianie, kiedy już korzysta z interfejsu. Warto więc zapamiętywać jego działania i umożliwiać późniejszy powrót, do tego co użytkownik robił zanim się rozmyślił. Np. formularz zapamiętuje dane nawet po wyłączeniu telefonu.

22 ODWLEKANIE DECYZJI Nastawiony na wykonanie zadania użytkownik potraktowany zbędnymi pytaniami prawdopodobnie zdecyduje się je pominąć, by wrócić do nich później. Czasem zaczynając pracę użytkownik jeszcze nie wie, jak nazwać projekt, na jakim serwerze go umieścić, czy jaką ikonkę wybierze na logo. Podobnie rejestracja wymagająca wypełniania wielu niepotrzebnych pól, które można by wypełnić później, może zrazić użytkownika.

23 STOPNIOWA KONSTRUKCJA Człowiek zajęty tworzeniem czegoś zazwyczaj nie przestrzega dokładnej kolejności. Wykonuje pewien element, przechodzi do innego, wraca, poprawia. Interfejsy aplikacji produkcyjnych muszą być przystosowane do tego stylu pracy. Niech interfejs pozwala na nanoszenie szybkich zmian i bezzwłoczne zapisywanie postępów.

24 PRZYZWYCZAJENIE Standardy staja się standardami, ponieważ się sprawdzają i są powszechnie używane. Kiedy często używa się jednego interfejsu, po jakimś czasie pewne czynności fizyczne stają się odruchowe. Chodzi o czynności, takie jak naciskanie Ctrl+S, by zapisać dokument, klikanie przycisku Wstecz. Podobnie z interfejsem jeśli aplikacje mobilne korzystają z ikonki hamburgera jako menu, to po co szukać innego oznakowania?

25 PAMIĘĆ PRZESTRZENNA Ludzie posługujący się dokumentami i obiektami zazwyczaj odnajdują je później według tego, gdzie są, a nie tego, jak się nazywają. W wielu aplikacjach przyciski okien OK, Anuluj itp. znajdują się w przewidywalnych miejscach, ponieważ odnosząca się do nich pamięć przestrzenna jest silnie zakorzeniona. Pamięć przestrzenna, poza przyzwyczajeniem (z którym jest zresztą blisko powiązana), jest kolejnym argumentem przemawiającym za dbałością o zachowanie spójności na przestrzeni różnych aplikacji na danej platformie. Ludzie mogą oczekiwać podobieństw w funkcjonalności w podobnych miejscach.

26 MIKROPRZERWY Ludziom często trafia się kilka minut przerwy. Być może muszą dać odpocząć swojemu umysłowi. Być może są znudzeni i zniecierpliwieni. Chcą zrobić coś konstruktywnego lub zabawnego, żeby spędzić kilka wolnych chwil; wiedzą jednocześnie, że na bardziej pochłaniające sposoby spędzania czasu w sieci nie mogą sobie pozwolić. Wzorzec ten odnosi się szczególnie do urządzeń przenośnych, ponieważ w takich momentach można z nich bez trudności skorzystać.

27 MIKROPRZERWY, CZ. 2 Oto kilka typowych czynności, które można wykonać podczas mikroprzerwy. Sprawdzenie a. Przeczytanie Aktualności na Facebooku lub Twitterze. Obejrzenie krótkiego filmu, czytanie książki online, pogranie w grę. Interfejs powinien zapewniać łatwe przełączanie się bez utraty danych. Np. Ctrl+Tab in Windows.

28 WSPOMAGANE POWTARZANIE Przy korzystaniu z różnego rodzaju aplikacji użytkownik musi niekiedy wielokrotnie powtarzać jedną czynność. Im to jest łatwiejsze, tym lepiej. Przydają się do tego skróty klawiszowe, np. Ctrl+A do zaznaczenia całego obszaru lub przyciski pozwalające zredukować kilka kliknięć do jednego, np. Wykonaj ponownie na przelewie bankowym

29 MIŁOŚĆ DO KLAWIATURY Są ludzie, dla których używanie myszy jest trudne z obiektywnych, fizycznych przyczyn. Inni nie lubią się przełączać między klawiaturą a myszą. Dla dobra użytkowników pewne aplikacje tworzy się z myślą o umożliwieniu ich użytkowania za pośrednictwem wyłącznie klawiatury. Pomagają w tym skróty klawiszowe i domyślne zachowania elementów, np. enter na stronie z formularzem domyślnie uruchamia przycisk do wysłania formularza.

30 PORADY INNYCH Człowiek jest istotą społeczną. Choć zdarza nam się mieć twarde przekonania, często sugerujemy się tym, co myślą inni. Jeżeli wykonywane zadanie jest czynnością twórczą, można zachęcić użytkowników do wystawiania swoich prac na widok publiczny. Jeśli celem jest znalezienie konkretnej informacji lub jakiegoś elementu, można pokazać użytkownikom, co inni ludzie znajdowali przy podobnych zapytaniach.

31 OSOBISTE REKOMENDACJE Wzorzec opiera się na tej samej zasadzie, co poprzedni: myśli innych ludzi mają na nas wpływ i to na tyle, że chętniej czytamy artykuły i oglądamy filmy polecone przez innych niż znalezione w inny sposób. Warto wprowadzić obsługę współdzielenia treści między ludźmi, np. przez zapewnienie opcji Share lub za pomocą a.

32 HEURYSTYKI JAKOBA NIELSENA I RALFA MOLICHA (1990 R) Pokazuj status systemu system powinien zawsze informować użytkownika, w którym miejscu się znajduje. Zachowaj zgodność pomiędzy systemem a rzeczywistością system powinien odzwierciedlać rzeczywistość użytkownika korzystać ze zwrotów, schematów, które użytkownik zna i rozumie. Daj użytkownikowi pełną kontrolę należy przewidzieć różne zachowania użytkownika i zapewnić mu możliwość powrotu lub powtórzenia podjętych akcji.

33 Trzymaj się standardów i zachowaj spójność aplikacje powinny wykorzystywać rozwiązania, schematy i symbole znane użytkownikowi z innych tego typu rozwiązań. Zapobiegaj błędom. Pozwalaj wybierać zamiast zmuszać do pamiętania użytkownik powinien mieć prezentowane wszystkie potrzebne informacje bez konieczności zapamiętywania, jak się do nich dostać. Zapewnij elastyczność i efektywność system powinien dostosowywać się do działań użytkowników i zapewniać im jak najszybszy dostęp do informacji. Dbaj o estetykę i umiar interfejs powinien być prosty i czytelny. Zapewnij skuteczną obsługę błędów. Zadbaj o pomoc i dokumentację.

34 DZIĘKUJĘ ZA UWAGĘ