Makiety funkcjonalne możesz wykonać w programach specjalistycznych (Axure, Microsoft Visio), prezentacyjnych lub w HTML (rysunek 10.5). Do tworzenia makiet w HTML można wykorzystać graficzny edytor HTML, taki jak Dreamweaver. Makiety funkcjonalne traktuje się dziś zazwyczaj jako prototypy systemu. Można je testować, tworząc interakcję pomiędzy kolejnymi stronami (nawet w PowerPoint można pod różne elementy podpiąć animacje, co pozwala stworzyć interaktywny prototyp). Ja jestem zwolennikiem tworzenia papierowych prototypów. Takie prototypy drukujemy i prowadzimy na nich coś w rodzaju typowych testów z użytkownikami. Testowanie papierowych prototypów wydaje się nawet mniej stresujące dla osób badanych.

Rysunek 10.5. Makieta strony głównej serwisu

Makiety funkcjonalne stają się w kolejnych etapach podstawą do prac graficznych nad serwisem (rysunek 10.6).

Rysunek 10.6. Na podstawie makiet tworzy si ę widok graficzny serwisu. Źródło: http://ibm.com/poland

Test Kruga

Steve Krug proponuje prosty test oceniający pierwszy kontakt ze stroną. Niezależnie od tego, na jakiej podstronie serwisu się znajdziesz, powinieneś błyskawicznie móc odpowiedzieć na pytania:

1. Co to jest za witryna (identyfikator witryny)?
2. Na jakiej jestem stronie (nazwa strony)?
3. Jakie są główne kategorie?
4. Jakie mam opcje do wyboru na tym poziomie struktury?
5. Gdzie znajduję się w odniesieniu do całej struktury?
6. W jaki sposób mogę czegoś poszukać?