Vývoj aplikace

  1. Analýza potřeb
  2. Plánování
  3. Pracovní návrh – "drátový model" (WireFrame)
    • Ultimate Guide to Website Wireframing
      • webové editory
        • gomockingbird.com
        • lovelycharts.com
        • cacoo.com (free verze vyžaduje registraci)
        • lumzy.com (free verze vyžaduje registraci pro export výsledku)
        • jumpchart.com
        • balsamiq.com
        • google.com/google-d-s/drawings
        • justproto.com
        • creately.com
      • aplikace
        • pencil.evolus.vn (Windows, Mac, Linux, Firefox plugin) yes
        • mockflow.com (Windows, Mac) – hybridní online i offline mód (zdarma max. 4 stránky)
        • iplotz.com – hybridní online i offline mód (zdarma max. 5 stránek)
        • serena.com/products/prototype-composer
      • HTML
        • boxesandarrows.com/html-wireframes-and-prototypes-all-gain-and-no-pain
      • šablony
        • raincreativelab.com/paperbrowser
        • benmartineau.com/projects/grids-for-sketching.php
        • konigi.com/tools/graph-paper
        • jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx
        • konigi.com/tools/omnigraffle-wireframe-stencils
        • fuelyourinterface.com/free-web-ui-wireframe-kit
        • developer.yahoo.com/ypatterns/about/stencils
        • johnnynines.com/2009/03/wireframe-symbols
        • flickr.com/photos/88005207@N00/3913257686
        • eleqtriq.com/2010/08/sqetch-wireframe-toolkit
        • flickr.com/photos/alfonsobozzelli/3949828341
        • dragnet.se/webbdesign/websitewireframes.html
        • iamnotaprogrammer.com/free-wireframe-stencils-toolkit-for-keynote
    • A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio
    • Axure (komerční)
    • moqups.com (komerční) – umožňuje mimo jiné sdílení a úpravy v reálném čase
  4. Tisk návrhu
  5. Konzultace
  6. Uživatelské testování návrhu:
    • Prototyper (Windows, Mac)
    • počet uživatelů je dynamický (přibližně 10)
      • testuje se do okamžiku, kdy se začne objevovat stejné chování, připomínky nebo chyby
    • motivace: ne peníze, ale např. poukázka na nákup knih
    • scénář 5-7 obecných úkolů (vyhledejte možnsti odtahu Vašeho automobilu)
    • test zabezpečují min 2 osoby: moderátor + zapisovatel (oba jsou současně i pozorovatelé)
    • otázky:
      • co vidíte před sebou
      • jaké funkce máte k dispozici
      • co se stane, když...?
    • vyhodnocení: zásadní chyby, doporučené změny, návrhy na zlepšení (monitorování testu kamerou není časově efektivní způsob vyhodnocování)
  7. Zpracování (analýza) výsledků testu
  8. Volba domény
  9. Volba hostingu
  10. Prototyp aplikace (stačí pouze částečná funkčnost webu)
  11. Uživatelské testování
  12. Beta verze aplikace
  13. Uživatelské testování
  14. Bezpečnostní dokumentace např. www.aec.cz/cz/sluzby/dokumentace-isvs
  15. Provoz
  16. Průbětná kontrola