Už vám někdy něco v aplikaci nefungovalo tak, jak jste si představovali ve wireframe? S živými HTML prototypy dotáhnete user experience až k finálnímu produktu.

1. HTML prototypování
Frontendisti 15. 10. 2015, Ostrava

2. 1. Věrnost až za hrob
2. Života běh
3. Příběhy ze života

3. 1. Věrnost až za hrob
2. Života běh
3. Příběhy ze života

4. Ruční
skica

5. Nízká
věrnost

6. Střední
věrnost

7. Vysoká
věrnost

8. Klasické prototypy
Testování Responzivita Snadná údržba

9. HTML prototypy
Testování Responzivita Snadná údržba
Bude to fungovat? Technická náročnostProdukční kód

10. 1. Věrnost až za hrob
2. Života běh
3. Příběhy ze života

11. 1. Ruční skica
2. HTML kódování ♥ CSS framework
3. Iterace
4. Přenesení kódu do aplikace
5. Grafický design
6. Kódování grafiky

12. 1. Věrnost až za hrob
2. Života běh
3. Příběhy ze života

13. • Kdy se vyplatí HTML prototyp?
• Nebezpečně vysoká věrnost
• Prodej

14. 1. Věrnost až za hrob
2. Života běh
3. Příběhy ze života

15. SIUX
= Silex + UX

16. github.com/synergic-cz/siux

19. Díky!
@AdamKudrna
www.adamkudrna.cz
Obrazové zdroje: balsamiq.com, @DeeSadler, archiv autora