Jan Hlaváč na Masarykově Univerzitě v Brně. Chcete vědět o Axure více? Přečtěte si článek u nás na blogu: http://blog.h1.cz/aktualne/ochutnavka-novych-funkci-z-pripravovane-sedme-verze-axure-rp/

1. Funkční prototypy
v Axure RP
Jan Hlaváč

2. Názvosloví

3. Skici

4. Wireframy

5. Funkční prototypy

6. AXURE RP

7. Axure RP 6.5
Axure RP 7 beta
kompatibilita




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

8. Co vše lze v Axure dělat

9. Začněte na papíře
 Interaktivní prvky je náročné předělávat
 Papí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

11. Jak nastavit zobrazení pro mobil
 Odkazujte přímo na konkrétní stránku prototypu

14. Jak nastavit zobrazení pro mobil
 Odkazujte přímo na konkrétní stránku prototypu
 Vykašlete se na rámečky iPhonů, když budete
testovat na skutečném telefonu
 Připravte si prototyp pro konkrétní telefon
 Nastavení Axure

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

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

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

19. 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.

20. 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?

21. KDYŽ MÁTE HOTOVÝ
PROTOTYP

22. Tipy na testování
 Držáček + samolepka + nanopodložka
 Pokud 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/

23. PROSTOR PRO VÁS





Vaše dotazy
Cokoliv co vás zajímá
Něco jsem zapomněl
Chcete s něčím pomoci
Rád vám poradím i později, vezměte si
vizitku a napište mi

24. Děkuji za vaši účast
Kontakt: jan.hlavac@h1.czAutoři použitých obrázků
http://www.flickr.com/photos/doos/
http://www.flickr.com/photos/aftervictory/
@osklivysup
http://www.flickr.com/photos/maaloe/
http://www.flickr.com/photos/neufuture/