Projektowanie User Experience dla FMCG i Social Media Paweł Haltof
Agenda 3 min o sobie Z Usability do User Experience O pracy projektanta Projektowanie UX Najlepsze praktyki Ciekawe źródła
3 min o sobie
Tytuł slajdu wiersz pierwszy Moje hobby w wersji PC 286 Tytuł slajdu wiersz drugi
Początki biznesu - zaczynając od tworzenia stron WWW
Tytuł Internet slajdu 2000 wiersz rok grafika drugi zdobywa popularność
Komunikacja wizualna ma znacznie
Z Usability do User Experience
Czy tylko twarde Usability? 1. Interfejs musi być skuteczny 2. Interfejs musi być efektywny 3. Interfejs musi satysfakcjonować
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ść.
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.
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
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ść.
Na czym w takim razie polega praca projektanta?
T- MODEL (Peter Boersma, Adap`ve Path) Source: http://www.slideshare.net/pboersma/ux-still-the-next-step-for-information-architects
User Experience w FMCG to praktyka Source: http://www.slideshare.net/pboersma/uxstill-the-next-step-for-information-architects
T- MODEL (Peter Boersma, Adap`ve Path) Source: http://www.slideshare.net/pboersma/uxstill-the-next-step-for-information-architects
User Experience Czym jest
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 http://www.nngroup.com/about/ Łą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ć.
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.
Nowe cele: lajki i wysoki engagement Lajki Engagement
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
Projektowanie pod nowe cele Tytuł slajdu wiersz pierwszy
1. Projektowanie motywacji
Projektowanie motywacji Prostota procesu + nagrody
Projektowanie Tytuł slajdu wiersz pierwszy motywacji Tytuł slajdu wiersz drugi http://artefakty.com/komunikatyprasowe/artegence-sprawdzakto-jest-gotowy-na-wszystko/ 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ść.
Projektowanie motywacji prostota Motywacja planowana w flow diagramach przepływu
Projektowanie motywacji prostota Projektowanie motywacji: Planuj proces Motywuj w architekturze Pracuj z grafikiem nad komunikacją projektu
2. Projektowanie perswazji
Projektowanie perswazji Projektowanie perswazji: Zrozumiały kod wizualny (semiotyka) Łączenie racjonalnego i irracjonalnego Istotna warstwa obrazowa
Perswazja
Perswazja
Perswazja
Perswazja aaa
Projektowanie perswazji Projektowanie perswazji: Skutkuje zrozumiały kod wizualny (czytelna semiotyka) Łączenie racjonalnego i irracjonalnego pomaga Istotna warstwa obrazowa
3. Projektuj kontekst
Projektowanie kontekstu Kontekst użytkowania usługi: - Specyficzne czynniki miejsca i czasu - Kultura i przyzwyczajenia - Pomyśl o personie interakcji
Projektowanie kontekstu
Projektowanie kontekstu
Projektowanie kontekstu Projektuj kontekst użytkowania: - Uwzględniaj naturalne warunki - Myśl o otaczającej nas technologii - Planuj wykorzystanie kontekstu
4. Projektuj zaangażowanie
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
Engagement User Experience http://niagaro.pl/wedel Czas interakcji
Engagement User Experience http://niagaro.pl/wedel Czas interakcji
Więcej: h\p://artefakty.com/komunikaty- prasowe/artegence- pomaga- odkrywac- owocowe- duety- wedla/
Tytuł slajdu wiersz pierwszy Zaprojektuj zaangażowanie Tytuł slajdu wiersz drugi Projektuj najlepsze zaangażowanie: Prosty feedback Zrozumiała interakcja Zaplanowanie interakcji
5. Projektuj interakcje społeczne
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
Zobacz showreal The Walking Dead dla FOX Polska: http://www.youtube.com/watch?v=2snbaausrts
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
Najlepsze praktyki
Najlepsze praktyki Zbadaj Analizuj Projektuj Testuj wielokrotnie
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
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ść
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
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
Kilka dobrych źródeł na początek
Tytuł slajdu wiersz pierwszy Organizacje UX/IA Tytuł slajdu wiersz drugi EuroUX/IA Praga 2011
Tytuł slajdu wiersz pierwszy Organizacje UX/IA Tytuł slajdu wiersz drugi Wydawnictwo UX: http://rosenfeldmedia.com/ Ranking książek UX/IA: http://rosenfeldmedia.com/uxzeitgeist/ Najlepsze źródło informacji: http://www.boxesandarrows.com/
Zapraszam do współpracy / Paweł Haltof twi\er: @yuux_eu pawel.haltof@artegence.com PS: Rekrutujemy Architektów Informacji