User experience design drobných prezentací a produktů

65 Pages·2015·0.86 MB·Czech

MASARYKOVA UNIVERZITA
FILOZOFICKÁ FAKULTA

BAKALÁŘSKÁ PRÁCE

2015 Bc. Tereza Navarová
MASARYKOVA UNIVERZITA
FILOZOFICKÁ FAKULTA

KABINET INFORMAČNÍCH STUDIÍ A KNIHOVNICTVÍ
INFORMAČNÍ STUDIA A KNIHOVNICTVÍ

Bc. Tereza Navarová

User experience design drobných prezentací a produktů
BAKALÁŘSKÁ PRÁCE

Vedoucí práce: Mgr. Jan Martinek

2015

Prohlašuji, že jsem diplomovou práci vypracovala samostatně s využitím
uvedených pramenů a literatury.

……………………………………………..
Podpis autorky práce
iv
Na tomto místě bych chtěla poděkovat zejména Honzovi Martínkovi – za mnoho
inspirativních konzultací ve chvílích, kdy jsem měla pocit, že jsem ve slepé uličce,
z které není cesty zpět. Děkuji také Ondrovi Válkovi, který mi s prací velmi pomohl
v rámci jediného večera, především užitečnými radami a také posláním kontaktů na
informanty. Chci poděkovat všem, kteří byli ochotní se mnou vést rozhovory, ať už
osobně nebo přes Skype (s nekvalitním zvukem, za který se ještě jednou omlouvám).
Děkuji Pavlíkovi za podporu během psaní a pomoc s typografií. Děkuji také Marušce,
Petrovi a Kubovi za společné sdílení všech dojmů a zážitků z psaní této práce nad
obědy, večeřemi a vínem.
v
Bibliografický záznam
NAVAROVÁ, Tereza. User experience design drobných prezentací a produktů. Brno,
2015. Bakalářská práce. Masarykova univerzita. Vedoucí práce Mgr. Jan Martinek.
Anotace
Tato práce se zabývá návrhem UX u malých webových prezentací a aplikací.
V teoretické části autorka srovnává různé definice UX a následně rozlišuje druhy
webových prezentací a produktů. Obeznamuje čtenáře s procesem návrhu webu a
jeho jednotlivými fázemi. Zmiňuje rovněž metody, které je možné při návrhu
malých webů využít, s důrazem na metody, které je možné provést rychle nebo
s malými náklady. V praktické části na základě rozhovorů s UX designéry definuje
malé webové projekty a omezení, která při jejich návrhu mohou nastat. Vysvětluje
také, jak designéři tyto problémy řeší a popisuje metody, které při návrhu malých
webů využívají. Práce také popisuje, jak se návrh malých webových projektů
proměnil v čase.
Klíčová slova
user experience, webdesign, malé weby, webové prezentace, webové aplikace,
návrh webu, omezení

vi
Abstract
This thesis deals with UX design in small websites and web applications. In the
theoretical part, the author compares different definitions of UX and also classifies
different types of web projects. The thesis also describes the web design process
and its phases, including methods that can be applied in case of temporal or
financial restrictions of the project. In the following part, the author defines small
web projects and limitations while designing their user experience on the basis of
interviews with UX designers. It is also described how designers work around these
problems, including particular methods they use. The thesis also shows how the
design of small websites has changed in recent years.
Keywords
user experience, webdesign, small websites, web applications, limits
vii
Obsah
Bibliografický záznam ............................................................................................... vi
Anotace ...................................................................................................................... vi
Klíčová slova .............................................................................................................. vi
Abstract ..................................................................................................................... vii
Keywords .................................................................................................................. vii
1 Úvod ..................................................................................................................... 1
2 Vymezení terminologie ....................................................................................... 3
3 Druhy webových prezentací a produktů ........................................................... 8
4 Proces návrhu webu ........................................................................................... 11
4.1 Vývoj práce webdesignéra v čase ................................................................. 11
4.2 Proces návrhu webu dnes ........................................................................... 14
4.2.1 Fáze 1: Objevování ................................................................................ 15
4.2.2 Fáze 2: Uživatelský výzkum ................................................................. 16
4.2.3 Fáze 3: Návrh webu .............................................................................. 17
4.2.4 Fáze 4: Nasazení webu a evaluace .......................................................20
4.3 Využití Lean Startup a agilního přístupu při práci na drobných
projektech .............................................................................................................. 21
5 Možná omezení v jednotlivých fázích procesu ................................................24
5.1 Definice malých projektů ...........................................................................24
5.2 Omezení, která nastávají při jejich návrhu ................................................ 25
5.3 Příčiny těchto omezení .............................................................................. 26
5.4 Jak designéři tato omezení řeší .................................................................. 27
5.5 Vývoj webdesignu v čase ............................................................................. 27
6 Využitelné metody a techniky při práci na drobných projektech.................. 29
6.1 Fáze 1: Objevování ...................................................................................... 29
6.2 Fáze 2: Uživatelský výzkum ........................................................................ 30
6.3 Fáze 3: Návrh webu ..................................................................................... 31
6.4 Fáze 4: Nasazení webu a evaluace .............................................................. 32
7 Zkušenosti UX designérů s těmito druhy projektů.......................................... 34
7.1 Metodologie................................................................................................. 34
7.2 Výzkum ........................................................................................................ 36
7.2.1 Definice malých projektů .................................................................... 36
7.2.2 Omezení, která nastávají při jejich návrhu ......................................... 37
7.2.3 Jak designéři tato omezení řeší ........................................................... 39
viii
7.2.4 Metody využívané při návrhu malých projektů ................................. 41
7.2.5 Vývoj návrhu UX u malých projektů v čase ........................................42
8 Závěr .................................................................................................................. 44
9 Bibliografie ........................................................................................................ 46
9.1 Literatura .................................................................................................... 46
9.2 Webové stránky ........................................................................................... 47
10 Přílohy ................................................................................................................ 50
10.1 Projekt bakalářské práce ......................................................................... 50
ix