Wireframe

Wireframe to makieta strony internetowej. Jest szkicem strony lub aplikacji, dzięki któremu możliwe jest zaplanowanie i sprawdzenie struktury strony, a także funkcji, które ma ona spełniać. Istnieją trzy typy makiet, a mianowicie lo-fi czyli low fidelity, medium-fi oraz hi-fi, a więc high fidelity. Różnią się one szczegółowością oraz dokładnością, w jakiej przedstawiane są na niej rozwiązania. Makiety stron internetowych są przydatne, a nawet niezbędne do:

– budowy i kontroli ścieżek użytkownika (tzw. flow);

– sprawdzania różnych możliwości zaprezentowania informacji na stronie, dzięki czemu łatwiej jest zdecydować się na konkretne rozwiązana;

– wypróbowania nowych pomysłów, które byłyby bardzo kosztowne w realizacji i mogłyby przynieść straty, gdyby się nie sprawdziły;

– testowania założeń strony lub aplikacji;

– komunikacji między członkami zespołu oraz z klientami;

Jak zrobić makietę do strony?

Makietowanie strony musi być poprzedzone rozpoznaniem, czyli zebraniem wszystkich najważniejszych informacji o stronie (tematyka, rodzaj informacji, jakie mają tam być prezentowane, itd.), a także informacji o użytkownikach, a więc grupie docelowej i czynnościach, jakie mają wykonywać na stronie. Makietę strony przygotowuje się na papierze bądź w aplikacji do makietowania (przykład: Figma / Adobe Xd). Jeśli projektujesz na początku na kartce papieru potrzeba jest do tego wiele cierpliwości – niejedna kartka zapewne wyląduje w koszu. Przy projekcie flow warto wykorzystać nawet większe kartki i grubsze markery. Bardziej szczegółowe elementy nanoszone są za pomocą cienkopisów, długopisów czy nawet ołówków. Najlepiej wykorzystać ołówek – nie trzeba od razu wyrzucać kartki do kosza jeśli coś nie wyjdzie, bo można zmazać i poprawić. Na kartkę nanosimy wszystkie najważniejsze elementy i oznaczenia. Trzeba to robić do skutku, a więc uzyskania makiety poprawnej i perfekcyjnej strony internetowej. Gotową makietę można przenieść do programu komputerowego i w nim udoskonalać. Makietę strony internetowej może zrobić niemal każdy, ale najczęściej zajmuje się tym UI/UX designer (projektant doświadczenia użytkownika) lub projektant web czy grafik komputerowy a jeśli takiego potrzebujesz – skontaktuj się ze mną.