Axure RP training (slides in czech language). Workshop from february 2011

1. Axure RP
Jakub Španihel
@jakubspanihel
www.uzivatelsketestovani.cz
únor 2011, školení / workshop

2. Co nás čeká
• Intro: Pojmy, nástroje, kdy použít, ...
• 101: Workspace, soubory, ...
• Praxe: Tipy, triky, ...

3. Intro

4. Prototyp
Prototyp je raný příklad, nebo model
vyrobený kvůli otestování konceptu,
procesů, nebo fungování věcí.
volně převzato z wikipedie

5. Specifikace
Detailní a úplný popis požadavků a
funkcí systému (webu, aplikace, ...),
který má být vyvinut.
volně převzato z wikipedie

6. Flows
• Rozhodovací procesy
• Logika aplikace

7. Skicy
• Žádná omezení
• Jen to důležité
• Hrubá představa
• Rychlost

8. Wireframy
• Digitální forma
• Víc detailů, víc obsahu
• Názvosloví, texty
• Rozložení obsahu
• Vizuální priority

9. Prototypy
• Náhled v prohlížeči
• Ukázky interakcí
• Dynamika

10. Prototypy
• Náhled v prohlížeči
• Ukázky interakcí
• Dynamika
• Prezentace pro klienta
• Možnost testování
• Supluje specifikaci

12. Nástroje
• Tužka a papír.
• Visio, Omnigraffle (+ stencily)
• Balsamiq, iPlotz
• Justinmind Prototyper
• PowerPoint, Keynote
• Grafické programy (PS, FW, ...)
• HTML prototypy
• Flash, Catalyst
• ...
• Další zde: bit.ly/wf-tools

13. Výhody (pro mě)
• Rychlé na naučení
• Náhled v prohlížeči
• Formuláře (!)
• Interakce a efekty
• Sketchy look
• Beta: www.axure.com/downloadBeta.aspx
• Rychlá podpora
• Aktivní komunita

14. Nepoužívejte Axure...

15. Nepoužívejte Axure...
• ...když jste v týmu dva
a sedíte u sebe

16. Nepoužívejte Axure...
• ...když jste v týmu dva
a sedíte u sebe
• ...když tvoříte super-hyper-
mega-cool-3D-flash web

17. Nepoužívejte Axure...
• ...když jste v týmu dva
a sedíte u sebe
• ...když tvoříte super-hyper-
mega-cool-3D-flash web
• ...když navrhujete mobilní
web nebo aplikaci ???

18. Prezentace

19. Prezentace
• Edukujte klienta

20. Prezentace
• Edukujte klienta
• Ukažte srovnání

21. Prezentace
• Edukujte klienta
• Ukažte srovnání
• (Ne)posílejte mailem

22. 101

23. Hlavní menu
Mapa stránek Poznámky
Interakce
Vlastnosti
Widgety
Masters Dynamické panely
Vlastnosti stránky

36. Hlavní menu
Mapa stránek Poznámky
Interakce
Vlastnosti
Widgety
Masters Dynamické panely
Vlastnosti stránky

37. *.rp *.rplib Výstupy

38. *.rp *.rplib Výstupy
• Prototyp • Knihovna widgetů • HTML export
• Masters, • PNG export
• Poznámky, ... • Specifikace (MS Word)

39. *.rp
• Sitemap + stránky
• Masters (header, footer, ...)
• Styly
• Vazby na *rplib
• Struktura poznámek
• Nastavení exportu
• Výchozí soubor pro práci
• Připravené komponenty

40. *.rplib
• Vlastní widgety
• Spousta jich je on-line
• Automatické načítání
• axure.com/communityLibraries.aspx
• totalwireframe.com (za peníze)
• volně na webu

41. Výstupy
• HTML, PNG, *.doc
• One-click export
• Nastavení generátorů
• MS Word šablony
• FTP upload HTML :(
• http://share.axure.com/

43. *.rpprj
• Sdílené projekty
• Vestavěné SVN
• Commit a check-out

45. Praxe

46. Nastavení gridu, maskování panelů, ...

48. Ke stažení v PDF: bit.ly/axshorts

49. Demo
share.axure.com/UUL63W

50. Jakub Španihel
@jakubspanihel
@axure_users_cz
www.uzivatelsketestovani.cz