prezentacja dla gtug polska 2012

Proces projektowania Architektury Informacji produktów

interaktywnych

Agata Pasikowska

Paweł Majnert

dla

16 maja 2012

Agenda:

I. Kim jesteśmy II. Teoria

III.Narz"dzia IV. Przykładowy proces

Agata Pasikowska

Paweł Majnert

Architektka informacji i specjalistka User Exprience w Kalicinscy.com. Ukończyła Społeczn$ Psychologi" Internetu i Komunikacji SWPS. Doktorantka i wykładowca Psychologii Nowych Technologii SWPS w Warszawie. Swoje pocz$tki w bran%y rozpocz"ła jako konsultant u%yteczności w firmie UseLab, nast"pnie jako specjalistka IA/UX w Artegence. Obecnie w Kalicińscy.com pracuje nad aplikacjami mobilnymi Przepisy.pl (Knorr)

Architekt informacji i strateg w Kalicinscy.com. Ukończył socjologi" w Szkole Wy%szej Psychologii Społecznej w Warszawie. Swoje pocz$tki w bran%y usability rozpocz$ł w Komitywie.com (Grupa K2 Internet) jako metodolog badań, nast"pnie jako architekt informacji i konsultant u%yteczności w firmie Uselab. Obecnie w Kalicińscy.com pracuje nad: rozwijaniem ekosystemu Przepisy.pl (Knorr), aplikacjami na FB (Knorr, Dove, Ikea, Śkoda)

Conceptual design, czyli...

• czynność: projektowanie konceptualne

• efekt: projekt koncepcyjny

User Centered Design, czyli... •Jest to proces projektowania zorientowany na potrzeby

u%ytkownika

•Zapewnia wysok$ u%yteczność produktu

•U%ytkownik jest obecny na ka%dym etapie

•Jako model (koncepcja, projekt interakcji)

•Bezpośrednio (wywiady, testy u%yteczności)

•Dobry interfejs nie powstaje za pierwszym razem, ale

poprzez wielokrotne testowanie i zmienianie

metodologia

filozofia

podejście projektowe

Cel: Optymalizacja UX

Narz"dzia Conceptual Design

USER CENTERED DESIGN

i

Idea produktu

Zachowania u%ytkownika

Mo%liwości technologiczne

Cele biznesowe

Idea produktu

JAK WYGL(DA PROCES UCD?

1. Research

2. Koncepcja

3. Projektowanie

4. Ewaluacja

1. Research

Metody: wywiady pogł"bione,

wywiady etnograficzne, ankiety/kwestionariusze, warsztaty, burze mózgów, analiza treści, modele

mentalne, persony, scenariusze u%ycia, affinity

diagram, ocena heurystyczna, tworzenie

strategii

II. Narz"dzia Burza mózgów

II. Narz"dzia

Audyt ekspercki

Ocena ekspercka

II. Narz"dzia

Analiza konkurencji

II. Narz"dzia Benchmarking

II. Narz"dzia Desk research

2. Koncepcja

Metody: Storyboardy, Skecze,

Card sorting, Makiety, Participatory Design,

Page layout, Modelowanie nawigacji

II. Narz"dzia Cardsorting

II. Narz"dzia Persony

II. Narz"dzia Scenariusze u%ycia

II. Narz"dzia

Analiza i specyfikacja kontekstu u%ycia

Analiza i specyfikacja wymagań

Metody: projektowanie

identyfikacji graficznej, marki, ikon, makiet ekranów, dogadamy interakcji, prototypy papierowe, prototypy interaktywne, opisy

funkcjonalne

3. Projektowanie

II. Narz"dzia Diagramy działania i mapa strony

II. Narz"dzia Sketching Makieta Prototyp

II. Narz"dzia Opis funkcjonalny

II. Narz"dzia Dane z Google Analitics i Clicktale

JAK WYGLĄDA PROCES UCD?

Metody: Testy użyteczności, Ocena

heurestyczna, Web Analytics

4. Ewaluacja

PRZYKŁAD PROCESU UCD:

1. Wywiady

2. Persony

3. Skecze Storyboardów

4. Papierowe prototypy

5. Testy u%yteczności

6. Prototypy interaktywne

7. Testy u%yteczności

Dzi"kujemy

pawel.majnert@kalicinscy.com agata.pasikowska@kalicinscy.com