Vývoj aplikace
- Analýza potřeb
- Plánování
- 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)
- 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
- Tisk návrhu
- Konzultace
- 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í)
- Zpracování (analýza) výsledků testu
- Volba domény
- Volba hostingu
- Prototyp aplikace (stačí pouze částečná funkčnost webu)
- Uživatelské testování
- Beta verze aplikace
- Uživatelské testování
- Bezpečnostní dokumentace např. www.aec.cz/cz/sluzby/dokumentace-isvs
- Provoz
- Průbětná kontrola