Wireframing to pierwszy krok wielu projektantów stron internetowych przy tworzeniu nowej strony. Proces ten polega na stworzeniu wizualnego zarysu strony, wokół którego powstanie produkt końcowy.
Wireframing niewątpliwie może ułatwić zarządzanie projektem webowym. Programista może na przykład uzyskać zgodę klienta przed rozpoczęciem pracy. Albo, jeżeli projektują Państwo własną stronę internetową, wireframe pomoże Państwu w sformułowaniu pomysłów.
Jednak wireframing może również czasami ograniczać proces twórczy. Dlatego poniżej przedstawiam bardziej szczegółowe wyjaśnienie, czym jest wireframing oraz omówienie zalet i wad wireframingu w projektowaniu stron internetowych.
Plusy i minusy tworzenia makiet projektów internetowych
Co to jest wireframe?
Wireframe to podstawowa wizualna reprezentacja układu i struktury strony internetowej. Zarys projektu można przygotować za pomocą narzędzi do tworzenia linii przewodnich, takich jak Sketch lub Adobe XD. Alternatywnie, zarys może być stworzony za pomocą narzędzia do rysowania, takiego jak MS Paint, lub narysowany ręcznie na papierze.
Zarys strony nie będzie zawierał brandingu, kolorów ani grafiki. Zamiast tego, szkielet jest podstawowym szkicem pokazującym, gdzie na poszczególnych stronach będą pojawiać się elementy. A wireframe nie jest makietą ani prototypem, jak wyjaśniono poniżej.
Różnica pomiędzy wireframe, makietą i prototypem
Terminy wireframe, makieta i prototyp są często mylone. Jednak te trzy metody są zupełnie różne.
Wireframe
Jak już wspomniano, wireframe to wizualne przedstawienie układu strony. Są one raczej szkicem szkieletu strony internetowej niż prototypem. W rzeczywistości wielu programistów tworzy makiety za pomocą długopisu i papieru.
Makiety
Makiety są zazwyczaj wykorzystywane do przedstawienia wizualnych cech projektu strony. Makieta zazwyczaj pokazuje branding, typografię, palety kolorów i ogólny wygląd. Jednak makieta nie jest zazwyczaj funkcjonalną stroną.
Prototyp
Prototyp to podgląd proponowanej strony na żywo. Może brakować niektórych elementów ostatecznego projektu strony. A strony internetowe będą prawdopodobnie zawierać tylko częściowo ukończone funkcjonalności i treści. Jednak prototyp pozwoli klientowi projektu internetowego zorientować się, jak będzie wyglądać i działać gotowa strona.
Zalety i wady tworzenia makiety strony
Niektórzy twórcy stron internetowych zawsze rozpoczynają projekt od szkicu. Inni wolą od razu przystąpić do pracy i zobaczyć, dokąd zaprowadzi ich projekt. Jakie są więc zalety tworzenia makiet, a jakie wady. Oto plusy i minusy rozpoczynania projektu webowego od wireframe.
Zalety tworzenia makiet
Wireframing pozwala na odwzorowanie szkieletu strony przed rozpoczęciem produkcji. Takie podejście może pomóc w zarządzaniu projektem i skupić uwagę na podstawowych funkcjach. Oto niektóre z korzyści płynących z tworzenia makiet.
Zaangażowanie klientów w proces projektowania
Podczas projektowania strony internetowej dla klienta, wireframe może pomóc zaangażować klienta w proces projektowania od samego początku. Makieta pomoże klientowi zwizualizować stronę przed rozpoczęciem prac nad nią. A jeżeli uzyskają Państwo zgodę klienta na wykonanie szkieletu, pozwoli to na uniknięcie rozrostu zakresu projektu w miarę jego realizacji.
Oszczędność czasu i pieniędzy
Wszystkie projekty można realizować wydajniej, mając plan. A wireframe stanowi zarys planu dla projektu nowej strony internetowej. Tak więc wireframing może być podstawowym narzędziem zarządzania projektem projektowania stron internetowych. Pozwala uniknąć kosztownych i czasochłonnych przeprojektowań w dalszej części projektu. Makiety mogą również pomóc w zarządzaniu delegowaniem zadań do zespołu przy większym projekcie.
Zdefiniuj funkcje, zanim zaczniesz tworzyć
Zdefiniowanie szkieletu strony internetowej na początku pomoże określić wymagane funkcje. Dzięki temu można uniknąć konieczności późniejszego uzupełniania funkcji. Jak już wspomniano, tworzenie makiet może również zapobiec sytuacji, w której klient w końcowej fazie projektu będzie domagał się nowych funkcji.
Określenie responsywności strony internetowej
Wireframing pozwala na uwzględnienie kwestii responsywności w fazie planowania projektu. Dzięki temu już we wczesnych etapach projektu można zastanowić się, jak strona będzie wyglądać na różnych urządzeniach. A to może oszczędzić czas w porównaniu z alternatywą, jaką jest wprowadzanie responsywności do częściowo opracowanej strony.
Priorytet dla doświadczenia użytkownika
Priorytetowe traktowanie doświadczenia użytkownika jest podstawą dobrego projektowania stron internetowych, a wireframing może pomóc również w tym zakresie. Szkicowanie interakcji użytkownika z różnymi funkcjami na stronie może pomóc w określeniu najlepszego układu i struktury strony. Minimalistyczny charakter makiety może również pomóc uniknąć niepotrzebnego skomplikowania strony.
Wymusza wczesną koncentrację na treści
Makiety nie zawierają wizualnych elementów, które znajdują się na gotowej stronie internetowej. Można więc skupić się bardziej na treści niż na wizualnych aspektach projektu. A treść można napisać tak, aby pasowała do strony, zamiast projektować stronę wokół treści. Jednak, jak wspomniano poniżej, ten aspekt wireframingu może być również postrzegany jako wada.
Wady wireframingu
Tak więc wireframing ma swoje zalety, szczególnie w zakresie zarządzania projektem. Jednak są też pewne wady tego podejścia. Oto kilka powodów, dla których nie wszyscy projektanci stron internetowych są wielkimi fanami wireframingu.
Niezbędny dodatkowy krok w procesie
Tworzenie makiety strony jest czasochłonne, co może wydłużyć czas trwania projektu. Opóźnienie spowodowane przez wireframing może być również spotęgowane przez długie dyskusje z klientem na temat proponowanego wyglądu strony. Dlatego niektórzy programiści wolą pominąć ten etap i od razu przejść do tworzenia prototypu lub makiety.
Trudności z wizualizacją strony na podstawie makiety
Makiety wyglądają jak szkic. Dlatego dla niektórych osób wizualizacja strony na podstawie szkicu może być trudna. W takiej sytuacji jedynym sposobem na udowodnienie koncepcji jest makieta lub prototyp, który bardziej przypomina gotowy produkt.
Priorytet formy nad treścią
Jak już wspomniano, wireframing może zmusić autorów treści do tworzenia treści dopasowanych do strony. Zwolennicy podejścia content-first w projektowaniu stron internetowych twierdzą jednak, że jest to niewłaściwe.
Ogranicza swobodę twórczą
Być może najbardziej znaczącą krytyką wireframingu jest to, że może on kłaść zbyt duży nacisk na projektowanie strukturalne. Po uzgodnieniu schematu niektórzy projektanci stron internetowych czują się ograniczeni przez zarys, który musi być przestrzegany. W końcu niektóre z najlepszych inspiracji w projektowaniu stron internetowych pojawiają się w samym środku procesu rozwoju.
Wniosek
Podsumowując, wireframing może być wartościowym narzędziem do zarządzania projektem webowym. Jednak proces ten może być ograniczający dla bardziej kreatywnych projektantów. Mimo to większość osób rozpoczyna projekty od tworzenia makiet. Często jednak makieta jest tylko szkicem. Tak więc wireframing będzie ograniczał kreatywność tylko wtedy, gdy będzie się go zbyt sztywno trzymać.
