Wireframe

Streszczenie:

Wireframe to zarys produktu, prezentujący jego kluczowe elementy i wstępną strukturę, jeszcze przed przystąpieniem do projektowania detali.

Mariusz Słowik
Head of design

> encyklopedia > wireframe

Co to jest wireframe?

Wireframe pokazuje wstępny wygląd produktu, najczęściej strony internetowej lub aplikacji. To pierwszy krok pozwalający projektantom UX i UI na stworzenie struktury i obmyślenie funkcjonalności.

Służy do zaplanowania struktury, położenia elementów oraz interakcji z użytkownikiem na wczesnym etapie projektowania.

Rola wireframe w biznesie:

Umożliwia przedstawienie pomysłów i koncepcji w szybki, zrozumiały sposób i sprawne dopięcie koncepcji przed przystąpieniem do projektowania detali.

Już na tym etapie można wyeliminować błędy, które marnowałyby budżet na etapie projektu.

Praktyczne wskazówki dotyczące wireframe:

Zbieraj opinie na wczesnym etapie, wykorzystaj wireframe, aby uzyskać feedback od interesariuszy

1

Nie zagłębiaj się w detale, to etap na weryfikowanie koncepcji

3

Wizualizuj proces użytkownika, pokaż, jak będzie działać strona internetowa lub aplikacja

2