Żeby stworzyć dobrą stronę internetową łączymy ze sobą wiele jej aspektów: UX, UI, copywriting, SEO, development… Ten proces zawiera sporo istotnych elementów. Ich połączenie może nie być proste, a sprawa komplikuje się bardziej, jeśli w trakcie prac musimy dokonywać zmian. Jak zapobiec problemom?

Co to jest wireframing?

Wireframing to wstępne zaplanowanie i stworzenie szkicu architektury informacji i procesów, które znajdą się na stronie, dzięki któremu możemy skutecznie uprościć prace nad nią i zniwelować liczbę iteracji. W dokładnym, ale mocno uproszczonym układzie strony pozwala zobaczyć jej projekt jeszcze przed stworzeniem tekstów czy grafik. Tak wczesny etap prac pomaga zdiagnozować problemy i wpływa na usprawnienie procesu twórczego.

Jak to robimy

W budowaniu wireframe zwracamy uwagę na kilka kwestii. Te najistotniejsze to:

  • content - co będzie zawierać strona?
  • hierarchia informacji - wybór informacji ważnych i mniej ważnych: tych, które warto przedstawić oraz tych, które nie są aż tak istotne.
  • funkcjonalność - jak będzie działał interfejs?
  • zachowanie - jak strona zachowa się w odpowiedzi na działanie użytkowników?
  • struktura - jak dopasować do siebie poszczególne elementy, które mają wystąpić w ostatecznej wersji strony?

Powyższe kwestie dotyczą strony, jej treści, budowy i ich interakcji z użytkownikiem. Wireframing to jednak nie tylko szkicowanie strony, ale też głęboka refleksja nad jej odbiorcą. Prace nad wireframe to tak naprawdę prace nad całym serwisem, opierające się na wszystkich jego założeniach. Wireframe jest jednak tym etapem pracy, na którym wszelkie elementy możemy łatwo nanieść czy zmienić. Nie musimy przy tym angażować wielu specjalistów, chociaż zmiany warto na bieżąco konsultować z UI, DEV czy najważniejszym: Klientem.

Patrz, planuj, pomyśl!

To pierwsza zasada tworzenia wireframe, ważniejsza niż cokolwiek, o czym mówimy poniżej. W każdej z reguł zawsze wypatrujemy tego, co przyniesie korzyść. Sprawdzamy, czego potrzebują odbiorcy. Planujemy, jak najlepiej im to dostarczyć. Zastanawiamy się, czy wszystko jest potrzebne, czy coś da się zmienić lub pominąć, by całość działała jeszcze lepiej.

Potrzeby Klientów

Po pierwsze poznajemy potrzeby klienta, odbiorców i wszystkich, którzy będą czerpać korzyści z serwisu, który tworzymy. Jak podczas każdej realizacji: najważniejsza jest grupa docelowa. Wiedza, dla kogo dedykowany jest produkt i co nim kieruje jest najważniejsza, a wireframe ma być podstawą produktu: dlatego należy poznać grupę docelową.

Oczekiwania, nie tylko plany

Ustalamy wszystkie deadline’y, etapy prac i angażujemy odpowiednie osoby, ale niczego nie narzucamy: przedstawiamy oczekiwania klienta, odbiorców produktu i pozwalamy działać - efekt klaruje się sam i wynika z pracy zespołowej. Na etapie wireframe może się okazać, że wynik ten realizuje wszystkie potrzeby. Jeśli tak nie będzie: wszystko da się sprawnie zmienić.

Wszystko ma znaczenie

Każdy kolor, słowo czy grafika się liczą, dlatego najpierw planujemy, co powinno znaleźć się w serwisie. Dopiero potem przystępujemy do tworzenia: oszczędza to czas, a szanse, że wynik będzie odpowiadał oczekiwaniom, wzrastają.

Realne plany

Plany powinny być realistyczne. W odpowiednim momencie, możliwie najwcześniej, włączamy do projektu realne treści, rezygnujemy z “lorem ipsum” i planowania liczby linijek tekstu czy wyglądu grafik w ciemno.

Wzrost i rozwój

Istotą wireframingu jest stworzenie niewielkiego planu, który będzie rósł w miarę postępu prac. Stopniowy wzrost jest bardzo ważny: możemy dzięki niemu sprawdzić różne dostępne drogi rozwoju i wybrać tę, która najlepiej zrealizuje cel.

Eksperymenty

Czasem odejście od założonego planu się opłaci. Nie wszystko, co tworzymy jako szkic, będzie wymagać rozwijania: czasem to, co mamy, okazuje się pełnoprawnym elementem, który wdrażamy. Na każdym etapie przygotowania produktu czy wireframe musimy mieć otwarte oczy i dobrze diagnozować problemy, ale też rozpoznawać to, co jest gotowym rozwiązaniem.

Celem stworzenia wireframe jest wczesne zaplanowanie struktury serwisu lub strony. Dzięki temu specjaliści, którzy będą go/ją tworzyć, mogą zaproponować rozwiązania realizujące potrzeby wszystkich zainteresowanych. Dzięki takiemu wstępnemu szkieletowi strony bardzo szybko można zdefiniować problemy, ustrukturyzować treści, nadać im priorytety i potwierdzić, że są one zaakceptowane przez grupy interesariuszy.

Istnieje wiele reguł, którymi warto kierować się podczas wireframingu, ale najważniejszą, jaką wpisaną mamy w DNA naszej organizacji jest bycie otwartym i czujnym. Uważność zawsze popłaca, a niejednokrotnie przekonaliśmy się, że jest drogą do osiągnięcia najlepszych rezultatów.