Prototypowanie

Prototypowanie serwisów WWWczyli „zmieńmy jeszcze parę szczegółów”: 

Prototypowanie serwisów WWW czyli „zmieńmy jeszcze parę szczegółów” Wojtek Chojnacki

Agenda: 

Agenda luty 08 Asymetria: Prototypowanie serwisów WWW 2

Trzy złe pomysły na rozpoczęcie budowy serwisu: 

Trzy złe pomysły na rozpoczęcie budowy serwisu luty 08 3 Asymetria: Prototypowanie serwisów WWW

Na czym się kończy…: 

Na czym się kończy… luty 08 4 Zbliżamy się do celu, ale to jeszcze nie to Oby tym razem zaakceptowali… Niezłe, ale czuję nieodpartą pokusę zgłoszenia jeszcze kilku uwag Muszę zobaczyć jeszcze dwie wersje w innych kolorach! Asymetria: Prototypowanie serwisów WWW

Bez prototypu:: 

Bez prototypu: luty 08 5 Asymetria: Prototypowanie serwisów WWW

Przed stworzeniem prototypu: 

Przed stworzeniem prototypu luty 08 6 Asymetria: Prototypowanie serwisów WWW Filozofia serwisu – po co istnieje serwis, komu ma służyć? Cele serwisu z punktu widzenia twórcy Potrzeby użytkowników realizowane przez serwis Metody realizacji powyższych Scenariusze użycia

Scenariusze użycia - przykład: 

Scenariusze użycia - przykład luty 08 7 Asymetria: Prototypowanie serwisów WWW http://www.jjg.net/ia/visvocab/ Edycja profilu przez użytkownika 1.A Użytkownik loguje się wpisując błędne hasło 2.A Serwis wyświetla ponownie stronę logowania z komunikatem o błędzie -> 1A 1.B Użytkownik loguje się wpisując poprawne hasło 2.B Serwis wyświetla stronę profilu użytkownika Użytkownik wpisuje nowe wartości wybranych cech w profilu 4.A Użytkownik zapisuje aktualny stan cech profilu przyciskiem akceptacji 4.B Użytkownik porzuca zapis przyciskiem anulowania 5. Użytkownik wraca na stronę logowania

Rodzaje prototypów (1/4):papierowe: 

Rodzaje prototypów (1/4): papierowe luty 08 8 Drukowane / rysowane / układane z magnesów http://www.sitepoint.com/kits/usability1/ Asymetria: Prototypowanie serwisów WWW

Rodzaje prototypów (2/4):koncepcyjne: 

luty 08 9 Rodzaje prototypów (2/4): koncepcyjne Zalety: + Pozwalają skupić się na treści + Nie ingerują w prace grafika + Dobre jako narzędzie wspomagające Asymetria: Prototypowanie serwisów WWW

Rodzaje prototypów (3/4):wizualne-statyczne: 

Rodzaje prototypów (3/4): wizualne-statyczne luty 08 10 Schematyczne szkielety stron w plikach graficznych Zalety: + Pozwalają dostosować ilość treści do stron + Dobrze komunikują treść i sposób przedstawienia + Stanowią precyzyjne wytyczne dla grafika Asymetria: Prototypowanie serwisów WWW

Rodzaje prototypów (4/4):prototypy HTML/Visio: 

Rodzaje prototypów (4/4): prototypy HTML/Visio luty 08 11 Schematyczne szkielety stron w postaci umożliwiającej interakcję Zalety: + wszystkie zalety statycznych makiet + umożliwiają łatwe przetestowanie ścieżek użycia + najlepiej komunikują obraz serwisu + proste wprowadzanie zmian na dużą skalę Asymetria: Prototypowanie serwisów WWW

Zadowolenie z narzędzi do prototypowania: 

Zadowolenie z narzędzi do prototypowania luty 08 12 http://www.guuui.com/issues/01_03_02.php Asymetria: Prototypowanie serwisów WWW

Zalety prototypów: 

Zalety prototypów luty 08 13 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: zakres: 

Tworzenie prototypów: zakres Warto stworzyć makiety: Można pominąć: luty 08 14 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: zakres: 

Tworzenie prototypów: zakres luty 08 15 Stworzone przy użyciu NetObjects Fusion 10 Gotowe strony można stworzyć przez analogię do produktu 1 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: wierność: 

Tworzenie prototypów: wierność luty 08 16 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów:czytelność: 

Tworzenie prototypów: czytelność luty 08 17 Asymetria: Prototypowanie serwisów WWW

Testowanie z udziałem użytkowników: prototypy statyczne: 

Testowanie z udziałem użytkowników: prototypy statyczne luty 08 18 Asymetria: Prototypowanie serwisów WWW

Testowanie z udziałem użytkowników: prototypy interaktywne: 

Testowanie z udziałem użytkowników: prototypy interaktywne luty 08 19 Asymetria: Prototypowanie serwisów WWW

Nowoczesne narzędzia do prototypowania: 

Nowoczesne narzędzia do prototypowania luty 08 20 Asymetria: Prototypowanie serwisów WWW

Narzędzia do prototypowania: potrzebne i przydatne funkcje: 

Narzędzia do prototypowania: potrzebne i przydatne funkcje luty 08 21 Asymetria: Prototypowanie serwisów WWW 1 2 3 4 6 Axure RP www.axure.com

Prototypy jako fundament a nie projekt?: 

Prototypy jako fundament a nie projekt? luty 08 22 Asymetria: Prototypowanie serwisów WWW

Dobre pomysły na rozpoczęcie budowy serwisu: 

Dobre pomysły na rozpoczęcie budowy serwisu luty 08 23 Asymetria: Prototypowanie serwisów WWW

Dziękuję za uwagęWojtek Chojnackiwojciech.chojnacki@symetria.pl: 

Dziękuję za uwagę Wojtek Chojnacki wojciech.chojnacki@symetria.pl Asymetria: Prototypowanie serwisów WWW