Sposoby na specyfikowanie i prototypowanie

W poście znaczenie prototypowania pokazano zaawansowane narzędzie do tworzenie prototypów. Dobrze dysponować takimi softem, jednak rzeczywistość bywa często brutalna i trzeba sobie jakoś radzić.

Ja osobiście najczęściej korzystam z OpenOffice’a i Calca (darmowy odpowiednik Microsoft Excela). Zalety tego programu (Calca/Excela) są dość proste:

• jest  zainstalowany na prawie każdym komputerze
• większość osób decyzyjnych potrafi z niego korzystać
• jego naturalnym środowiskiem są ramki, czyli układ typowy dla stron www
• w łatwy sposób można dodawać komentarze

Dla przykładu, na potrzeby nowej wersji serwisu dobrzemieszkaj.pl przygotowaliśmy prawie 50 ekranów. Nie powiem, że było to idealne środowisko pracy, jednak z drugiej strony klient mógł bardzo łatwo włączać się do prac nad specyfikacją. Czuliśmy w pewnych sytuacjach ograniczenia i niedoskonałości pracy w arkuszu kalkulacyjnym, jednak to iż udało nam się wyspecyfikować większość serwisu za pomocą Calca, świadczy o dużym potencjale tej metody. Poniżej zrzut ekranu opisującego strone główną.

Specyfikacja strona głownej serwisu dobrzemieszkaj.pl

W przypadku jeśli konieczne jest przedstawienie sposobu działania wybranych elementów lub podstron przed przygotowaniem projektu graficznego, staram się wykonać bardzo prostą stronę html. Co prawda efekt wizualny może nie powala, jednak pozwala na bardzo dobre zrozumienie ‘jak to ma działać?’. Poniżej przykład ekranu edycji artykułu w naszym panelu CMS.

Prototyp edycji artykułu w panelu CMS

Taki prototyp jest zrozumiały zarówno dla użytkowników jak i programistów, którzy pracują nad daną stroną. Jak wygląda efekt końcowy – przykład panelu systemu Sito.ZINE.

Efekt finalny - ekran edycji artykułu w panelu CMS

Osobiście uważam, iż im prostsze i bardziej dostępne narzędzie tym lepsze. Dlatego staram się wykorzystywać znane i dostępne programy.

Tagi: architektura informacji , projekt funkcjonalny , projektowanie stron www , prototypowanie ,

Czytaj także:

• BBCode vs WYSIWYG
• Błędy w architekturze informacji na stronie Brief.pl
• Jak zbudować intuicyjną wyszukiwarke wewnętrzną
• Jak zwiększyć konwersje w systemie e-commerce, o znaczeniu potwierdzenia zamówienia