Tech Thursday: najlepsze narzedzia do prototypowania, część 1

Z jakimi produktami nie chcą się rozstawać ludzie, którzy… sami projektują produkty? Przedstawiamy wybór najlepszych narzędzi do prototypowania.

Czym User Experience Design różni się User Interface Design? Już dawno przestało to kogokolwiek obchodzić. Tym, co finalnie naprawdę się liczy, jest po prostu dobry produkt, który uzależnia. Jak Instagram. Jak Snapchat. Jak Pinterest, Spotify i Slack. Narzędzia, przy pomocy których powstają produkty cyfrowe, nigdy nie są jednak całkowicie bez znaczenia. Niech projektanci sami ocenią, czy lepiej jest robić makiety w Axure czy w Adobe XD. Przyjrzyjmy się jednak, czym różnią się od siebie dostępne na rynku narzędzia – tylko te dobre. O złych nie będziemy dziś pisać.

POP (Prototyping on Paper)

intuitive-hero@2x

aplikacja natywna na iOS/Android/Windows; wersja darmowa: 2 projekty, 1 użytkownik; wersja PRO: nieograniczona liczba projektów, nieograniczona liczba użytkowników, cena – 25$ miesięcznie

Matematyka królową nauk, a prototypowanie papierowe – królem dizajnu w startupowym stylu? Nic temu nie zaprzecza. Dzięki POP w kilkanaście minut można zamienić szkice ekranów aplikacji w działający w smartfonie prototyp. Zaletą POP jest tempo, w jakim można dodać do zapisanych w telefonie zdjęć rysunków podstawowe interakcje. Minusem – że jest to typowa aplikacja stworzona na potrzeby prototypowania natywnych aplikacji mobilnych. Jednakże jeśli chodzi o komfort i tempo pracy pośród produktów na smartfony nie ma sobie równych dzięki szybkiemu duplikowaniu i importowaniu zdjęć. W 15 minut z przysłowiowego rysunku na serwetce w kawiarni można zrobić prototyp. Dolino Krzemowa, drżyj!

Adobe Comp

step-3

darmowa aplikacja na urządzenia mobilne z systemem iOS (iPhone/iPad)

Najmłodsze dziecko Adobe cierpi na tę samą chorobę co starsze rodzeństwo. Tak jak reszta aplikacji mobilnych spod ręki tej firmy, jest co najmniej lekko „over the top”. Adobe Comp łączy w sobie w założeniu najlepsze cechy Photoshopa, Illustratora i InDesigna. Pomysł ten brzmi karkołomnie, bo to trzy różne narzędzia. Efekt współpracy użytkownika z tym monumentalnym projektem przypomina raczej pierwsze spotkanie z Paintem na informatyce w podstawówce niż niewymuszoną elegancję obsługi InDesigna. Z jednej strony jest euforia – tak, to naprawdę działa! Wszystkie fonty z Typekitu! Gridy robią się same! Z drugiej strony płacz – tylko dlaczego to wszystko jest takie brzydkie?

Bez dobrego rysika w kieszeni nie ma co podchodzić do Adobe Comp, bo można się rozczarować własnymi zdolnościami manualnymi. Z dobrym rysikiem – naprawdę zdziałać można cuda.

MarvelApp

Zrzut ekranu 2016-04-21 o 20.48.24

aplikacja webowa; w darmowej wersji nieograniczona liczba projektów, wersja PRO: od 15$ miesięcznie – nieograniczone komentowanie i eksport plików do PDF

Zdecydowanie najlepsze darmowe narzędzie do prototypowania. W Marvel z łatwością można tworzyć zarówno responsywne prototypy projektów webowych, jak i natywnych aplikacji. Wgrywasz projekt jako jpg lub png, animujesz, klikasz „play” i twój projekt żyje. Dzięki opcji „save to homescreen” w iPhonie można oglądać projekty nie w przeglądarce, lecz jak gdyby były realnie działającą aplikacją. Marvel jest idealnym narzędziem nie tylko dla projektantów UX, lecz również dla projektantów graficznych, którym zdarza się czasami tworzyć strony www. Dzięki narzędziu „scroll to anchor point” pozwala na tworzenie klikalnych makiet landing page’y, co odróżnia Marvel od reszty narzędzi w tym zestawieniu. Większość z nich zdecydowanie lepiej sprawdza się przy projektach aplikacji niż przy projektach klikalnych makiet stron. Dla młodych projektantów lub firm o ograniczonym budżecie jest idealnym rozwiązaniem w połowie drogi między wydawaniem oszczędności na dość kosztowną licencję na Axure, a płaczem i zrzytaniem zębów. Frycowe, które trzeba zapłacić za darmowe MarvelApp jest niewielkie – interfejs nie należy do najbardziej wygodnych, lecz po 10 minutach główkowania można zacząć pracować w nim w całkiem dobrym tempie.

Adobe Experience Design

adobe-xd-main

aplikacja desktopowa, darmowa wersja beta

Czy Adobe ostrzy sobie zęby na insygnia królewskie świata prototypowania, w którym berło dzierży UXPin, a koronę nosi Axure RP? Z tak pompatyczną nazwą wszystko jest możliwe. Adobe zebrało za nią gromy w środowisku projektowym (experience design to nazwa osobnej dziedziny dizajnu), lecz fakty są takie, że w Adobe XD można zakochać się od pierwszego wejrzenia. Niestety, potem bywa różnie. Funkcja Make Repeat Grid, która w Adobe XD pojawia się jako w pierwszym produkcje Adobe to prawdziwy posmak geniuszu twórców tego oprogramowania. W żadnej dostępnej na rynku aplikacji nie tworzy się layoutów i gridów w takim tempie i z taką łatwością. W żadnym również nie animuje się prototypów miękkimi pociągnięciami myszki w nie przysłowiowe, ale realne pięć minut. Animacje są jednak nieco kanciaste, a rysowanie kształtów innych niż elipsy i prostokąty praktycznie nie jest możliwe. Godziny, których wymaga Axure RP, to tempo statecznego człowieka przy dziecięcej euforii i młodzieńczym tempie pracy, które daje Adobe XD. To lean software w czystej postaci, który nie zapomina o tym, że przyjemność pracy ma wielkie znaczenie.

Axure RP

title_product

aplikacja desktopowa; od 29$ miesięcznie, darmowy 30-dniowy trial

Bez treningu w Axure do UX-ów nawet nie podchodź. Axure to UX-owy odpowiednik InDesigna. Zrobić w nim można wszystko, zrobić można to dokładnie, z rozmachem i zapierającą dech precyzją. Kolejne wersje Axure udowadniają jego pozycję na rynku oprogramowania dla projektantów UX. To program, w którym można tworzyć najbardziej zaawansowane makiety spośród programów z tego zestawienia. Wyróżnia go możliwość wygodnej pracy zespołowej dzięki usłudze Axure Share, tworzenie szczegółowej dokumentacji oraz eksportu do HTML i chmury, z której można oglądać projekt w przeglądarce i aplikacji mobilnej Axure. Duże wyzwania wymagają sporych możliwości, dlatego Axure XP bez dwóch zdań jest programem, który z powodzeniem sprawdza się w pracy agencyjnej, lecz w trzyosobowym startupie w jego zawiłościach i wachlarzu funkcjonalności nietrudno się pogubić.

Udostępnij
Share on FacebookTweet about this on TwitterShare on Google+Email this to someone
Udostępnij
Share on FacebookTweet about this on TwitterShare on Google+Email this to someone

Najnowsze