Upload
agata-cieslar-pasikowska
View
419
Download
1
Embed Size (px)
DESCRIPTION
Proces projektowania architektury informacji produktów interaktywnych - prezentacja dla GTUG Polska - 16 maja 2012
Citation preview
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