Funkční prototypy v Axure RP Jan Hlaváč
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: [email protected] @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/