Prototypowanie aplikacji na iPhone’a i iPada

Kontynuując temat tworzenia aplikacji mobilnych – kilka słów na temat trzech narzędzi wspomagających proces projektowania na iPhone’a i iPada.

Interface

To aplikacja do prototypowania interfejsu użytkownika działająca na telefonie Apple. Interface pozwala na budowanie makiet ze standardowych elementów i kontrolek dostępnych w iPhone OS, a następnie linkowanie ekranów między sobą. W trybie podglądu podlinkowane makiety zachowują się tak, jak normalnie działająca aplikacja – prototypu możemy użyć na przykład do przeprowadzenia badań usability z udziałem użytkowników.

Tak to wygląda na filmie:

W pierwszej chwili interfejs Interface wydaje się trochę mało intuicyjny (podwójne tapnięcia wywołujące menu), ale szybko daje radę go opanować, a możliwości są naprawdę duże.

LiveView

Składa się z programu na Maka oraz aplikacji uruchamianej na iPhonie lub iPadzie. Komputer i urządzenie mobilne powinniśmy podłączyć do jednej sieci WiFi, co pozwala na uzyskanie podglądu obrazu z monitora komputera na telefonie lub tablecie. To nie wszystko – dzięki LiveView gesty z ekranu dotykowego mogą być przesyłane do komputera i interpretowane jako kliknięcia myszki. Daje to możliwość szybkiego podglądu tworzonej na komputerze makiety na urządzeniu mobilnym, a także przetestowania klikalnego prototypu działającego na komputerze z poziomu iPhone’a lub iPada. Proste i bardzo fajnie działające rozwiązanie.

LiveView for iPhone & iPad

Program LiveView został napisany przez Nicholasa Zambettiego z firmy IDEO (nie tej polskiej of kors).

Na koniec o jeszcze jednym narzędziu do tworzenia makiet (niekoniecznie aplikacji mobilnych), czyli…

iMockups

To pierwszy program na iPada dla projektantów interakcji. Dzięki iMockups można projektować architekturę informacji dla serwisu lub aplikacji korzystając z ekranu dotykowego. Program wygląda na dość prosty – mniej więcej podobnie jak popularny Balsamiq, ale fajnie że takie rzeczy zaczynają powstawać też na tablet Apple 🙂

Szukasz projektanta dla aplikacji mobilnej? Napisz do mnie 🙂

Jeden komentarz

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *