Makiety UX

Typy makiet UX

Makietowanie może odbywać się na różnych poziomach szczegółowości, wyróżniamy dwa podstawowe typy makiet UX — Lo-fi oraz Hi-fi. Jednak zanim przystąpi się do tworzenia cyfrowego prototypu, nierzadko pracę rozpoczyna się od projektu na kartce, tzw. paper prototyping. Umożliwia to na wyodrębnienie w szybki sposób najbardziej istotnych elementów, które znajdą swoje zastosowanie w dalszych pracach nad produktem końcowym. Lo-fi charakteryzuje się niskim poziomem szczegółowości. Taki projekt występuje zazwyczaj w odcieniach szarości, ponieważ ma na celu przedstawienie rozmiarów oraz położenia poszczególnych elementów.

Nie uwzględnia szczegółowych części projektu, skupiając się wyłącznie na priorytetowych czynnikach, takich jak przyciski, linki czy zdjęcia. Występuje w postaci schematu blokowego lub gray-box wireframing, czyli wycieniowania prostokątów ze względu na ich priorytet w całym schemacie. Z kolei makiety Hi-fi są tworzone po przetestowaniu podstawowych funkcji produktu. Służą przede wszystkim do dopracowania szczegółowych elementów produktu, np. treści. Projekt nabiera barw — pojawiają się kolorowe grafiki, piktogramy, ikony. Na tym etapie dobrze jest określić konkretną paletę kolorów, których należy się trzymać w całym projekcie. Makieta high fidelity jest bardzo zbliżona do ostatecznego designu całego projektu, dlatego warto na tym etapie rozwiać wszelkie wątpliwości, dotyczące poszczególnych detali produktu.

Jak stworzyć makietę UX?

Zanim zaczniemy tworzyć prototypowanie cyfrowe produktu, działania należy poprzedzić badaniami UX, które pozwolą stworzyć zarys istotnych elementów, jakie mają znaleźć się na projekcie. Przede wszystkim warto skupić się na badaniach użyteczności, aby zweryfikować potrzebę zastosowania konkretnych części produktu. Kolejnymi czynnikami są m.in. heatmap, analiza konkurencji, analiza ilościowa, badania ankietowe czy wywiady pogłębione. Zebrane informacje przyspieszą i ułatwią dalszą pracę. Ponadto rozplanowanie struktury projektu aplikacji czy strony internetowej pozwala przewidzieć, ile czasu będzie potrzeba na makietowanie poszczególnych rzutów produktu. Prototypowanie warto rozpocząć od uproszczonego, odręcznego szkicu. Dzięki temu łatwiej wyodrębnić najlepsze pomysły, które znajdą zastosowanie na kolejnych etapach — makietach Lo-fi oraz Hi-fi.

Makiety UX — jakie narzędzia?

Jednym z najbardziej popularnych programów do prototypowania cyfrowego jest Figma. Jest to narzędzie, na którym bazujemy tworząc makiety UX. Figma umożliwia udostępnianie oraz wspólną pracę z całym zespołem w czasie rzeczywistym. Pozwala na bieżące komentowanie, co daje szybkie informacje zwrotne, dotyczące projektu zarówno ze strony współpracowników, jak i klienta. Dzięki takim funkcjom praca nad projektem jest dynamiczna. Niezwykle przydatna jest też zapisywalna historia zmian projektu, która umożliwia szybki powrót do poprzednich etapów makietowania. Ponadto program Figma daje możliwość tworzenia podprojektów — pages — które np. znajdują zastosowanie na innych urządzeniach. Warto wspomnieć także o atomic design, które pozwala na stworzenie bazowych jednostek projektów, które są podstawą do tworzenia kolejnych, bardziej zaawansowanych działań. Znacznym ułatwieniem jest możliwość importowania plików z platformy Sketch. Figma to przede wszystkim zintegrowane prototypowanie wysokiej jakości. Oczywiście istnieje sporo innych narzędzi do tworzenia makiet UX, jak np. UXPin, Balsamiq, Sketch, Axure, Marvel, Invision, spośród których każdy znajdzie coś dla siebie.

[re]asumując – makiety UX

W Re Bena Gesta wiemy, jak skutecznie budować wizerunek marki w Internecie. Każdy projekt traktujemy indywidualnie, uwzględniając wszystkie oczekiwania i potrzeby Klienta. Podczas tworzenia makiet UX bazujemy na szerokiej wiedzy i doświadczeniu naszego zespołu, które zdobyliśmy podczas licznych realizacji.

Dobry produkt cyfrowy jest na wyciągnięcie ręki — skontaktuj się z nami!