jak jsme dělali nový web města plzně
TRANSCRIPT
![Page 1: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/1.jpg)
Jak jsme dělali nový web města Plzně
Petr
Bechyně
![Page 2: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/2.jpg)
Webstory = Petr Bechyně + externisté
• Návrh webu• Analýza webu + testování• Školení pro veřejnost a webové agentury
Webstory solution
![Page 3: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/3.jpg)
Proč se dělal redesign
• Zpřehlednit aktuálně poskytované informace
• Přidat nové informace• Modernizovat vzhled• Vyčistit web (po obsahové i technické
stránce)
Největší problémy z pohledu UX• Absence hlavní navigace• Velké nahuštění informací bez jasné
priority• Nepřehlednost
![Page 4: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/4.jpg)
Co jsme nabídli
úvodní analýza
a konzultac
e
výzkum (dotazník
y 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í
![Page 5: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/5.jpg)
Co ovlivňuje rozhodnutí klienta
Rozpočet
Čas
Přínos
![Page 6: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/6.jpg)
Co jsme nakonec dělali
úvodní analýza
a konzultac
e
výzkum (dotazník
y 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í
![Page 7: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/7.jpg)
Jdeme na to
![Page 8: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/8.jpg)
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
![Page 9: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/9.jpg)
Konkurence
Jak to dělají nejlepší v oboru?
Neopisujte, ptejte
se:
PROČ?
![Page 10: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/10.jpg)
Kdo jsou uživatelé webu?
![Page 11: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/11.jpg)
Občan města
Občan1. 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
![Page 12: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/12.jpg)
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
![Page 13: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/13.jpg)
Další cílové skupiny
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
Interní návštěvní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
![Page 14: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/14.jpg)
Řešení
![Page 15: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/15.jpg)
Dva weby místo jednoho
Občan
Turista + volný čas
Plzeň.eu
![Page 16: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/16.jpg)
Co bylo dál?
Město vyhlásilo výběrové řízení na grafiku.
Odjel jsem na měsíc do
Indie.
Když jsem se vrátil, byl vítěz jasný a pustili jsme se do designu.
![Page 17: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/17.jpg)
Dva weby místo jednoho
![Page 18: Jak jsme dělali nový web města plzně](https://reader036.vdocuments.pub/reader036/viewer/2022062319/558c680ad8b42ac9508b45ca/html5/thumbnails/18.jpg)
Děkuji za pozornost.
www.webstory.cz