Tworzenie makiet kluczowym etapem procesu budowania stron WWW

Tworzenie makiety dla strony internetowej do niedawna było jednym z etapów jej projektowania, dodawanym przez największe firmy jedynie do dużych, niestandardowych projektów. Dziś coraz więcej mniejszych firm tworzących witryny WWW przekonuje się do takiego podejścia,widząc korzyści jakie przynosi dodanie do projektu tej fazy.

Na bardzo podstawowym poziomie, makieta jest złożonym z bloków prototypem powstającej dopiero witryny. Choć pozbawiona grafiki, pozwala klientom na wstępną weryfikację mechanizmów działania strony. Jej konstruowanie jest jednym z pierwszych etapów procesu powstawania strony. Czas budowania jest uzależniony od stopnia złożoności strony, lecz stworzenie makiety prostej strony jest możliwe nawet w ciągu jednego dnia.

„Nawet dziś wiele firm pomija ten etap, od razu kierując projekt do grafika. W moim mniemaniu jest to krótkowzroczność, powodowana pozorną oszczędnością czasu. Tworzymy makiety z dwóch podstawowych powodów. Po pierwsze, makieta pozwala na eliminowanie błędów już na bardzo wczesnym etapie, kiedy można to zrobić minimalnym nakładem pracy i kosztów. Jeśli zlokalizowalibyśmy ten sam mankament dopiero na etapie programowania, wiązałoby się to z wielodniowym poślizgiem, spowodowanym koniecznością powrotu do początku procesu. Drugim, nie mniej ważnym profitem jest zwiększenie partycypacji klienta już w najwcześniejszych fazach tworzenia jego serwisu. Zawsze przedstawiamy zleceniodawcy prototyp. Ma on okazję przekonać się jak w zarysie wyglądać będzie jego strona. Z doświadczenia wiem, że często zgłasza uwagi i sugestie które pozwalają nam lepiej dostosować rozwiązanie do jego potrzeb” – powiedziała Katarzyna Osińska, Architekt Informacji w Internet Works.

Praktyka pokazuje, że wprowadzenie tego dodatkowego etapu w tworzeniu stron WWW umożliwia w dłuższej perspektywie niebagatelną oszczędność czasu poprzez włączenie klientów w realizację zamówienia. Jak się okazuje, makiety są szczególnie przydatne, gdy połączymy je z badaniami użyteczności. Nie tak dawno temu, jedna z wrocławskich firm, zamówiła internetowy system wspomagający obieg dokumentów firmowych. Wyniki testów z przyszłymi użytkownikami dostarczyły informacji koniecznych do zmiany konstrukcji aplikacji w sposób, który znacznie przyspieszył realizację typowych zadań. Wprowadzenie poprawek zajęło około czterech godzin pracy projektanta, a efektywność wykonywanych zadań wzrosła o ponad 30%. To nieoceniona zaleta płynąca z uzupełniania projektowania i optymalizacji makiet wynikami badań empirycznych. Może niekiedy podnoszą one koszty produkcji, ale za sprawą udoskonaleń jakie można dzięki nim wprowadzić, inwestycja ta bardzo szybko się zwraca, oszczędzając czas potrzebny na wdrożenie projektu.

Sukces agencji interaktywnych takich jak Internet Works opiera się głównie na maksymalnym zbliżeniu się do faktycznych potrzeb klienta. Faktycznych, bo nie zawsze klient chce tego, czego na prawdę potrzebuje. Właśnie dlatego warto na etapie projektowania pokazać klientowi zestaw funkcjonalnych makiet, dostosować je do jego sugestii i na końcu sprawdzić efektywność aplikacji. Wszystko to odbywa się jeszcze na etapie projektowania, zanim napisana zostanie pierwsza linia kodu.

Autor tekstu jest pracownikiem firmy Internet Works Sp. z o.o.

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

5 skomentuj »

Komentarze

#1 Jarek 2009-07-12 14:25:19 0
Jeżeli ktoś z szanownych czytelników zna jakiś dobry program do tworzenia takich makiet to byłbym wdzięczny za podanie nazw ewentualnie linków, mogą to być programy zarówno darmowe jak i komercyjne... W ostatnim czasie chciałem właśnie wprowadzić takie siatki (makiety) funkcjonalne dla klienta ale nie byłem w stanie zlokalizować jakiegoś wygodnego a zarazem funkcjonalnego narzędzia...
IP: 83.27.199.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.1) Gecko/20090624 Firefox/3.5 GTB5 FirePHP/0.3
#2 piszczyk^3 2009-07-12 16:02:54 0
Kreatywny Architekt Informacji

Ręce opadają człowiekowi...
IP: 188.33.114.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/531.0 (KHTML, like Gecko) Iron/3.0.189.0 Safari/531.0
#3 BUM 2009-07-12 20:40:32 0
@Jarek, jeden z bardziej cenionych programów tego typu to Axure, komercyjny.

Prototypowanie jest fajne, ale trzeba przeszkolić kogoś w firmie, kto będzie się tym zajmował, a poznanie takiego Axure, aby wydajnie z nim pracować i wykorzystywać chociaż te podstawowe możliwości, to jakieś tam koszta, plus licencja.

W przypadku małych firm, które projekty trzaskają praktycznie taśmowo (małe i średnie projekty) często nie ma większego znaczenia, czy wykonana strona będzie pod względem funkcjonalności i użyteczności zaprojektowana średnio, dobrze, bądź bardzo dobrze. Kto miałby to ocenić?

Klient któremu zależy, by wydać niewiele, a czasem jak najmniej, nie pójdzie do innej firmy w celu przeprowadzenia audytu strony. Tak więc to się nie opłaca.

Część (nie wiem jak wiele) małych firm robi w ten spósób, że zleca wykonanie szaty graficznej zewnętrznemu grafikowi na podstawie jakiś tam wytycznych, mniej lub bardziej szczegółowych. Grafik jest w takim wypadku jednocześnie projektantem użyteczności i częściowo funkcjonalności. Dość wygodne i tanie rozwiązanie, ponieważ gdybyśmy zlecili to samo wykonać pracownikowi na miejscu, to zamiast klepnąć kolejną stronę wizytówkę za 600 zł, ten nasz "projektant", robiłby to, co grafik ma i tak wliczone w zlecenie.

Osobiście uważam, że zlecanie grafikowi wykonanie projektu strony, jest nieprofesjonalnym podejściem. Chociaż można się zdziwić, jak wielu grafików z dużym doświadczeniem w zawodzie, jest jednocześnie dobrymi projektantami, ponieważ musieli się tego nauczyć.
IP: 82.160.211.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
#4 BAM 2011-10-24 14:53:35 0
Zgadzam się w 100% ze stwierdzeniem, że osoby prowadzące każdy projekt - stronę czy aplikację - bez wątpienia zyskają na prototypowaniu i tworzeniu makiet funkcjonalnych. Sam projekt zresztą też - na etapie prototypu o wiele szybciej można wykryć potencjalne błędy czy utrudnienia.

Jeśli ktoś chce naprawdę dobrego narzędzia to polecam JustProto - jest bardzo proste i intuicyjne. Dodatkowym plusem jest jeszcze to, że to polskie narzędzie i mają bardzo fajny support. Szybko reagują na pytania.
IP: 89.76.52.[...] Mozilla/5.0 (Windows NT 5.1; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
#5 Jacek Smolak^® 2011-10-24 15:12:48 0
@Jarek: Pencil.
IP: 81.161.201.[...] Mozilla/5.0 (Windows NT 6.0; rv:7.0.1) Gecko/20100101 Firefox/7.0.1

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.