W skrócie: Wireframe to uproszczony projekt struktury ekranu bez końcowej grafiki. Służy do sprawdzenia hierarchii, treści, elementów sterujących i kolejności kroków.
Jak wykorzystuję wireframe’y w praktyce
Pracę z wireframe’em zaczynam od zadania odwiedzającego, a nie od pomysłu projektanta. Przechodzę ścieżkę na małym urządzeniu mobilnym, z klawiaturą i przy wolnym połączeniu, a następnie obserwuję, gdzie ludzie się wahają lub popełniają błędy. Każda korekta powinna mieć uzasadnienie, mierzalny sygnał i możliwie najmniejszą ingerencję, aby można było rozpoznać jej wpływ.
Na co uważać
Najczęstszym błędem jest zmienianie kilku rzeczy naraz bez punktu odniesienia. Wtedy nie da się stwierdzić, czy wireframe rzeczywiście pomógł. Sama metryka, bez obserwacji, również nie wyjaśnia, dlaczego ludzie się wahają lub odchodzą.
Pytania pomocne w podejmowaniu decyzji
- Jakie zadanie osoba chce wykonać na stronie?
- Gdzie może się zawahać, popełnić błąd lub stracić kontekst?
- Czy rozwiązanie działa na urządzeniach mobilnych, z klawiaturą i w wolnej sieci?
- Jaki sygnał pokaże, że zmiana rzeczywiście pomogła?