Читать книгу E-marketing. Współczesne trendy. Pakiet startowy - Группа авторов - Страница 60

Jednym z podstawowych wymagań podczas tworzenia aplikacji mobilnych jest przygotowanie prototypów funkcjonalnych prezentujących dwa bardzo istotne składniki: User Interface Design oraz User Experience Design. Oba z nich decydują o jakości, intuicyjności oraz użyteczności aplikacji84.

UI Design dotyczy przede wszystkim wyglądu aplikacji, czyli architektury informacji, typografii, tła, nawigacji. Natomiast UX Design skupia się głównie na celach aplikacji, opcjach w niej zawartych oraz sposobie interakcji użytkownika z aplikacją. Celem przygotowania prototypów jest przede wszystkim zaprojektowanie funkcjonalności produktu przed przystąpieniem do docelowych prac nad projektem graficznym i rozpoczęciem produkcji oprogramowania. Umożliwia to redukcję kosztów związanych z rozpoczęciem tworzenia produktu, bez omówionych i zaprojektowanych rozwiązań, tylko i wyłącznie na podstawie specyfikacji wymagań. W podstawowej klasyfikacji wyróżniamy trzy główne kategorie projektów interfejsów: makiety, prototypy funkcjonalne oraz diagramy przepływu.

Makiety funkcjonalne są najprostszą wizualizacją wyglądu aplikacji. Mogą być przygotowane w postaci papierowej. Odzwierciedlają najważniejsze elementy i opcje aplikacji, ale nie prezentują jej działania (flow) w sposób interaktywny. Ten rodzaj projektów funkcjonalnych jest właściwy dla pierwszej iteracji produktu mobilnego.

Rysunek 7.5. Makieta funkcjonalna

Źródło: ignorethecode.net (dostęp: 08.10.2012).

Dużo bardziej skomplikowanymi projektami są prototypy funkcjonalne wykonane za pomocą specjalistycznych narzędzi (np. Axure.com), które pozwalają oddać pełną funkcjonalność aplikacji, wizualizację interfejsu oraz sposób interakcji interfejsu z użytkownikiem przez interaktywne, klikalne elementy w ramach projektu.

Na tego typu projektach można prowadzić badania i testy z użytkownikami jeszcze przed rozpoczęciem prac graficznych i deweloperskich.

Rysunek 7.6. Prototyp funkcjonalny

Źródło: axure.com (dostęp: 08.10.2012).

Diagramy przepływu pozwalają z kolei w prostej formie zaprezentować sposób poruszania się użytkowników w aplikacji z uwzględnieniem podejmowanych decyzji.

Rysunek 7.7. Diagram przepływu

Źródło: forum.axure.com (dostęp: 08.10.2012).

Oprogramowanie do prototypowania interfejsów

Wśród popularnego oprogramowania służącego do prototypowania aplikacji możemy wyróżnić m.in. następujące pozycje:

•  Axure,

•  Pencil Project,

•  Mockingbird,

•  Prototype Composer – Free Prototyping Tool,

•  MockFlow,

•  UXPin (świetny polski produkt),

•  Microsoft Visio.