Checklist for everyone who wants to build a website. Based on experience from more than 15 years of web development at ui42.

1. Na čo myslieť pri vytváraní
WEBu
Martin Krupa 18.september 2013

2. ui42 – more than 15 years with web
• First Slovak content management system Buxus (1999) has been running
on more than 200 webs and at least 1000 active users work with Buxus
daily. (SK, CZ, NL, UK)
• The biggest job portal in Slovakia (stared in ui42 in 1997). Profesia was
later sold to the British media company Daily Mail and General Trust
who also owns www.jobsite.co.uk.
• ui42 was nominated for the European Business Awards in the category
Innovation of the year 2010 and 2011 for web usability testing in the
category Innovation of the year. Top 10 Country Representatives
• Google Certified Partner
• ui42 is the pioneer of Usability in Slovakia. We use think aloud
metodology based on Nielsen Norman Group.

3. Martin Krupa
• Riaditeľ spoločnosti ui42
• Internetu a webom sa venuje profesionálne od roku 1996
• User experience (UX) alebo usability
• Seminár o komplexných webových aplikáciach na Fakulte
matematiky, fyziky a informatiky Univerzity Komenského v Bratislave.
• Konzultuje rozvoj webov a online komunikáciu pre viacero neziskových
organizácii.
• Je členom Slovenskej informatickej spoločnosti.
• Od roku 2011 organizuje World Usability Day na Slovensku.

7. Kontrolný zoznam pri výrobe webu
Dôležité je nájsť partnera, ktorému dôverujete.

8. Ak má web zle postavený cieľ, všetko ostatné môže byť
dokonalé, celkový výsledok nebude úspešný.
1. Cieľ

9. 2. Architektúra
Prečo sa neinšpirovať a aj pri stavaní webu najprv nájsť
niekoho, kto mi pomôže môj web navrhnúť?
informačná architektúra
(information architecture IA)

10. IA: persony a úlohy

11. IA: skice, modely a prototypy

12. IA: mapa stránok a cesty

13. 3. Grafický dizajn
Grafický dizajn udáva identitu webu, avšak máloktorý
návštevník hodnotí web naozaj podľa grafiky.

14. 4. Intuitívnosť používania
Grafický dizajn udáva identitu webu, avšak máloktorý
návštevník hodnotí web naozaj podľa grafiky.
použiteľnosť webov
(web usability)

15. 5. Redakčný systém
Pri výbere CMS je dôležité zvažovať, že nakoniec ho budú
nasadzovať konkrétni ľudia s konkrétnymi skúsenosťami a
schopnosťami.
CMS, WCMS
(Web content management)

16. 6. Technická infraštruktúra
Nie technológie majú určovať informačnú architektúru webu
ale naopak.

17. 7. Programovanie
Zvláštny dôraz je nutné klásť na rýchlosť odozvy. Stránky
by sa mali zobrazovať do 1 sekundy, aj pri najvyššej
návštevnosti v sezóne.

18. 8. Technická prevádzka a bezpečnosť
Keď je všetko v poriadku, web funguje ako má, prevádzku
a bezpečnosť nevidno.
webhosting, serverhosting,
cloud, backup, monitoring,
security audit

19. 9. Obsah
Chystajte si obsah už počas implementácie, inak sa
napĺňanie môže stať dôvodom výrazného zdržania.
web copywriting

20. 10. Nasadenie webu do života
Nespoliehajte sa, že niekto popri svojej hlavnej práci
nejako mimochodom rozbehne a udrží biznis webu pri
živote.

21. 11. Marketing na internete
Web bez liniek z internetu a ďalšej propagácie bude len
pustým ostrovom bez návštevníkov.
online marketing, social
marketing, SEO, pay-per-view,
pay-per-click, pay-per-
conversion, affiliate

22. 12. Monitoring
Správne nastaviť využívanie analytických nástrojov na
sledovanie a vyhodnocovanie návštevnosti, správania
návštevníkov a sledovanie napĺňania cieľov webu.
web analytics, Google Tag
Manager, Google Analytics,
Google Webmaster Tools

23. 13. Noví návštevníci a opakované návštevy
Ak nemáte skúsenosti, ani nepoznáte nikoho, kto ich s
marketingom vo vašom biznise na internete má, ostáva
postupne skúšať, čo funguje.
e-mail marketing, loyalty
program

24. 14. Každodenná rutina
Každodenné činnosti dávajú webu život.
time management, sleep,
coffein, sport, yoga, massage

25. 15. Vylepšovanie
V priebehu 2 rokov treba investovať do webu zhruba také
isté množstvo prostriedkov, ako sa vloží do jeho výroby.

26. Information
Architecture
Wireframes,
mockups, design
HTML Prototype
Usability test
Final HTML
Implementation
Web analytics
SEO
Internet
marketing
Accessibility
Operations
Život webu v ui42

27. 1. Povinná registrácia
2. Zlé vyhľadávanie
3. Neštandardné alebo nevýrazné linky (kliknite tu)
4. Texty nie pre web
5. Ťažkopádne formuláre
6. Reset formulárových prvkov pri opustení stránky
7. „Uletený“ dizajn
8. Mobilný web alebo app „len aby bol“
9. ”Vyskakujúce” megamenu
10. Zložité overovanie (nečitateľná CAPTCHA, SMS, ...)
10 najčastejších chýb na slovenských weboch

28. Zopár rád na koniec
• Archivujte skice, poznámky, screenshoty
• Odfoťte sa celý tím na konci projektu
• Nikdy nespájajte termín spustenia webu s iným
dôležitým termínom!

29. Kontakt
Martin Krupa
krupa@ui42.sk
www.ui42.sk/usability
www.ui42.sk/blog
twitter: @martinkrupa
+421 905 403 728