Skocz do linków, Skocz do treści

Czym rysować makiety? Przegląd narzędzi – część I.

12 maja 2008 23:32. Autor: Robert Drózd. 9 komentarzy

W artykule Makiety, prototypy i 6 popularnych błędów skupiłem się na rodzajach makiet oraz korzystaniu z nich. Najpierw jednak taką makietę trzeba narysować. W dwóch (lub trzech) artykułach dokonam przeglądu dostępnych narzędzi. Zaczniemy od tego, co pod ręką ma prawie każdy.

Kartka i ołówek

W najprostszej wersji nie potrzebujemy nic więcej poza kartką (im większa, tym lepsza) i czymś do pisania. Całkowita prostota. Już nawet linijka będzie zbytecznym narzędziem, chyba że naprawdę mamy problemy z prostym utrzymaniem pisaka.

Metoda ta, zwana mądrze „paper prototyping” zaczyna praktycznie każde rysowanie architektury informacji. Od nas zależy, w którym momencie przeniesiemy się na lepsze narzędzie i do kiedy pozostaniemy przy papierze. Zwiększając nasze akcesoria o coś do klejenia, spinacz i nożyczki jesteśmy w stanie robić nawet prototypy, które da się od biedy przetestować na użytkownikach. Mówię „od biedy”, albowiem taki „test” będzie raczej rozmową o tym, co interfejs ma zawierać (a czego nie), pasować więc będzie bardziej do etapu zbierania wymagań niż projektowania.

Tak czy inaczej, są ludzie, którzy rysowanie papierowych makiet doprowadzili do granic możliwości, a może i je przekroczyli. Doskonałą książkę: Paper Prototyping napisała Carolyne Snyder i tam odsyłam wszystkich zainteresowanych. Przyda się też jej serwis internetowy: PaperPrototyping.com.

Pewną ciekawostką (bo nigdy nie widziałem projektu zrobionego w ten sposób) jest program DENIM. Jeśli dysponujemy tabletem, możemy przy jego pomocy rysować na komputerze makiety, które będą wyglądały jak narysowane ręcznie.

MS Office

Ulubiony kombajn polskich biur do robienia wszystkiego. Makiety też rysować można. I żeby było ciekawie – można to robić przy użyciu aż trzech składników tego pakietu, a mianowicie Excela, Worda i PowerPointa. Pomijam takie części jak Publisher, bo tych w biurach raczej się nie spotyka. O Visio będzie później.

Makiety robione w Excelu stosowała powszechnie kilka lat temu pewna agencja interaktywna – obecnie mają wyspecjalizowaną komórkę do IA i chyba już używają czegoś innego. Trzeba jednak powiedzieć, że wykorzystanie Excela to nie jest głupi pomysł. :-) Komórki arkusza potrafią zastąpić siatkę (grid ) do osadzania poszczególnych elementów – i dla bardzo prostych makiet to może wystarczyć. Choć edytowanie tego do przyjemności nie należy.

Niemniej rysowanie makiet w Wordzie, to już masochizm czystej wody. Ale i to spotkałem przy projekcie pewnej strony dla czołowego polskiego portalu. Kombinowanie z zagnieżdżonymi tabelami kończyło się mocnym bólem głowy gdy wszystko się rozjeżdżało, nawet jeśli wariant makiety był bardzo lo-fi. Szczerze nie polecam.

Z kolei PowerPoint potrafi pozytywnie zaskoczyć. Pierwszy raz rysowałem cały projekt tylko w tym programie nieco ponad rok temu i to nie jest złe narzędzie. Dotyczy to jednak Power Pointa z pakietu Office 2007, który dostał sporo nowych funkcji formatujących kształty oraz ich rozmieszczenie. Zaokrąglone rogi, pastelowe kolory i profesjonalne cienie to nie problem! :-)

Możemy też z makiet uczynionych w PowerPoincie tworzyć proste prototypy – każdy element da się uczynić klikalnym, po kliknięciu będziemy przechodzili do innego slajdu. Podsumowując, dla prostych serwisów produkt Microsoftu będzie idealny. Przy niewielkim wysiłku makieta będzie nawet ładnie wyglądała. Może nawet za ładnie, gdy obejrzałem produkt wykonany z makiet powerpointowych doszedłem do wniosku, że graficy się dość mocno inspirowali tym co miało być tylko projektem…

Zaletą MS Office jest oczywiście jego dostępność, bo każdy niemal pracownik biurowy ma ten pakiet. Oczywiście pakiet kosztuje sporo, ale zwykle w firmach po prostu już jest.

Dla miłośników darmowego konkurenta MS czyli OpenOffice nie mam dobrej informacji. Wchodzące w skład tego pakietu programy Impress i Draw mają moim zdaniem mniejsze możliwości rysowania. Choć nie testowałem ich zbyt długo, mogę się mylić. Może warto spróbować. Jeśli ktoś rysował makiety w tych programach, niech się pochwali w komentarzu.

W następnej części omówię już nieco bardziej profesjonalne narzędzia. :-)

Podobne artykuły:

Być może zainteresują Cię następujące artykuły:

Zapisz się na kanał RSS bloga i dołącz do ponad 1500 czytelników RSS.

Zostań fanem WebAudit na Facebooku.

Komentarze czytelników

Śledź komentarze do tego artykułu: format RSS
  1. Bartłomiej Dymecki

    Excel (czy też inny arkusz kalkulacyjny) to świetne narzędzie do projektowania makiet. Łatwe wprowadzanie zmian i szybkość tworzenia to ważne zalety tej metody.

  2. Ferrante

    Makiety stron WWW? Za darmo i szybko? Drawter.com :-). Co prawda brakuje paru intuicyjnych elementow interfejsu oraz zapisu na serwerze, czy tez w postaci jpg, ale wszystko w swoim czasie. Roznica w porownaniu z Office kilkaset zlotych ;-)

    Pozdrawiam

  3. odrzut

    Polecam Inkscape.

  4. porneL

    OmniGraffle FTW! Bazgra się w nim bardzo łatwo. Cienie i zaokrąglenia są na wszystkim defaultowo :)

    A tak bardziej serio, to główny problem jaki mi dokucza w ?nieprofesjonalnych? narzędziach do prototypowania to zła skala ? inna proporcja wielkości tekstu/strony/formularzy.
    Przez to można się naciąć i zrobić poziome menu na 5 elementów, podczas gdy mieści się 10 albo odwrotnie.

  5. Marcin Szewczyk

    U mnie znakomicie sprawdza się InDesign, bez którego żyć nie mogę:) Żadnych kłopotów z wymiarowaniem, proporcjami, skalowaniem… Niebanalna jest również możliwość eksportu niektórych elementów prosto do użytku w wersji finalnej strony.

    Pozdrawiam

  6. Marcin Szewczyk

    Może to kogoś zainteresuje:

    http://www.evolus.vn/Pencil/

    Pozdrawiam

  7. lolek

    „Z kolei PowerPoint potrafi pozytywnie zaskoczyć. (…) Zaokrąglone rogi, pastelowe kolory i profesjonalne cienie to nie problem! :-)”

    O w morde :) To juz wiem, dlaczego w najnowszym look & feel pewnej witryny, z ktora mam do czynienia, „projektowanym” przez kogos kto robil to PowerPointem, nowy wyglad opiera sie na zaokraglonych rogach, pastelowych kolorach i cieniach. Profesjonalnych :)

  8. Karol Bąk

    pod tym kątem nigdy nie podchodziłem do pakietu office jako narzędzie do tworzenia stron

Komentarze z innych blogów

  1. Podsumowanie roku 2008 : WebAudit Blog

    […] Czym rysować makiety? Przegląd narzędzi ? część I. (co mi przypomina, że II. części nie napisałem…) […]

Zostaw komentarz

W komentarzu można (choć nie trzeba) używać podstawowych znaczników XHTML. Komentarze zawierające w podpisie słowa kluczowe mogą zostać potraktowane jako spam i usunięte.