Prototypowanie

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

Agenda ,[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Trzy złe pomysły na rozpoczęcie budowy serwisu ,[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Na czym się kończy… 29 V 2009 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: ,[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Przed stworzeniem prototypu 29 V 2009 Asymetria: Prototypowanie serwisów WWW ,[object Object],[object Object],[object Object],[object Object],[object Object]

Scenariusze użycia - przykład 29 V 2009 Asymetria: Prototypowanie serwisów WWW http://www.jjg.net/ia/visvocab/ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Rodzaje prototypów (1/4): papierowe ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],29 V 2009 Drukowane / rysowane / układane z magnesów http://www.sitepoint.com/kits/usability1/ Asymetria: Prototypowanie serwisów WWW

[object Object],[object Object],[object Object],[object Object],Rodzaje prototypów (2/4): koncepcyjne 29 V 2009 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 ,[object Object],[object Object],[object Object],29 V 2009 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 ,[object Object],[object Object],29 V 2009 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 29 V 2009 http://www.guuui.com/issues/01_03_02.php Asymetria: Prototypowanie serwisów WWW Jestem zupełnie zadowolony z tworzenia prototypów przy użyciu: Całkowicie się nie zgadzam Nie zgadzam się Brak zdania Zgadzam się Całkowicie się zgadzam graficznego/tekstowego edytora HTML (15 odp.) 6.7% 20.0% 6.7% 60.0% 6.7% narzędzia do tworzenia diagramów (13 odp.) 7.7% 76.9% 7.7% 0.0% 7.7% programów graficznych (10 odp.) 10.0% 20.0% 20.0% 50.0% 0.0%

Zalety prototypów ,[object Object],[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: zakres ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: zakres 29 V 2009 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ść ,[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Tworzenie prototypów: czytelność ,[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Testowanie z udziałem użytkowników: prototypy statyczne ,[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Testowanie z udziałem użytkowników: prototypy interaktywne ,[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Nowoczesne narzędzia do prototypowania ,[object Object],[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Narzędzia do prototypowania: potrzebne i przydatne funkcje ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW 1 2 3 4 6 Axure RP www.axure.com

Prototypy jako fundament a nie projekt? ,[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Dobre pomysły na rozpoczęcie budowy serwisu ,[object Object],[object Object],[object Object],[object Object],29 V 2009 Asymetria: Prototypowanie serwisów WWW

Dziękuję za uwagę Wojtek Chojnacki [email_address] Asymetria: Prototypowanie serwisów WWW

Prototypowanie

Recommended

Recommended

More Related Content

Similar to Prototypowanie

Similar to Prototypowanie (20)

More from Symetria

More from Symetria (20)

Prototypowanie