Rozšířené verze mé přednášky o redesignu webu města Plzně. Speciálně pro Čtvrtkon.

1. Jak jsme dělali nový web města Plzně
Petr
Bechyně

2. Webstory = Petr Bechyně + externisté
• návrh webu
• dohled na realizací webových projektů
• analýza webu + testování
• školení pro veřejnost a webové agentury
Webstory solution

3. PROČ
SE DĚLAL
REDESIGN?
- Zpřehlednit
- Přidat nové informace
- Modernizovat vzhled
- Vyčistit web (po obsahové i
technické stránce)

4. UX trably
- absence hlavní navigace
- velké nahuštění informací bez
jasné priority
- nepřehlednost

5. Co jsme nabídli
úvodní analýza
a konzultace
výzkum
(dotazníky a
interview)
návrh
a popis
cílových skupin
vytvoření
person
návrh cílů
uživatelské
scénáře
návrh funkcí a
obsah
uživatelské
testování

6. Co ovlivňuje rozhodnutí klienta
Rozpočet
Čas
Přínos

7. úvodní analýza
a konzultace
výzkum
(dotazníky a
interview)
návrh
a popis
cílových skupin
vytvoření
person
návrh cílů
uživatelské
scénáře
návrh funkcí a
obsah
uživatelské
testování
Co jsme nakonec dělali

8. Jdeme na to

9. Co bylo třeba brát v potaz
30 odborů = 30 priorit
různé potřeby návštěvníků
personální možnosti města
čas

10. Jaký byl průběh
Analýza
Výběrové
řízení
Ladění
designu
Implementace
Tvorba
obsahu
Spuštění

11. Tým Webstory - analýza
- Petr Bechyně
Beneš & Michl - desing
- Jakub Michl
Město
- projektový vedoucí
- redaktor
- hlavní programátor
Všichni stejný cíl:
Vytvořit skvělý web města

12. Analýza
Jak alespoň trochu nahradit chybějící výzkum?

13. Google analytics
Důležité reporty:
- nejnavštěvovanější stránky
- vstupní stránky
- výstupní stránky
- stránky s vysokou mírou
okamžitého opuštění
- site search
- klíčová slova
- přehled navigace

14. Konkurence
Jak to dělají nejlepší v oboru?
Neopisujte, ptejte se
PROČ?

15. Schůzky se zadavatelem
- když není výzkum, tak se
alespoň co nejvíce ptejte
zadavatele
- více jak 10 schůzek

16. Kdo jsou uživatelé
webu?

17. Občan města
1. styk s úřady
- řešení životních situací (výměna
- dokladů, atd.)
- otevírací doba
- kontakty
2. život v Plzni
- aktuální dění v Plzni
- kultura, sport a volný čas
- školy, školky
http://www.plzen.eu/obcan/o-
meste/multimedia/fotogalerie/pamatky-turisticke-
cile/galid_17493/plzenske-podzimni-safarikovy-sady.aspx

18. Turista
- základní údaje o městě
- nejzajímavější turistické cíle ve
městě
- ubytování
- praktické informace pro pobyt ve
městě
http://www.saatchigallery.com/artists/artpages/duane_hanson_tourists_2.htm

19. Podnikatel
- informace o veřejných zakázkách
a investičních záměrech
- informace o grantech a dotacích
- informace pro investory
- územní plán
- kontakty na jednotlivé úřady
a úředníky

20. Interní návštěvník / úředník
- Úředníci používají web podobně
jako intranet. Především pro
vyhledávání kontaktů
- najít kontakty na jednotlivé úřady
a úředníky
- najít organizační strukturu města a
jeho organizací
- odkazy na aplikace
- odkazy na další weby města
http://www.rferl.org/content/on_afghan_border_pakistani_to
wn_echo_of_colonial_past/24537653.html

21. Řešení

22. Dva weby místo jednoho
Občan
Turista + volný čas
Plzeň.eu

23. Dva weby místo jednoho

24. Pár vychytávek

25. Slideshow

26. Taby + aktuality z obvodů

27. Kalendář akcí - Turista

28. Výstupy mé práce

29. Návrh webu
- ujasnění požadavků na nový web
- podklad pro výběrové řízení
- argumenty pro vedení města

30. Návrh webu

31. Děkuji za pozornost.
www.webstory.cz

32. Zajímavé kurzy jaro 2014
23. 4. Kurz tvorby a vedení firemního webu
22. – 23. 5. Kurz SEO a linkbuilding – Marek Prokop