Wireframing - czym jest i kiedy warto z niego skorzystać?

W tym wpisie postaram się przybliżyć istotę wireframing’u, wskazać sytuacje w których wireframy są konieczne, a także doradzić kiedy można z nich zrezygnować bez większych konsekwencji. Ale zacznijmy od początku:

Czym jest wireframe?

Najprościej mówiąc, wireframe można określić jako niskojakościowy, ramowy szkic projektowanego serwisu. Co do zasady, wireframe w przejrzysty sposób przedstawia strukturę i układ elementów, a także funkcjonalności zawarte w obrębie systemu. Jako że istotą wireframe’u jest reprezentowanie wstępnej koncepcji produktu, aspekty wizualne są pomijane, a ilość detali ogranicza się do minimum.

W zależności od potrzeb wireframe może przybrać formę rysowaną lub cyfrową. Ta druga pozwala na większą szczegółowość, jednak jej stosowanie ma sens tylko jeśli projektant sprawnie posługuje się cyfrowymi narzędziami do prototypowania.

Mało który wireframe od razu okaże się strzałem w dziesiątkę. Stworzenie optymalnej, odpowiadającej na potrzeby użytkownika koncepcji nierzadko wymaga kilkunastu podejść. Proces w którym iteracyjnie tworzymy kolejne, coraz lepsze wireframe’y określa się mianem wireframingu.

Zalety wireframingu:

Wireframing zdecydowanie ułatwia komunikację na linii projektant-interesariusze. Sprawnie tworzone wireframe’y umożliwiają pozyskiwanie wartościowego feedbacku, pozwalają lepiej zrozumieć potrzeby biznesu, a także wspierają generowanie pomysłów po obu stronach.

Ze względu na ich nieskomplikowaną formę, wireframe’y są również bardzo łatwe (i tanie!) w tworzeniu. Dzięki temu do ich tworzenia możemy zaangażować praktycznie każdego, co pozwoli nam spojrzeć na projektowany serwis w bardziej holistyczny sposób.

Ponadto, niektóre rodzaje wireframe’ów możemy z powodzeniem wykorzystać bezpośrednio w testach użyteczności, co pozwoli nam wykryć i wyeliminować potencjalne problemy jeszcze zanim nasza koncepcja nabierze warstwy wizualnej.

Wady wireframingu

Jako że wireframe’y nie zawierają elementów graficznych ani rozbudowanych opisów, niekiedy trudno jest klientowi uchwycić sedno przedstawionego za ich pomocą konceptu. W końcu nie każdą funkcjonalność jesteśmy w stanie dobrze odwzorować jedynie za pomocą prostokątów i odcieni szarości.

Kiedy wireframing jest konieczny?

Wireframing powinien mieć miejsce na początku projektowania każdego większego, czy bardziej skomplikowanego produktu. Pozwoli to na rozłożenie wymagań na czynniki pierwsze i wypracowanie struktury, odpowiadającej zarówno biznesowi jak i użytkownikowi końcowemu.

Co więcej, dobrze poprowadzony wireframing doda pewności siebie całemu zespołowi projektowemu i znacznie ograniczy ryzyko wystąpienia nieplanowanych zmian podczas dalszych faz projektu.

Kiedy wireframing można pominąć?

Z wireframingu można zrezygnować jeśli budujemy produkt korzystając z istniejących już komponentów, lub gdy mamy stuprocentową pewność, że cały zespół projektowy wie dokładnie co i jak chcemy zbudować.

Dzieje się tak zazwyczaj jeśli pracujemy nad jednym produktem od dłuższego czasu i rozwijamy go w oparciu o istniejący design system. W takim przypadku może się okazać, że szybciej będzie nam zaprojektować określony widok korzystając z gotowych komponentów, niż każdorazowo zaczynać od wireframe’u i uzupełniać go o warstwę wizualną.

Podsumowanie

Mimo swojej prostej budowy, wireframe’y są naprawdę potężnym narzędziem. Pozwalają zrozumieć co tak naprawdę tworzymy, a także wykryć i usunąć wiele problemów już na etapie koncepcyjnym - oszczędzając przy tym znaczne pokłady czasu i pieniędzy.

Jeśli chcesz zobaczyć jak w praktyce wygląda wireframing, lub po prostu dowiedzieć się czy warto skorzystać z tej techniki w Twoim przypadku - napisz do nas na hello@webalize.me, lub wypełnij formularz!