Funkční prototypy

v Axure RP

Jan Hlaváč

Názvosloví

Skici

Wireframy

Funkční prototypy

AXURE RP

Axure RP 6.5 Axure RP 7 beta

Stabilní verze Méně funkcí = jednodušší pro začátek Menší podpora dotykového ovládání – gest Nepodporuje responsivní design

Beta verze – stále se vyvíjí Více funkcí = více možností =

složité pro začátek Více možností pro mobilní telefony Možnost upgradu z nižší verze

licence Podpora responsivního designu –

ne 100% Rychlý náhled F5

kompatibilita

Co vše lze v Axure dělat

Začněte na papířeInteraktivní prvky je náročné předělávatPapír vám znemožní jejich použitíJe snazší ho zahodit než smazat soubor

Zvažte, kdy si vystačíte se statickými wireframy, a kdy už potřebujete funkční prototyp

Největší výhoda funkčního prototypu je možnost jeho testování

Nevýhoda je náročnější realizace

Jak nastavit zobrazení pro mobil

Odkazujte přímo na konkrétní stránku prototypu

Jak nastavit zobrazení pro mobil

Odkazujte přímo na konkrétní stránku prototypuVykašlete se na rámečky iPhonů, když budete

testovat na skutečném telefonuPřipravte si prototyp pro konkrétní telefonNastavení Axure

STRUČNĚ CO POTŘEBUJETE VĚDĚT

Dynamický panel

Různé „stavy“, mezi kterými můžete přepínatMůžeme s ním pohybovat (jako s celkem)Má rámec a co je mimo něj, není vidětMůžeme ho celý schovat nebo naopak zobrazitSložitějších interakcí dosáhnete vkládáním DP do DP

… DOST BYLO ŘEČÍUkázka prototypu je na adrese:http://www.osklivy-sup.cz/kisk/hp.html

KDYŽ BUDETE NAVRHOVAT APLIKACI A JEJÍ FUNKCE

Začněte vždy s počtem kroků rovnému nule. Když se vám nepodaří vymyslet, jak to udělat v

daném počtu kroků, identifikujte, proč to nejde. Následně zkuste identifikovaný problém vyřešit opět

s nulovým počtem kroků. Pokud to nejde, zkuste problém vyřešit s jedním

krokem navíc.

KDYŽ BUDETE NAVRHOVAT APLIKACI A JEJÍ FUNKCE

PŘÍKLAD: chci odejít domů a mám zapnutý počítač. Kolik kroků potřebuji na to, abych ho mohl dát do batohu (bezpečně vypnutý) a odejít?

KDYŽ MÁTE HOTOVÝ PROTOTYP

Tipy na testování

Držáček + samolepka + nanopodložkaPokud nemáte držáček – namiřte kameru z hora z

boku (nebo příště kupte jeden školní Mr. Tappy)WebcamViewer (link)ScreenRecorder (třeba)Prototyp v Axure můžete nahrát na

http://share.axure.com/

PROSTOR PRO VÁSVaše dotazyCokoliv co vás zajímáNěco jsem zapomnělChcete s něčím pomociRád vám poradím i později, vezměte si

vizitku a napište mi

Děkuji za vaši účast

Kontakt: jan.hlavac@h1.cz @osklivysup

Autoři použitých obrázkůhttp://www.flickr.com/photos/doos/http://www.flickr.com/photos/aftervictory/http://www.flickr.com/photos/maaloe/http://www.flickr.com/photos/neufuture/