Projektowanie User Experience dla FMCG i Social Media

Transkrypt

1 Projektowanie User Experience dla FMCG i Social Media Paweł Haltof

2 Agenda 3 min o sobie Z Usability do User Experience O pracy projektanta Projektowanie UX Najlepsze praktyki Ciekawe źródła

3 3 min o sobie

4 Tytuł slajdu wiersz pierwszy Moje hobby w wersji PC 286 Tytuł slajdu wiersz drugi

5 Początki biznesu - zaczynając od tworzenia stron WWW

6 Tytuł Internet slajdu 2000 wiersz rok grafika drugi zdobywa popularność

7 Komunikacja wizualna ma znacznie

8 Z Usability do User Experience

9 Czy tylko twarde Usability? 1. Interfejs musi być skuteczny 2. Interfejs musi być efektywny 3. Interfejs musi satysfakcjonować

10 Tytuł slajdu wiersz pierwszy Czy tylko twarde Usability? Tytuł slajdu wiersz drugi Możemy sprawdzać użyteczność możemy postawić założone hipotezy 1. Interfejs musi być skuteczny możemy zliczać błędy użytkownika 2. Interfejs musi być efektywny możemy zmierzyć czas 3. Interfejs musi satysfakcjonować możemy mierzyć zadowolenie Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na innowacje. Inwestujemy w waszą przyszłość.

11 Jesteśmy tylko ludźmi, lubimy to co piękne Interfejsy są miłe. Lubimy estetyczne rzeczy. Pokonujemy trudności dla pięknych interfejsów.

12 Lubimy to co piękne Ogród, restauracje pasaż miejsce rozmów fotele, krzesła punkt oddawania książek punkty informacyjne parking podziemny i rowerowy

13 Tytuł slajdu wiersz w pierwszy Komunikacja izualna także w interfejsach Żyjemy w świecie społecznym Tytuł slajdu wiersz drugi Interfejsy są miłe Lubimy piękne rzeczy Nawet największe trudności niestraszne dla nagrody Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na innowacje. Inwestujemy w waszą przyszłość.

14 Na czym w takim razie polega praca projektanta?

15 T- MODEL (Peter Boersma, Adap`ve Path) Source:

16 User Experience w FMCG to praktyka Source:

17 T- MODEL (Peter Boersma, Adap`ve Path) Source:

18 User Experience Czym jest

19 User Experience User Experience uwzględnia wszystkie aspekty interakcji (on-line) końcowego użytkownika z firmą, jej usługami i produktami. Nielsen Normar Group, User Experience Our Definition Łączy w sobie różne dyscypliny, marketing, projektowanie graficzne, przemysłowe czy projektowanie interfejsów, Odpowiada za potrzeby klienta, Przekonuje do prostoty i elegancji, Oddaje użytkownikom więcej niż potrzebują, Tworzy produkty, które warto posiadać i używać.

20 User Experience w FMCG Gwarantujemy użyteczność, ale skupiamy się na wartości User Experience! Konkursy, promocje, eventy, Reklamy Rich Media, Strony produktowe, Platformy społecznościowe.

21 Nowe cele: lajki i wysoki engagement Lajki Engagement

22 It s all about. User Experience Perspektywa interfejsu i jego wykorzystania Użytkownik Pozytywne doświadczenia Marke`ng Perspektywa rynku i jego wykorzystania Klient Zakup i lojalność Wspólny cel: Budowanie wartości klienta

23 Projektowanie pod nowe cele Tytuł slajdu wiersz pierwszy

24 1. Projektowanie motywacji

25 Projektowanie motywacji Prostota procesu + nagrody

26 Projektowanie Tytuł slajdu wiersz pierwszy motywacji Tytuł slajdu wiersz drugi Katalizator Innowacji - usługi doradcze dla biznesu realizowane w modelu audytu benchmarkowego. Projekt współfinansowany przez Unię Europejską z Europejskiego Funduszu Rozwoju Regionalnego. Dotacje na innowacje. Inwestujemy w waszą przyszłość.

27 Projektowanie motywacji prostota Motywacja planowana w flow diagramach przepływu

28 Projektowanie motywacji prostota Projektowanie motywacji: Planuj proces Motywuj w architekturze Pracuj z grafikiem nad komunikacją projektu

29 2. Projektowanie perswazji

30 Projektowanie perswazji Projektowanie perswazji: Zrozumiały kod wizualny (semiotyka) Łączenie racjonalnego i irracjonalnego Istotna warstwa obrazowa

31 Perswazja

32 Perswazja

33 Perswazja

34 Perswazja aaa

35 Projektowanie perswazji Projektowanie perswazji: Skutkuje zrozumiały kod wizualny (czytelna semiotyka) Łączenie racjonalnego i irracjonalnego pomaga Istotna warstwa obrazowa

36 3. Projektuj kontekst

37 Projektowanie kontekstu Kontekst użytkowania usługi: - Specyficzne czynniki miejsca i czasu - Kultura i przyzwyczajenia - Pomyśl o personie interakcji

38 Projektowanie kontekstu

39 Projektowanie kontekstu

40 Projektowanie kontekstu Projektuj kontekst użytkowania: - Uwzględniaj naturalne warunki - Myśl o otaczającej nas technologii - Planuj wykorzystanie kontekstu

41 4. Projektuj zaangażowanie

42 Tytuł slajdu wiersz pierwszy Zaprojektuj zaangażowanie Tytuł slajdu wiersz drugi Projektuj zaangażowanie: Dbaj o feedback dla użytkownika Prosta interakcja może angażować w produkt Rozważ zaangażowanie powracającego i znudzonego

43 Engagement User Experience Czas interakcji

44 Engagement User Experience Czas interakcji

45 Więcej: h\p://artefakty.com/komunikaty- prasowe/artegence- pomaga- odkrywac- owocowe- duety- wedla/

46 Tytuł slajdu wiersz pierwszy Zaprojektuj zaangażowanie Tytuł slajdu wiersz drugi Projektuj najlepsze zaangażowanie: Prosty feedback Zrozumiała interakcja Zaplanowanie interakcji

47 5. Projektuj interakcje społeczne

48 Projektuj interakcje społeczne Projektuj interakcje społeczne: Myśl o społeczności w około znajomych Dbaj o prywatność i bezpieczeństwo Daj użytkownikom możliwość współuczestnictwa

49

50 Zobacz showreal The Walking Dead dla FOX Polska:

51 Projektuj interakcje społeczne Projektuj interakcje społeczne: Daj możliwości angażowania znajomych Myśl o technologiach znanych użytkownikom Angażuj społeczność w około marki

52 Najlepsze praktyki

53 Najlepsze praktyki Zbadaj Analizuj Projektuj Testuj wielokrotnie

54 Zbadaj Przed rozpoczęciem zbadaj kontekst i rozpoznaj użytkownika - Rozum podstawowe motywacje i potrzeby - Przetestuj jego zaangażowanie - Sprawdź jego zachowania w Internecie - Możesz stworzyć personę, aby zwizualizować efekty

55 Analizuj Na początku projektowania przygotuj FLOW (diagramy przepływu) - Dokładnie sprawdź scenariusz ścieżki głównej - Usuń elementy obciążające poznawczo, dodaj możliwość powrotu - Analizuj przypadki skrajne, co w momencie wyjścia, co w momencie - Minimalizuj bariery - Sprawdzaj grywalność

56 Projektuj W czasie projektowania korzystaj z prawdziwych danych - Wpisuj komunikatu - Myśl jak motywować, na każdym kroku - Pilnuj spójności do ścieżki

57 Testuj wielokrotnie Po skończonej pracy testuj wielokrotnie - Sprawdzaj realne scenariusze - Proś znajomych o współpracę - Mierz ruch ze strony i facebooka - Weryfikuj komunikację w aplikacji sprawdzaj zrozumienie

58 Kilka dobrych źródeł na początek

59 Tytuł slajdu wiersz pierwszy Organizacje UX/IA Tytuł slajdu wiersz drugi EuroUX/IA Praga 2011

60 Tytuł slajdu wiersz pierwszy Organizacje UX/IA Tytuł slajdu wiersz drugi Wydawnictwo UX: Ranking książek UX/IA: Najlepsze źródło informacji:

61 Zapraszam do współpracy / Paweł Haltof pawel.haltof@artegence.com PS: Rekrutujemy Architektów Informacji