Lyhyesti: Wireframe on näytön rakenteen yksinkertaistettu suunnitelma ilman lopullista grafiikkaa. Sen avulla tarkistetaan hierarkia, sisältö, ohjaimet ja vaiheiden järjestys.
Miten käytän wireframeja käytännössä
Wireframessa aloitan kävijän tehtävästä, en suunnittelijan ideasta. Käyn polun läpi pienellä mobiililaitteella, näppäimistöllä ja hitaalla yhteydellä ja seuraan, missä ihmiset epäröivät tai tekevät virheitä. Jokaisella muutoksella pitäisi olla syy, mitattava signaali ja mahdollisimman pieni toteutus, jotta sen vaikutus voidaan tunnistaa.
Mitä kannattaa ottaa huomioon
Yleisin virhe on muuttaa useita asioita kerralla ilman lähtötasoa. Silloin on mahdotonta tietää, auttoiko Wireframe todella. Pelkkä mittari ilman havainnointia ei myöskään kerro, miksi ihmiset epäröivät tai poistuvat.
Kysymyksiä päätöksentekoon
- Minkä tehtävän henkilö haluaa sivulla suorittaa?
- Missä hän saattaa epäröidä, tehdä virheen tai menettää asiayhteyden?
- Toimiiko ratkaisu mobiilissa, näppäimistöllä ja hitaassa verkossa?
- Mikä signaali osoittaa, että muutos todella auttoi?