33
E N C Y K L O P E D I E W E B D E S I G N E R A Jakob Nielsen & Marie Tahir www.zonerpress.cz Použitelnost U S A B I L I T Y stránek domovských Detailní rozbor 50 známých domovských stran z hlediska použitelnosti. Více než 100 metodických pokynů k uspožádání a organizaci domovských stránek. Celkem 1 135 komentářů, rad a doporučení od dvojice světově uznávaných odborníků a publicistů. Práce se stylem pro weblog a jeho jednotlivé části. Využití pozicování pro obrázky na pozadí. Design osobní stránky webu. Tvorba designu pro kaskádovou Zenovou zahradu.

Použitelnost domovských stránek

Embed Size (px)

DESCRIPTION

Použitelnost domovských stránek

Citation preview

Page 1: Použitelnost domovských stránek

Použ

iteln

ost d

omov

skýc

h st

ráne

kE N C Y K L O P E D I E W E B D E S I G N E R A

Jakob Nielsen & Marie Tahirwww.zonerpress.cz

Použitelnost

U S A B I L I T Y

stránekdomovských

• Detailní rozbor 50 známých domovských stran z hlediska použitelnosti.

• Více než 100 metodických pokynů k uspožádání a organizaci domovských stránek.

• Celkem 1 135 komentářů, rad a doporučení od dvojice světově uznávaných odborníků a publicistů.

• Práce se stylem pro weblog a jeho jednotlivé části.

• Využití pozicování pro obrázky na pozadí.

• Design osobní stránky webu.

• Tvorba designu pro kaskádovou Zenovou zahradu.

Page 2: Použitelnost domovských stránek

Jakob Nielsen & Marie Tahirwww.zonerpress.cz

Použitelnoststránekdomovských

© Foto: Jiří HellerU S A B I L I T Y

Page 3: Použitelnost domovských stránek

2

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Authorized translation from the English language edition, entitled HOMEPAGE USABILITY: 50 WEBSITES DECONSTRUCTED, 1st Edition, 073571102X by NIELSEN, JAKOB; TAHIR, MARIE, published by Pearson Education, Inc, publishing as New Riders; Copyright © 2002 by New Riders Publishing.

All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. CZECH language edition published by ZONER software s.r.o., Copyright © 2004

Autorizovaný překlad anglického vydání nazvaného HOMEPAGE USABILITY: 50 WEBSITES DECONSTRUCTED, první vydání, 073571102X, autor NIELSEN, JAKOB; TAHIR, MARIE, vydal Pearson Education, Inc, ve vydavatelství New Riders; Copyright © 2002 New Riders Publishing.

Všechna práva vyhrazena. Žádná část této publikace nesmí být reprodukována nebo předávána žádnou formou nebo způsobem, elektronicky ani mechanicky, včetně fotokopií, natáčení ani žádnými jinými systémy pro ukládání bez výslovného svolení Pearson Education, Inc. České vydání vydal ZONER software s.r.o., Copyright © 2004.

Použitelnost domovských stránekAutor: Jakob Nielsen, Marie Tahir

Copyright © ZONER software s.r.o. Vydání první v roce 2005. Všechna práva vyhrazena.

KATALOGOVÉ ČÍSLO: ZR409

Zoner PressZONER software s.r.o.Koželužská 7, 602 00 Brno

Překlad: Pavel Vaida

Odpovědný redaktor: Miroslav Kučera

DTP: Miroslav Kučera

© Cover foto: Jiří Heller, HELER.CZ s.r.o., www.heller.cz

© Cover a layout: Ing. Pavel Kristián

Informace, které jsou v této knize zveřejněny mohou byt chráněny jako patent. Jména produktů byla uvedena bez záruky jejich volného použití. Při tvorbě textů a vyobrazení bylo sice postupováno s maximální péčí, ale přesto nelze zcela vyloučit možnost výskytu chyb.

Vydavatelé a autoři nepřebírají právní odpovědnost ani žádnou jinou záruku za použití chybných údajů a z toho vyplývajících důsledků.

Všechna práva vyhrazena. Žádná část této publikace nesmí být reprodukována ani distribuována žádným způsobem ani prostředkem, ani reprodukována v databázi či na jiném záznamovém prostředku či v jiném systému bez výslovného svolení vydavatele s výjimkou zveřejnění krátkých částí textu pro potřeby recenzí.

Veškeré dotazy týkající se distribuce směřujte na:

Zoner Press ZONER software s.r.o. Koželužská 7, 602 00 Brno

tel.: 532 190 883, fax: 543 257 245 e-mail: [email protected] http://www.zonerpress.cz

ISBN 80-86815-18-8

Page 4: Použitelnost domovských stránek

3

Věnování — 5

O autorech — 6

Dr. Jakob Nielsen — 6

Marie Tahir — 6

O technickém editorovi — 7

Steve Sanches — 7

Poděkování — 7

Pošlete nám váš názor — 8

Předmluva — 9Úloha domovské stránky — 10

Uspořádání této knihy — 12

Objekty vašeho zájmu — 13

Doprovodné webové stránky — 13

Doporučení pro domovské stránky — 15Co není předmětem doporučení — 16

Určení obsahu domovské stránky — 16

Obecný návrh webu — 16

Konkrétní profese — 16

Přístupnost — 17

Děti — 17

Zahraniční návštěvníci — 17

Domovské stránky na intranetu — 17

Doporučení — 17

Informace o smyslu webu — 18

Sdělení informací o vaší firmě — 20

Vytváření obsahu — 22

Obsah tvořený uváděním příkladů — 24

Archivy a zpřístupnění již publikovaného obsa-hu — 25

Odkazy — 26

Navigace — 27

Vyhledávání — 28

Nástroje a zástupci úloh — 29

Grafika a animace — 30

Grafický design — 31

Prvky uživatelského rozhraní — 32

Záhlaví oken — 33

URL adresy — 34

Zprávy a tisková prohlášení — 35

Informační okna a úvodní stránky — 36

Reklama — 37

Přivítání — 37

Informování o technických problémech a obsluha mimořádných událostí — 38

Poděkování — 38

Nové načtení nebo aktualizace stránky — 39

Přizpůsobení — 40

Shromažďování informací o zákaznících — 40

Podpora komunit — 41

Data a časy — 41

Kurzy akcií a zobrazování čísel — 42

Zásady designu domovských stránek — 43

Statistika návrhu domovských stránek — 45Doba stahování — 47

Základní rozvržení stránky — 48

Šířka stránky — 48

Plovoucí versus pevné rozvržení — 48

Délka stránky — 48

Rámce — 48

Základní prvky designu stránky — 49

Logo — 49

Vyhledávání — 49

Navigace — 51

Navigace v zápatí — 51

Mapa serveru — 52

Směrovací stránka — 52

Úvodní stránky — 52

Běžné prvky — 53

O nás — 54

Kontaktní informace — 54

Ochrana soukromí — 55

Obsah

Obsa

h

Page 5: Použitelnost domovských stránek

4

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Pracovní příležitosti — 55

Nápověda — 56

Grafika a multimédia — 57

Obrázky — 57

Alternativní text — 57

Hudba — 57

Animace — 57

Reklama — 58

Typografie — 59

Hlavní text a barvy pozadí — 59

Formátování odkazů — 59

Doporučený design domovské stránky — 60

Úvod k domovským stránkám — 63www.about.com — 64

www.accenture.com — 68

www.amazon.com — 74

www.artic.edu — 78

www.asiacuisine.com.sg — 82

www.bn.com — 86

www.bbc.co.uk — 90

www.boeing.com — 96

www.cdnow.com — 100

www.citigroup.com — 104

www.cnet.com — 108

cnnfn.cnn.com — 114

www.coles.com.au — 118

www.directv.com — 124

www.disney.com — 130

www.drugstore.com — 134

www.ebay.com — 138

www.emagazineshop.com — 144

www.espn.com — 150

www.exxon.mobil.com — 156

www.fedex.com/us — 162

www.fhwa.dot.gov — 168

http://sun6.dms.state.fl.us/dor — 172

www.ford.com — 178

www.gateway.com — 182

www.ge.com — 186

www.gm.com — 192

www.globalsources.com — 196

www.ibm.com — 202

www.jamesdevaneyfuel.com — 206

www.jobmagic.net — 210

www.learn2.com — 216

www.microsoft.com — 220

www.mothernature.com — 224

www.mtv.com — 228

www.newscientist.com — 232

www.newsnow.co.uk — 236

www.pbs.org — 242

www.petsmart.com — 248

www.philipmorris.com — 254

www.planetrx.com — 260

www.redherring.com — 264

www.slussers.com — 268

www.southwest.com — 274

www.ticketmaster.com — 278

www.travelocity.com — 282

www.usatoday.com — 288

www.victoriassecret.com — 292

www.walmart.com — 296

www.yahoo.com — 300

Příloha — 304Využití prostoru obrazovky — 306

Loga — 308

Obrázky lidí — 312

Nákupní košíky — 313

Vyskakovací okna — 313

Rejstřík — 314

Page 6: Použitelnost domovských stránek

5

Věnování

Faran Tahir – vřelé díky

Marie Tahir

Mým rodičům – Dr. Helle H. Nielsen a Dr. Gerhard Nielsen

Jakob Nielsen

Věno

vání

Page 7: Použitelnost domovských stránek

6

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k

Dr. Jakob NielsenJakob je šéfem skupiny Nielsen Norman Group; dříve působil jako významný inženýr ve společnosti Sun Microsystems. Od roku 1995 Nielsen publikuje na internetu sloupek Alertbox o použitelnosti webu (www.useit.com). Nielsen je nazýván "předním světovým expertem na použitelnost webu" (U. S. News & World Report), "guru použitel-nosti webových stránek" (The New York Times) a "o příčinách funkč-nosti webů toho ví více, než kdokoliv jiný na této planetě" (Chicago Tribune).

Marie TahirMarie je strategickou ředitelkou skupiny Nielsen Norman Group, kde má na starosti redesign vyplývající ze zkušeností uživatelů v oblastech B2B (business-to-business) a B2C (business-to-customer) vztahů. Před tím řídila skupinu lidských zdrojů ve společnosti Intuit, Inc., kde zavedla a vyučovala metodiku návrhu zaměřeného na uživatele a dohlížela na uživatelské zkušenosti s produktovými řadami TurboTax, ProSeries a QuickenLoans. Marie před nástupem do společností In-tuit pracovala ve společnosti Lotus Development Corp., kde šéfovala hlavnímu výzkumu a metodologii profilování uživatelů a byla zodpo-vědná za použitelnosti produktové řady SmartSuite. Je spoluautorkou kapitoly "Bringing the User’s Work to Us: Usability Roundtables at Lotus Development" v publikaci Field Methods Casebook for Software Design autorů Wixon a Ramey.

O autorech

Page 8: Použitelnost domovských stránek

7

O technickém editoroviSteve Sanchesje zakladatel a generálním ředitelem společnosti iNexus.com, sídlící v Los Angeles a zabývající se konzul-tacemi, vytvářením a propagací obchodních internetových řešení. Během posledních deseti let pracoval s předními společnostmi v oborech jako cestování, zdravotnictví a vydavatelství, kdy vytvářel weby, které slouží svým majitelům i uživatelům. Jako dlouhodobý zastánce bohatších zkušeností on-line uživatelů je Steve "šíleným fanouškem" databázově orientovaných webů, webových obchodních komunit a technologií jako dynamický Flash, virtuální prohlídky, Active Server Pages a slibná technologie Microsoftu .NET. Rád fotografuje, cestuje, plachtí a potápí se. Žije v Los Angeles se svou ženou a čtyřmi dětmi.

PoděkováníRádi bychom poděkovali následujícím členům skupiny Nielsen Norman Group za velkou pomoc při vzniku knihy, od výběru webů, shromažďování kopií obrazovek, definice metrik stránek, měření metrik stránek až po vylepšování samotných doporučení:

Brenda Brozinick

Kara Pernice Coyne

Susan Farrell

Shuli Gilutz

Luice Hwang

Hoa Loranger

Rovněž děkujeme Rolfu Molichovi a Gii Rozzelsové za srozumitelné komentáře k doporučením.

Tým redaktorů vydavatelství New Riders nám díky své velké nápomoci umožnil dokončit tento projekt včas. Mimořádný dík patří Jennifer Eberhardtové za pomoc při práci s rukopisem a mapování prostoru obrazov-ky použitého různými kategoriemi prvků stránek.

O au

tore

ch

Page 9: Použitelnost domovských stránek

8

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Pošlete nám váš názorJako čtenáři této knihy se stáváte těmi nejdůležitějšími kritiky a komentátory. Vážíme si vašeho názoru a chtěli bychom znát, co děláme správně, co bychom mohli dělat lépe, ve kterých oblastech bychom měli publikovat a jiné podnětné myšlenky, které jste nám ochotni sdělit.

Jako redaktor Zoner Press vítám vaše názory. Můžete mi poslat e-mail nebo dopis a sdělit mi, co se vám v této knize líbilo nebo nelíbilo, stejně tak, co bychom měli udě-lat, aby naše další knihy byly lepší. Pokud mi napíšete, prosím, nezapomeňte připojit název knihy, ISBN, jméno autora, vaše jméno, telefon, fax nebo e-mail. Pozorně zhod-notím vaše názory a poskytnu je autorovi a redaktorům, kteří pracovali na této knize.

Prosím, vězte, že nemohu pomoci s technickými problémy, které se týkají obsahu kni-hy, a že díky velkému množství e-mailů, které dostávám, nemohu zaručit odpověd na každou zprávu.

E-mail: [email protected]: Zoner Press ZONER software, s. r. o Miroslav Kučera Koželužská 7 602 00 Brno

Page 10: Použitelnost domovských stránek

11

Následující stránky obsahují recenze použitelnosti 50 domovských stránek. Všechny weby byly vybrány proto, že byly nějak významné: většina webů pochází ze seznamů deseti nejnavštěvovanějších webů ve Spojených státech i jiných zemích, stejně jako ze seznamů největších společností světa. Rovněž jsme zařadili weby několika významných vládních agentur a několika dobře fungujících společností a neziskových institucí.

Jelikož uvedené weby patří mezi ty nejlepší na Internetu, je zajímavé povšimnout si, jak velké množství problémů, týkajících se použitelnosti, jsme na těchto domovských strán-kách našli. Zmíněné chyby nesvědčí o špatných designech či nezpůsobilých správcích webu. Spíše svědčí o smutném stavu dnešního webu, který má být použitelnější a pod-porovat uživatele: dokonce i ty nejlepší weby jsou prošpikovány prvky designu, které uživatelům škodí.

Některé z našich komentářů se mohou jevit jako náročné; snažili jsme se okomentovat téměř vše. Pokud jde o celkový obsah, v recenzích převládaly menší problémy s použi-telností. Většina těchto menších problémů nezabrání konkrétnímu uživateli daný web použít, takže z hlediska použitelnosti nejsou skutečnými katastrofami, na rozdíl od pří-padů, které často najdeme, když studujeme uživatele, kteří se na webu pokouší dokončit konkrétní úlohu. Přesto i menší problémy s použitelností stojí za zdůraznění a za opravu. Domovská stránka musí chránit image firmy. Uživatelé si všímají drobností; nekonzis-tence a slabost ovlivňují důvěru a snižují reputaci vaší firmy v očích uživatelů. Uživatelé si mohou jednoduše myslet, že vaše firma je nedbalá. Výsledný efekt mnoha malých problémů může být matoucí a pro uživatele může být obtížné najít to, co na vašem webu potřebují. Dokonce i typografie může znesnadnit porozumění dostupným možnostem.

Pokud přejdete na některé z těchto domovských stránek dnes, pravděpodobně budou vypadat jinak, než na kopiích obrazovek na následujících stranách. Než uvedené weby navštívíte, s největší pravděpodobností bude většina námi popisovaných problémů s po-užitelností již dlouho pryč. To je v pořádku – analýzy těchto domovských stránek jsou zamýšleny jako pestrá množina příkladů různých stylů designů domovských stránek a nikoliv jako kritiky konkrétních firem a jejich webových prezentací. Nemáme v plánu vám radit, který web použít pro vaše denní zpravodajství nebo správu osobních financí. Chceme vám pomoci porozumět významu použitelnosti při rozhodování o návrhu do-movských stránek.

Každá kopie obrazovky reprezentuje nejlepší úsilí talentovaného návrhářského týmu v určitém časovém bodě během roku 2001. Můžete se poučit z jejich úsilí a z jejich chyb. Analýza použitelnosti jednotlivých prvků designu zůstává stejně platná a užitečná coby studijní materiál, a to dokonce i poté, co weby tyto zmíněné prvky již odstranily.

Úvod k domovským stránkám

Page 11: Použitelnost domovských stránek

15

Dopo

ruče

ní p

ro d

omov

ské

strá

nky

Tato kapitola shrnuje naše hlavní doporučení týkající se použitelnosti domovských strá-nek. Protože mnohá z těchto doporučení platí pro návrh webů obecně, je velmi důležité se jich při návrhu vaší domovské stránky držet, protože v sázce je příliš mnoho. Vaše domovská stránka je vaší první – a často také poslední – šancí pro přilákání a udržení si konkrétního zákazníka, skoro jako úvodní stránka novin. Jednou z největších hodnot úvodní stránky novin je priorita věnovaná nejčerstvějším událostem. Všem domov-ským stránkám by prospělo, kdyby se s nimi zacházelo jako s první stránkou nějakých známých novin – měly by mít editory, kteří určují důležitý obsah a zajišťují kontinuitu a jednotný styl.

I malé změny na domovských stránkách mohou mít drastické účinky. Vezměte si tako-vou domovskou stránku deníku The New York Times. Pokud by zůstal veškerý design a styl všech článků na tomto webu stejný a vy se rozhodli na domovské stránce zobrazo-vat pouze místní zprávy z New Yorku, přičemž na všechny ostatní zprávy z domova a ze světa by vedly pouze odkazy, neúprosně byste tím změnili celý web. Z bližšího pohledu by se tato změna nejevila vůbec jako zanedbatelná.

Protože vám radíme, abyste při návrhu vaší domovské stránky používali následující do-poručení jako kontrolní seznam, vězte, že tato doporučení jsou zde zmíněna ve zkratce. Abyste viděli správné použití těchto doporučení, nebo – a to spíš – jejich nedodržení, budete se muset podívat na příklady jednotlivých webů. Tato kniha je bohatě ilustrována a pouze v kontextu vizuálního doprovodu si můžete zcela uvědomit negativní dopad ignorace těchto doporučení.

Nicméně, jedná se pouze o doporučení, nikoliv o zásady. U všech webů existují jisté výjimky. Ovšem tato doporučení byla vytvořena na základě 14 let zkušeností, testování uživatelů a jejich vnímání domovských stránek a zjišťování toho, díky čemu tyto stránky získávají nebo naopak ztrácejí uživatele. Ačkoliv můžete dodržováním těchto dopo-ručení značně zlepšit použitelnost vaší domovské stránky, do těchto procesů a metod – jako jsou oborové studie, testování použitelnosti a opakovaná zpětná vazba ve vašem vývojovém cyklu – budete potřebovat zapojit také vaše vlastní uživatele. Pokud učiníte rozhodnutí, které nebude v souladu s naším doporučením, učiňte tak pouze na základě informací o zákazníkovi v kontextu vaší domovské stránky.

Doporučení pro domovské stránky

Page 12: Použitelnost domovských stránek

16

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Co není předmětem doporučeníVe snaze omezit obsah a zaměření této knihy pouze na příslušná doporučení týkající se domovské stránky se zde nezabýváme několika důležitými tématy, která jsou zmíněna dále – většina z těchto témat by totiž vydala na samo-statnou knihu nebo studii. Pokud taková kniha nebo studie existuje, je zde pochopitelně zmíněna.

Určení obsahu domovské stránkyJedno z nejdůležitějších rozhodnutí týkající se designu domovské stránky je specifikace obsahu, který si zaslouží být součástí domovské stránky. Tímto problémem se v našich doporučeních nezabýváme, protože závisí na uživatelích a úkolech daného webu, stejně jako na obchodních cílech té které firmy. Bohužel, design domovské stránky je často ovlivňován obchodní politikou firmy více, než reálnými potřebami uživatelů. O prostor domovské stránky často usi-lují mnohá oddělení a vyhrávají ti nejlepší lobbisté. Doporučujeme vám, abyste potřeby uživatelů pokládali za klíčový faktor při rozhodování o designu a zapojili uživatele do tohoto rozhodovacího procesu.

Existuje několik způsobů použitelnosti, které mohou specifikovat a také stanovit důležitost potřeb uživatelů na zákla-dě skutečných údajů a pozorování. Nebudeme se zde podrobně zabývat testováním uživatelů, analýzou úkolů, přípa-dovými studiemi nebo obecnou metodologií a postupy použitelnosti. Každé z těchto témat by vydalo na samostatnou knihu, nehledě na to, že několik takových knih již bylo a určitě ještě bude napsáno. Na adrese http://www.useit.com/books naleznete popis a odkazy na nejvíce doporučované knihy.

Obecný návrh webuNaše doporučení byla omezena na ta doporučení, která mají rozhodující vliv na použitelnost domovské stránky. Mnohá z nich zlepší použitelnost i ostatních webových stránek. A naopak, mnoho – ne-li rovnou většina – doporu-čení pro návrh obecných webových stránek, webový obsah nebo navigaci na webu by pochopitelně zlepšilo použi-telnost samotných domovských stránek. Koneckonců, domovská stránka je přece taky webová stránka, takže tvůrci domovských stránek by měli brát v potaz všechna doporučení týkající se použitelnosti. Tedy nejenom ta, která jsou specifická pro domovské stránky. Podrobnější informace o obecné tvorbě webů najdete v knize Jakoba Nielsena De-signing Web Usability: The Practice of Simplicity.

Konkrétní profeseNezaměřujeme se na zvláštnosti specifických designů pro konkrétní profesi jako třeba domovské stránky pro softwa-rové společnosti, konference nebo zubaře. Pro každé odvětví nebo firemní branži bude existovat mnoho podrobných doporučení zaměřených na způsoby komunikace zákazníků těchto firem s webem a na ty nejlepší způsoby, jak těmto potřebám uživatelů vyhovět.

Nemůžeme nabídnout množinu obecně platných doporučení. To by si vzájemně odporovalo. Jediným způsobem, jak vytvořit obecně platná doporučení, je zkoumat uživatele různých profesí a jejich úlohy. My tak činíme prostřednic-tvím srovnávacího testu použitelnosti, který zobecňuje zjištění napříč širokým spektrem webů v rámci určitého seg-mentu. Tohle ale není místo k diskusi o tom, jak provádět srovnávací průzkum a místo toho vás odkážeme na studii, která se podrobně zabývá metodologií použitou k odvození celkem 207 doporučení pro použitelnost elektronických

Page 13: Použitelnost domovských stránek

17

Dopo

ruče

ní p

ro d

omov

ské

strá

nkyobchodů, která vycházejí z testu 20 webů. Tato metodologická studie o rozsahu 44 stran je dostupná na adrese http://

www.NNgroup.com/reports/ecommerce/methodology.html.

PřístupnostAčkoliv některé z našich recenzí webů vyzdvihují hlavní problémy designu, které by mohly lidem bránit v použití adaptivních technologií, samotná přístupnost je příliš rozsáhlé téma, kterým se zde nemůžeme zabývat. Místo toho vás odkazujeme na naše podrobná doporučení týkající se přístupnosti, která se nachází na adrese http://www.NNgroup.com/reports/accessibility.

DětiTato kniha klade důraz na tvorbu domovských stránek používaných dospělými uživateli. Některá doporučení jsou sice použitelná i při tvorbě stránek pro děti, nicméně zde existuje mnoho rozdílů, kterými se zabývat nebudeme, pro-tože silně překračují rámec této knihy. Podrobné výsledky našeho testování webů dětmi a výsledný seznam celkem 70 speciálních doporučení pro děti, týkajících se použitelnosti, je možné najít na adrese http://www.NNgroup.com/re-ports/kids.

Zahraniční návštěvníciCo se týče obsloužení uživatelů v celosvětovém měřítku, v této knize uvádíme pouze několik málo doporučení. Po-kud však máte zájem, můžeme vás odkázat na naše podrobnější doporučení, které je dostupné na adrese http://www.NNgroup.com/reports/ecommerce/international.html. Dobrá je také kniha od Elisy del Galdo a Jakoba Nielsena – International User Interfaces.

Domovské stránky na intranetuTato doporučení se zaměřují na weby, které jsou veřejně dostupné na Internetu, a tudíž jsou cíleny na externí uživa-tele. Designy intranetů se ovšem zaměřují na vlastní zaměstnance firmy, a tudíž občas vyžadují odlišná doporučení. Za předpokladu, že jsou příslušná doporučení přizpůsobena, jsou vhodná i pro tvůrce intranetových domovských stránek. Speciální seznam 111 doporučení pro intranety, která vycházejí ze studií použitelnosti designů intranetů, je možné najít na adrese http://www.NNgroup.com/reports/intranet/guidelines.

DoporučeníNásledující část knihy obsahuje celkem 113 doporučení pro zajištění použitelnosti domovské stránky. Jednotlivá do-poručení jsou tematicky uspořádána a většina z nich vychází z recenzí webů zde uvedených.

Page 14: Použitelnost domovských stránek

18

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Informace o smyslu webuPředstavte si, jaký by to byl chaos, kdybyste vešli do obchodu a nebyli schopni ihned říci, jaké služby nebo zboží se zde nabízí. Totéž platí pro vaši domovskou stránku. Z ní musí být na první pohled jasné, kde se uživatel právě na-chází, čím se vaše firma zabývá a co může na vašem webu najít. Pokud se v tomto váš web mine účinkem, je téměř nemožné napravit reputaci. Proč by uživatelé měli na vašem webu cokoliv dělat, pokud sami netuší, co zde vlastně mohou dělat? A kromě toho – při mnoha testech uživatelů jsme viděli, jak uživatel civí na domovskou stránku a není schopen uspokojivě odpovědět na otázku: "Jaký je cíl tohoto webu?" Kvůli srozumitelnosti sdělení musí domovská stránka klást patřičný důraz na označení (branding) a důležité úlohy. Domovská stránka musí také působit snadno zapamatovatelným a charakteristickým dojmem, aby ji uživatelé snadno rozeznali jako výchozí místo celého webu, pokud se na ni dostanou z jiné části téhož webu.

1 Na viditelném místě zobrazte název společnosti nebo její logo v odpovídající velikosti. Toto místo pro vy-jádření firemní identity nemusí být velké, ale mělo by být větší a výraznější než okolní položky, aby na sebe přitáhlo pozornost, jakmile uživatel vstoupí na web. Pro jazyky, které se čtou zleva doprava, je obvykle nej-lepším místem levý horní roh.

2 Přidejte informaci, případně slogan, který výslovně shrnuje, čím se web nebo firma zabývá. Tento slogan by měl být stručný, jednoduchý a k věci. Například slogan firmy Global Sources, který zní "Informace o výrobcích a nabídce pro velkoobchod", je dobrým a přímým shrnutím toho, co web nabízí (v naší recenzi webu jsme ovšem uvedli několik zlepšovacích návrhů). Zavádějící slogany uživatele pouze zmatou nebo – což je horší – dosáhnou toho, že uživatelé rovnou ztratí k webu důvěru, zejména pokud budou vnímat slogan jako marketingové zveličování. Například takový od-vážně optimistický slogan společnosti Ford – "Snažíme se, aby byl svět lepším místem" – vůbec nevyjadřuje zaměření společnosti na automobilový průmysl.Slogan není potřeba, pokud samotný název společnosti dostatečně vystihuje zaměření firmy, jako např. Sprá-va dálnic, nebo tehdy, pokud je společnost všeobecně známá (např. Microsoft). Pokud má vaše firma mnoho webů nebo nabízí mnoho služeb, slogan pro hlavní firemní domovskou stránku by měl říkat, čím se daná společnost zabývá jako celek. Dílčí weby by pak měly

obsahovat svůj vlastní slogan vystihující účel konkrét-ního webu nebo služby.

3 Zdůrazněte, jak je váš web hodnotný z pohledu uži-vatele a nezapomeňte na to, jak se lišíte od vaší hlavní konkurence. Pokud můžete být struční, může tuto práci skvěle odvést slogan. Například samotný řetězec Wal-Mart se v médiích často odlišuje od konkurence prohlášením, že nabízí nejnižší ceny, ale na tutéž in-formaci nenarazíte nikde na jeho domovské stránce, kromě stručné zmínky v záhlaví. Jednoduchý slogan, který by vyjádřil tuto odlišnost, by uživatele, kteří firmu neznají, bezprostředně informoval o tom, co jim web může nabídnout.

4 Zdůrazněte nejdůležitější úlohy, aby měli uživatelé na domovské stránce jasné výchozí místo. Těmto úlo-hám věnujte na stránce význačné místo, např. nahoře uprostřed stránky, a nedopusťte, aby jim konkurovala zbývající část stránky. Jinými slovy, zdůrazníte-li všech-no, podstatné informace nevyniknou. Počet stěžejních úloh by měl být malý (1 až 4), a prostor kolem nich by měl být prázdný. Například web finančního zpravo-dajství CNNfn by měl věnovat více místa vysoce pri-oritním úlohám jako kurzům akcií, informacím o ak-tuálním objemu hlavních amerických burz a souhrnu aktuálních finančních zpráv. Nejzásadnějším a přitom nejkritičtějším hlediskem tohoto doporučení je reálně určit vysoce prioritní úlohy z pohledu uživatele. Musíte dobře porozumět potřebám vašich uživatelů, čehož

Page 15: Použitelnost domovských stránek

19

Dopo

ruče

ní p

ro d

omov

ské

strá

nky

nejlépe dosáhnete studiem vašich uživatelů v kontextu jejich použití vašeho webu, a to ještě před zahájením návrhu vaší domovské stránky.

5 Zřetelně učiňte jednu stránku vašeho webu oficiální domovskou stránkou. V rámci webu omezte použití termínu "Domů" a "Domovská stránka" pouze pro odkaz na tuto hlavní domovskou stránku a pro úvodní stránku firemních poboček nebo dílčích webů použijte jiný výraz. Uživatelé by se nikdy neměli setkat s více tlačítky nebo odkazy "Domů", které ukazují na různá místa. Jistě, pokud je vaše společnost konsorciem, bude vaše hlavní domovská stránka určitě obsahovat odkazy směřující na jiné samostatné weby s vlastní identitou a unikátní domovskou stránku lišící se od mateřské společnosti. Například takový Philip Morris má samo-statnou domovskou stránku pro svou dceřinou společ-nost Miller Brewing Company, na kterou se odkazuje z domovské stránky společnosti Philip Morris.

6 Na webu vaší hlavní společnosti nepoužívejte pro jakýkoliv odkaz slovo "web", kromě situace, kdy bu-dete mít na mysli celkový web dané firmy. Obzvlášť se tomuto slovu vyhněte v odkazech vedoucích na po-bočky či jednotlivá oddělení. Použijete-li slovo "web" pro odkaz směřující na jednotlivé části webu, a nikoliv na web jako celkovou nabídku vaší společnosti, mů-žete tím zmást uživatele, neboť ti se budou přirozeně domnívat, že se nachází na webu jiné firmy. Například domovská stránka firmy Ford používá pro označení

odkazů na externí weby speciální ikonu. Ovšem Ford tuto ikonu používá pouze vedle odkazu pro vyhledá-ní jeho dealerů, což vypadá, jako by nebyli součástí společnosti. Jistě – z pohledu zákazníka je získání in-formací o autech a získání informací o tom, kde auta koupit všechno součástí téže úlohy. Nabízíte-li webové aplikace nebo služby na samostatných webech, někteří uživatelé by mohli jít přímo na web dané služby, aniž by prošli skrz centrální domovskou stránku. Na tyto dílčí weby je dobré se odkazovat jako na weby na samotných specifických serverech, nicméně, na centrální domov-ské stránce je lepší je prezentovat jako hlavní kategorie, které se budou jevit jako součásti vaší celkové nabíd-ky. Například web firmy Philip Morris popisuje weby svých dceřiných společností, jako třeba Kraft Foods International Inc., jako součásti své "rodiny společnos-tí", nicméně je neoznačuje jako weby.

7 Domovskou stránku navrhněte tak, aby se lišila od ostatních stránek daného webu. Buď použijte nepatr-ně odlišný vizuální design (který stále vyhovuje vzhle-du a poslání webu), nebo tuto skutečnost zdůrazněte zvýrazněním v navigačním schématu. Tato vizuální odlišnost a zvýraznění navigace zaručí, že uživatelé rozpoznají svou výchozí pozici poté, co prozkoumají novou část webu.

Třebaže web společnosti Philip Morris uvádí své dceřiné firmy, nelze říci, které logo v tomto seznamu je odkazem.

Slogan webu Global Resources je stručný, výstižný a dobře popisuje hlavní zaměření webu.

Page 16: Použitelnost domovských stránek

20

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Sdělení informací o vaší firměKromě záhlaví domovské stránky musí všechny firemní weby nabídnout snadný způsob nalezení zá-kladních informací o firmě, bez ohledu na to, jak velká či malá daná firma je, nebo jak malý či velký rozsah služeb či výrobků nabízí. Lidé chtějí vědět, s kým uzavírají obchod, přičemž informace o firmě přidávají webu na důvěryhodnosti. V případě některých webů, jako jsou třeba weby nadnárodních korporací, může být získání informací jediným důvodem návštěvy uživatelů. A i u jednoduchých webových služeb budou uživatelé chtít vědět, kdo za nimi stojí.

Tato doporučení platí také pro vládní weby a mnoho dalších druhů neziskových organizací, třebaže se některé podrobnosti mohou lišit. Například vládní úřad zřejmě nebude potřebovat odkaz "Pro investory". Běžnou chybou – zvláště na domovských stránkách vládních webů – je uvádění nespráv-ných druhů informací o daném úřadě. Lidé musí být schopni zjistit strukturu organizace a kdo ji provozuje, ale nepotřebují k tomu rozhraní, jehož design zdůrazňuje vnitřní byrokratickou strukturu nebo takovou strukturu, která propaguje stávajícího ministra či ředitele na úkor umožnění rychlého přístupu ke službám a informacím, které občané potřebují.

8 Seskupte firemní informace, jako O nás, Pro inves-tory, Média, Zaměstnání a další informace o firmě, do samostatné oblasti. Toto seskupení bude pro lidi, kteří mají o tyto informace zájem, dobře zapamatova-telným místem. Pomůže také uživatelům, kteří se o tyto informace nezajímají, a to tím, že budou odděleny od zbývajícího obsahu domovské stránky. Více informací o použitelnosti částí webů vyhrazených pro investory najdete zde: http://www.NNgroup.com/reports/ir.

9 Na domovské stránce uveďte odkaz směřující na část "About Us", která uživatelům poskytne přehledné informace a odkazy na všechny podstatné podrob-nosti o vašich výrobcích, službách, firemních hodno-tách, obchodních záležitostech, managementu atd. Doporučeným označením tohoto odkazu je "About <jméno_firmy>".

10 Pokud chcete, aby se o vaši firmu zajímal tisk, uveďte na vaší domovské stránce odkaz " Press Room" (Tis-kové centrum) nebo " NewsRoom" (Zpravodajské centrum). Novináři to ocení a budou se na podobné sekce spoléhat při případné zmínce o této firmě v tisku. Více informací o optimalizaci webdesignu pro mediální účely najdete na adrese http://www.NNgroup.com/re-ports/pr.

11 Nastavte zákazníkovi jednotnou tvář, v jejímž kon-textu bude web pouze jedním z mnoha kontaktních míst, a nikoliv samostatnou entitou. Neoddělujte vaši přítomnost na webu od zbytku vaší firmy tím, že se na "Firmu.com" budete odkazovat jinak než na "Firmu". Vaši zákazníci by měli cítit, že jednají s jednou, nedíl-nou a konzistentní firmou. Je ovšem důležité rozlišovat mezi výhradně webovými službami a službami uve-denými na webu, které jsou však dostupné pouze pro-střednictvím jiného média. Například televizní stanice může nabídnout program, který je dostupný pouze na webu, stejně jako může nabídnout seznam informací o programech, které jsou dostupné pouze v televizi. Uživatelé musí vědět, kde dostanou tu kterou službu.

12 Na domovské stránce umístěte odkaz " Contact Us", který povede na stránku s kontaktními informacemi o vaší firmě. Pokud chcete, aby návštěvníci vaši firmu kontaktovali rovnou, aniž by nejprve hledali informace na webu, uveďte na domovské stránce vaši hlavní adre-su, telefonní číslo a e-mail.

13 Nabídnete-li mechanismus " zpětné vazby" (feed-back), specifikujte účel odkazu a uveďte, zdali bude informace zpracovávat zákaznická služba, webmaster nebo někdo jiný.

Page 17: Použitelnost domovských stránek

21

Dopo

ruče

ní p

ro d

omov

ské

strá

nky

14 Neuvádějte interní firemní informace (které jsou určeny pro zaměstnance a měly by být na intranetu) na veřejném webu. Nejenom že budou tyto interní informace zabírat místo na veřejném webu, ale mo-hou být také matoucí, budou-li si uživatelé myslet, že vnitřní předpisy jsou určeny jim. Například domovská stránka společnosti Slusser’s obsahuje interní firemní pravidla týkající se použití počítačů, včetně doporučení pro správné použití webu, a některým uživatelům by mohlo vadit, že společnost Slusser’s ví o jejich interne-tových zvyklostech více, než je obvyklé. Ovšem, volné pracovní pozice jsou typickým příkladem firemně zaměřeného obsahu, který může být prospěšný jak na intranetu, tak i na veřejném webu, protože je určen převážně potenciálním zaměstnancům, a nikoliv pouze těm stávajícím.

15 Pokud váš web shromažďuje jakékoliv informace o zákaznících, uveďte na domovské stránce odkaz pojmenovaný jako " Privacy Policy" ( Ochrana sou-kromí).

16 Pokud to není zřejmé, uveďte, jak váš web vydělává peníze. Pokud uživatelé nemohou snadno pochopit váš obchodní model (jako např. prodej či reklama), jejich důvěra v daný web poklesne, neboť se budou obávat,

že obsahuje určitý skrytý způsob, jak na ně vyzrát. Lidé totiž velmi dobře vědí, že neexistuje nic takového jako oběd zdarma.

Odkaz " online e-policy" (On-line předpisy) na domovské stránce společnosti Slusser’s zavede zákazníky na stránku obsahující vnitřní pravidla pro zaměstnance, týkající se použití firemních počítačů v zaměstnání.

Page 18: Použitelnost domovských stránek

22

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Vytváření obsahu Efektivní vytváření obsahu je jedním z nejdůležitějších aspektů celého webdesignu. Většina uživatelů obsah umístěný na webu pouze přelétává, než aby ho pozorně četli, takže jej musíte optimalizovat pro snadné prohlížení a vymyslet jej tak, aby sděloval maximum informací v několika slovech. Ačkoliv je tohle obecné doporučení webdesignu, my zde uvádíme doporučení pro vytváření obsahu, která jsou obzvláště důležitá pro domovské stránky – tam se musíte snažit nejvíce, abyste vzbudili a udrže-li zájem uživatelů, přičemž k tomu, abyste obsáhli velký počet témat, máte obvykle velmi málo místa.

Zkušený editor je základem efektivního vytváření obsahu. Editor nemá pouze zavádět jednotný styl, ale musí rovněž zajistit jeho konzistentní dodržování. Editor by měl vytvořit nebo zrevidovat obsah určený speciálně pro použití na webu – nestačí opětovně použít obsah z jiného média a umístit jej na domovskou stránku. Vývojový tým musí navíc do tohoto procesu zapo-jit také samotné uživatele, a to jak při sběru prvotních podnětů, tak i při přepracování designu během jeho vývoje.

17 Použijte jazyk, kterému zákazníci rozumějí. Jednotli-vé sekce a kategorie pojmenujte z hlediska jejich význa-mu pro zákazníka, a nikoli z pohledu toho, co přinášejí vaší firmě. Například, jak byste na webu věnovaném topnému oleji nazvali kategorii energetických tipů pro domácnosti? Na webu www.jamesdevaney.com je po-jmenována jako "Consumer Information" (Informace pro spotřebitele). Tento firemní výraz říká něco o tom, jak tato firma s palivy vnímá svého zákazníka (vidí jej jako spotřebitele, a nikoliv jako obchodního partne-ra). Přemýšlejte tedy, jak by tuto informaci rád viděl zákazník, třeba jako "Energetické tipy pro domácnost". Zeptejte se svých zákazníků, co budou hledat, když budou chtít najít tuto informaci. Použijte slova, která použijí oni.

18 Vyhněte se opakování obsahu. Opakování stejných položek na domovské stránce pro zdůraznění jejich dů-ležitosti, jako třeba kategorií a odkazů, jejich význam ve skutečnosti snižuje. Opakování položek webovou stránku také přeplňuje; všechny prvky ztratí svůj vý-znam, protože budou soutěžit s mnoha dalšími prvky. Abyste něco opravdu zdůraznili, uveďte to jasně na jed-nom místě. Na druhou stranu, opakování obsahu může lidem pomoci, pokud opakujete položky, které patří do více kategorií, nebo pokud uvedete odkazy vedoucí na stejnou stránku při použití synonym reprezentujících slova, která používají k popisu obsahu vaši uživatelé.

19 Nepoužívejte chytré fráze či marketingové termíny, nad kterými musí lidé hodně přemýšlet, aby pocho-pili, co jim chcete říci. Například kategorie "Dream, Plan & Go" (Snít, naplánovat a jet) na stránce Travelo-city může znít sice chytlavě pro člověka z oblasti mar-ketingu, nicméně není tak zdaleka jednoznačná jako třeba "Vacation Planning" (Plánování dovolené). Když nutíte uživatele přemýšlet o významu vágních a roz-pačitých frází, riskujete ztrátu jeho sympatií. Uživatelé rychle ztrácejí trpělivost, když musí kliknout na odkaz, jenom proto, aby pochopili, co daný odkaz znamená. Tím ovšem nechceme říci, že text na domovské stránce by měl být automaticky nezajímavý, nicméně by měl být dostatečně informativní a měl by být jednoznačný.

Text "Dream, Plan & Go" (Snít, naplánovat a jet) vůbec nevysvětluje, čím se tento odkaz odlišuje od všech ostatních odkazů týkajících se plánování dovolené.

20 Velká písmena a další styly formátování používejte konzistentním způsobem. Jinak si uživatelé vyloží jejich význam tak, jak by neměli. Například, pokud některé položky v seznamu používají ve větě velká

Page 19: Použitelnost domovských stránek

45

V Jakobově knize Law of the Internet User Experience (Zákon zkušeností uživatelů In-ternetu) se říká, že "uživatelé tráví většinu svého času na jiných webech, nikoliv na tom vašem." To je pravda bez ohledu na to, jak velký váš web je, protože uživatelé nevěnují žádnému webu více než 50 % svého času. Vlastně většině webů odpovídá pouze několik procent času, který jejich uživatelé tráví online. Z tohoto pravidla vyplývá, že weby musí být snadno použitelné a dodržovat zásady designu – vzhledem k množství času, který stráví na jiných webech mezi dvěma návštěvami, budou uživatelé deprimováni, pokud si budou muset zapamatovat nějaké speciální interaktivní triky od jedné návštěvy webu ke druhé. V této kapitole stanovíme rozsah těchto zásad existujících na dnešním webu. Předpokládáme, že časem se objeví ještě více zásad designu. Až se tak stane, doporuču-jeme vám, abyste tyto nové zásady použili při dalším novém návrhu vašeho webu, ne-li dřív.

Design domovských stránek jde nad rámec diktátu Jakobova Zákona, kvůli důležitosti dojmu z první návštěvy daného návštěvníka. Jakmile přijde určitý uživatel na vaši do-movskou stránku poprvé, už si s sebou ponese velkou zátěž v podobě zavazadla plného zkušeností, které nasbíral při dřívějších návštěvách tisíců jiných domovských stránek. Je-dinými výjimkami z tohoto pravidla jsou služby jako AOL a MSN, jež jsou často prvními zastávkami nových uživatelů Internetu. Některé z největších webů jako Amazon a Yahoo by se mohly samy započítat mezi prvních 10 nebo 20 webů navštěvovaných novými uži-vateli, ale dokonce i takhle velké weby mají uživatele, kteří je neobjeví dříve, než navštíví velký počet jiných webů.

Obecně se však můžete spolehnout na to, že než uživatelé poprvé přijdou na váš web, už určitě zhlédli velký počet domovských stránek. A do té doby si uživatelé na základě svých zkušeností s těmito ostatními weby vytvořili základní představu toho, jak by měly domovské stránky fungovat.

Statistika návrhu domovských stránek

Page 20: Použitelnost domovských stránek

46

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Z dominantního postavení jiných webů vyplývají dvě skutečnosti, které utváří představu uživatelů:

Za prvé, použitelnost drtivé většiny ostatních webů je příšerná a nestojí ani za návště-vu – uživatelé na to rychle přijdou a opustí je. Očekávání průměrného uživatele při první návštěvě určitého webu je takové, že web je pravděpodobně zklame. Uživatelé investují velmi málo času (často do 10 sekund) průzkumu nového webu v naději, že bude patřit k jedněm z mála těch dobrých. Ale pokud na ně web působí neobvyklým nebo komplikovaným dojmem, nebo není jasné, jak web vyhoví jejich momentální potřebě, budou pryč během několika kliknutí myší.

Protože rozhodnutí o tom, zda zůstat nebo odejít, se často odehrává na domovské stránce, nebo po shlédnutí jedné či dvou stránek odkazovaných z domovské stránky, domovská stránka musí okamžitě nabídnout svou hodnotu a umožnit návštěvníkům najít dobré, důležité "věci" během několika sekund. Oba tyto požadavky nutně vedou k závěru, že domovská stránka musí dodržovat standardní zásady designu uživatel-ského rozhraní, protože uživatelé nebudou mít čas učit se něco nového. Raději využijí svůj veškerý mozkový potenciál během omezené doby na posouzení významu nabí-zené hodnoty. Pokud odvedete jejich pozornost – byť jen o kousíček – od nalezení obsahu k nutnosti naučit se něco nového, ztratíte je.

Druhá skutečnost je taková, že průměrný uživatel, který přijde na váš web poprvé, nebude novým uživatelem v pravém slova smyslu. Uživatel bude mít typicky dostatek zkušeností s jinými domovskými stránkami a bude znát principy fungování jiných stránek. Bude-li vaše domovská stránka fungovat do určité míry podobně, uživatelé se budou cítit vítáni a porozumí důvěrně známým zásadám designu.

Odpůrci použitelnosti si někdy stěžují, že zásady designu potlačují kreativitu a že by bylo nudné, kdyby všechny domovské stránky vypadaly stejně. Obě tyto námitky jsou mylné. Za prvé, samotné pojetí designu je řešení problému pod nátlakem. Design neznamená "udělej náhodnou věc", znamená "udělej něco, co funguje ve skutečném světě". Designéři vždy pracovali pod určitým tlakem, například byli omezováni rozlišením novinového papíru nebo rozměrem potištěné strany. Smíření se s tím, že tvorba webu je interaktivní tvorbou a že je nevyhnutelné vyjít vstříc lidskému chování, je jen další překážkou při návrhu, ale současně by měla podpořit kreativitu, nikoliv ji potlačit. Za druhé, zásady designu v žádném případě neznamenají, že všechny domovské stránky mají vypadat stejně. Téměř všechny časopisy dodržují zásady umísťování číslování stránek v rozích stránek, písmo nadpisů je větší než je písmo samotného textu, mají obsah vpředu a mno-ho, mnoho dalších principů, které jsou společné z jednoduchého důvodu – díky nim jsou časopisy lépe čitelné. Neznamená to, že Vogue vypadá stejně jako magazín Sports Illustra-ted nebo Far Eastern Economic Review. Podobně, domovské stránky, které oslovují různé cílové skupiny uživatelů nebo reprezentují různé firmy, budou vypadat různě, třebaže všechny prosazují snadnost použití dodržováním zásad.

Page 21: Použitelnost domovských stránek

47

Tato kapitola prezentuje naše pojetí zásad designu domovské stránky, které vychází z analýzy 50 domovských stránek v této knize. Často prezentujeme statistiku z hlediska průměrné hodnoty nebo nejrozšířenější hodnoty určitého prvku designu. V určitých případech je rovněž zajímavé zmínit rozsah používaných hodnot, což často činíme uve-dením tří různých čísel: prvního kvartálu, mediánu a třetího kvartálu. První kvartál (Q1) značí číslo, pro které platí, že 25 % webů má nižší hodnotu a 75 % webů má větší hodno-tu. Podobně, třetí kvartál (Q3) je hodnota, která značí, že 75 % webů má nižší hodnotu a 25 % webů má větší hodnotu. Dále existují případy, že polovina webů spadá mezi první a třetí kvartál. Medián označuje střední hodnotu, kde polovina webů má nižší hodnotu a polovina webů má hodnotu vyšší.

Doba stahováníPoužijete-li běžný analogový modem, stejně jako většina domácích uživatelů, tyto do-movské stránky vyžadují průměrně 26 sekund na jejich stažení – to je téměř trojnásobek doporučeného maxima doby odezvy 10 sekund. Pouze 28 % webů splňuje tuto podmín-ku, a to je to nejmenší. Pro skutečně optimální použitelnost se musí stránka stáhnout za méně než deset sekund a ani jedna stránka z těchto domovských stránek této rychlosti nedosahovala. Dokonce i při použití kabelového modemu nebo DSL linky byla většina webů pomalejších než 10sekundový limit.

Bohužel, 26 % domovských stránek trvalo načtení déle než minutu a půl. Většina uživate-lů by dávno odešla – možná pouze na výjimku, že by zrovna shromažďovali kopie obra-zovek pro svou vlastní knihu o designu domovských stránek. V mnoha případech mohly být tyto neuvěřitelně pomalé weby poškozeny prodlevami nad rámec prostého stažení obsahů jejich stránek. Servery mohou být pomalé, stejně jako celý Internet, a nikdo nad tím nemá kontrolu. Ovšem z pohledu uživatele jde jen o to, zdali se web jeví tak, že reaguje, nebo je pomalý. Všechny tyto aspekty života na webu jsou jen dalšími důvody, abyste dbali na malou velikost vaší stránky.

Je-li domovská stránka pomalá, uživatelé zcela logicky usoudí, že i zbývající část webu bude pomalá a obtížně použitelná, a pravděpodobně odejdou z celého webu.

Stat

istik

a ná

vrhu

web

ovýc

h st

ráne

k

Page 22: Použitelnost domovských stránek

48

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k Základní rozvržení stránkyPodívali jsme se na velikost stránky na obrazovce a na míru využití různých velikostí oken a rozdělení na rámce.

Šířka stránkyVětšina recenzovaných domovských stránek byla bezpo-chyby navržena pro okno prohlížeče široké 800 pixelů, což odpovídá rozlišení monitoru 800×600 – stále nejběžnějšímu pro domácí uživatele. Následující čísla se vztahují k šířce samotné webové stránky a nezahrnují prvky prohlížeče, jako posuvníky.

Hodnota Šířka stránky

Q1 768 pixelů

Medián 770 pixelů

Q3 774 pixelů

Doporučujeme, aby byly stránky navrženy pro optimální zobrazení kolem 770 pixelů, protože to je oblast dostupná pro obsah v okně širokém 800 pixelů. Jak se zmíníme v další části, také doporučujeme, aby bylo rozvržení "plovoucí", takže se roztáhne tak, aby zabíralo různé velikosti okna, ať už širšího nebo užšího než "standardní" okno.

Plovoucí versus pevné rozvrženíZ 50 domovských stránek používá 18 % plovoucí rozvržení, které se automaticky přizpůsobí velikosti okna prohlížeče daného uživatele. Většina webů použila pevné rozvržení, které zůstalo stejné ve velkém i malém okně. Pevné stránky byly v malých oknech oříznuty a ve velkých oknech zobrazi-ly velké množství nepotřebného bílého místa.

I když jsou pevná rozvržení standardem, doporučujeme používat plovoucí rozvržení. Uživatelé s velkými moni-tory ocení, že při zvětšení okna na požadovanou velikost uvidí více obsahu – a to nemluvíme o zhodnocení peněz, které vynaložili na koupi velkého monitoru. Stránka, která se zalamuje na velikost menších oken uživatelů s malými monitory, přinese výhody také jim. Koneckonců, plovoucí

rozvržení se vytiskne stejně dobře na papír rozměru 8,5×11 i formátu A4.

Délka stránkyDélka stránky se široce liší, i když většina domovských stránek zabírá jednu až tři celé obrazovky při rozlišení mo-nitoru 800×600. Varujeme před nadměrným posouváním domovské stránky: pokud váš design překračuje čtyři celé obrazovky při velikosti okna, která je nejběžnější pro zá-kladnu vašich uživatelů, asi byste měli domovskou stránku zjednodušit a přesunout některé části do dílčích stránek. Na druhou stranu, není třeba nacpat všechno na jednu ob-razovku, pokud jsou nejdůležitější vlastnosti viditelné nad záhybem.

Hodnota Délka stránky

Q1 634 pixelů, resp. asi jedna celá obrazovka

Medián 1018 pixelů, resp. asi dvě celé obrazovky

Q3 1334 pixelů, resp. asi tři celé obrazovky

RámcePouze 4 % webů používaly na domovské stránce rámce. Vzhledem k tomu, že rámce způsobují problémy s použi-telností, nejlepší je se jim vyhnout. Pokud jde o tento prvek designu, většina designérů se rozhodla správně a nepoužila je.

Page 23: Použitelnost domovských stránek

49

Stat

istik

a ná

vrhu

dom

ovsk

ých

strá

nek Základní prvky designu stránky

Dvě věci, které uživatelé na domovské stránce hledají ze všeho nejdřív, jsou logo a možnost vyhledávání. Lidé potřebují vědět, kde se nacházejí, a často chtějí něco najít. Proto musí být nalezení těchto dvou prvku obzvlášť snadné. Uživatel by určitě neměl hledat vyhledávací formulář.

LogoVšechny weby obsahovaly nějaké logo. Umístění loga na stránce bylo následující:

Umístění loga Hodnota

Vlevo nahoře 84 %

Vpravo nahoře 6 %

Nahoře uprostřed 6 %

Jiné umístění 4 %

Doporučujeme vám, aby domovská stránka vašeho webu obsahovala logo umístěné v levém horním rohu stránky. Na všech ostatních stránkách, kromě domovské stránky samot-né, by mělo logo sloužit jako odkaz vedoucí na domovskou stránku.

Rozměry log byly tak různé, jako loga samotná. Protože jsou loga dvourozměrné grafické objekty, uvádíme rozměry jako celkový počet obrazových pixelů, které logo zabírá, a také jako rozměr čtvercového obrázku, který by zabíral tentýž počet pixelů. Většinou mají loga obdélníkový tvar, takže mají typicky větší šířku a menší výšku z uváděného čtverce.

Hodnota Velikost loga

Q1 3365 pixelů (čtverec o straně 58 pixelů)

Medián 5485 pixelů (čtverec o straně 74 pixelů)

Q3 12286 pixelů (čtverec o straně 111 pixelů)

VyhledáváníJe neuvěřitelné, že 14 % domovských stránek neobsahovalo možnost vyhledávání, a proto byly z této analýzy vyjmuty. Následující procentuální vyjádření se vztahuje k domov-ských stránkám, které vyhledávacími možnostmi dispono-valy.

Na 81 % webů bylo vyhledávání reprezentováno jako po-líčko, do nějž uživatelé mohli vepsat dotaz. Jelikož i tento prvek designu funguje nejlépe – což vyplynulo z reakcí při testování uživatelů – vřele doporučujeme používat vyhledá-vací políčko. Pouze 20 % webů používalo méně použitelné vyhledávací designy, kdy museli uživatelé kliknout na od-kaz, který je přenesl na samostatnou vyhledávací stránku. (Všimněte si, že procentuální součet činí více než 100 %, protože jeden web obsahoval dvojí vyhledávání.)

Umístění vyhledávacího prvku (ať už políčka nebo odkazu) na domovských stránkách bylo následující:

Umístění vyhledávacího prvku Hodnota

Vpravo nahoře 35 %

Vlevo nahoře 30 %

Nahoře uprostřed 14 %

Vlevo uprostřed 12 %

Jiné umístění 12 %

Vyhledávací prvek doporučujeme umístit v horní části stránky, aby si jej uživatelé všimli. Ačkoliv přesné umístění záleží na dalších prvcích v horní části vaší stránky, dopo-ručujeme jej umístit do některého z horních rohů. Třebaže pravý horní roh může být nepatrně lepší než levý horní, rozdíl je tak malý, že lze akceptovat i umístění vyhledávací-ho prvku vlevo nahoře, pokud je toto umístění lepší vzhle-dem k celkovému designu stránky.

Page 24: Použitelnost domovských stránek

50

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k A co víc, jako popisky na vyhledávacích tlačítkách nebo odkazech byly použity různé výrazy. Nejběžnějšími výrazy byly:

Popisek vyhledávacího prvku Hodnota

Search (Hledej) 42 %

Go (Start) 40 %

Find (Najít) 9 %

Find It (Najdi) 5 %

Tyto statistiky svědčí o nejistotě při volbě výrazů " Search" a "Go", my však z hlediska použitelnosti upřednostňuje-me výraz "Search", protože se zdá, že lépe vystihuje danou vlastnost a šetří celkový počet slov, neboť slouží také jako nadpis vyhledávacího prvku.

Pokud jde o barvy, samotné vyhledávací políčko bylo v 97 % případů bílé – bílá barva je většinou charakteristická pro pole uživatelského vstupu. Proto doporučujeme pro vyhle-dávací políčka používat bílá textová pole.

Šířka vyhledávacích políček byla následující:

Hodnota Šířka vyhledávacího políčka

Q1 85 pixelů, resp. 14 znaků

Medián 110 pixelů, resp. 18 znaků

Q3 171 pixelů, resp. 28 znaků

Z hlediska nejlepší použitelnosti vyhledávacích prvků by měli být uživatelé schopni zadat poměrně dlouhé dotazy a přitom vidět celý jejich text bez nutnosti posouvání ve vy-hledávacím poli. Průměrná vyhledávací políčka na dnešním webu jsou příliš malá pro zadání dotazů jiných, než ty nej-kratší. Dokonce i o něco větší vyhledávací políčka v našem příkladu by byla příliš malá, než aby se do nich vlezl dotaz "použitelnost vyhledávacích prvků", který má 34 znaků včetně uvozovek.

Doporučujeme vám vytvořit vyhledávací políčka široká alespoň 25 znaků obvyklého fontu použitého většinou uži-vatelů. Ještě lepší by bylo 30 znaků.

Jednoduché vyhledávání – to znamená, že vyhledávací jádro hledalo uživatelský dotaz na všech stránkách webu – tvoří 70 % vyhledávacích možností domovských stránek v naší ukázce. 30 % vyhledávacích prvků bylo realizováno oblast-ním vyhledáváním – to znamená, že vyhledávací jádro bra-lo v potaz pouze menší část webu (tzv. vyhledávací oblast). Použitelnost je téměř vždy nejlepší v případě jednoduchého vyhledávání, protože oblastní vyhledávání uživatelům nabí-zí příliš mnoho příležitostí k činění chyb a k vyhledávání ve špatné oblasti.

Odkazy na možnosti pokročilého vyhledávání byly nabíze-ny na 21 % webů. Je-li pokročilé vyhledávání nutné, to zá-leží na složitosti webu, nicméně je nepochybně lepší umístit veškeré možnosti speciálního vyhledávání na samostatnou stránku "pokročilého vyhledávání". To chrání všechny uživatele před komplikovaností pokročilého vyhledávání, ovšem dává prostor uživatelům, kteří chtějí zadat další vyhledávací kritéria. Ve většině případů je také pokročilé vyhledávání jediným místem, kde doporučujeme nabídnout oblastní vyhledávání. Lidé, kteří používají pokročilé vyhle-dávání, tak činí na vlastní riziko, a mnoho nových uživatelů Internetu zůstává při jednodušších metodách a sami se omezují na jednoduché vyhledávání, kde se s menší pravdě-podobností dostanou do potíží.

Úplný seznam vyhledávacích prvků jednotlivých webů najdete v Příloze.

Page 25: Použitelnost domovských stránek

51

Stat

istik

a ná

vrhu

dom

ovsk

ých

strá

nek Navigace

Hlavní navigační schémata na jednotlivých domovských stránkách byla umístěna následovně: (Všimněte si, že součet tvoří více než 100 %, neboť několik webů nabízelo dvě rovnocenná navigační schémata.)

Navigační schéma Hodnota

Vlevo umístěný navigační panel 30 %

Záložky 30 %

Odkazy napříč horní částí stránky 18 %

Kategorie uprostřed stránky 12 %

Rozbalovací nabídky 10 %

Jiné (vpravo, dole, nahoře uprostřed) 6 %

Není zde jasný vítěz, jsou zde však čtyři různá navigační schémata – všechna z nich se zdají být dobře použitelná a na webu se nachází dostatečně často, aby mohla být považována za běžně známá:

■ Vlevo umístěný navigační panel. Původně se tento design stal obecně rozšířeným díky webu CNET jako takzvaný design "žluté horečky" (nápadný žlutý pruh jdoucí vlevo shora dolů na všech jeho stránkách). Při novém návrhu webu v roce 1999 CNET tento styl opustil, ačkoliv – jak můžete vidět – se stále nachází na mnoha webech, včetně BBC Online.

■ Záložky. V současné době je používá mnoho webů, včetně Wall-Mart. Původně byly zpopularizovány webem Amazon.com, i když ten je jako hlavní navigační schéma nadále nepoužívá.

■ Odkazy napříč horní částí stránky. Styl, který momentálně používá web Accenture.

■ Kategorie uprostřed stránky. Zpopularizován (a stále používán) webem Yahoo!.

I když i rozbalovací nabídky jsou docela často používány, pro hlavní navigaci je nedoporučujeme, protože většinou překrývají nabízené volby.

Navigace v zápatíZ námi recenzovaných domovských stránek 80 % obsaho-valo seznam navigačních odkazů napříč dolní částí stránky. Jak naznačuje toto vysoké procento, uvedení určitých mož-ností na konci stránky je obvyklou součástí designu. Bohu-žel neexistuje žádné ujednání o tom, co v tomto navigačním seznamu uvést. Některé weby uvádí hlavní oblasti daného webu, za předpokladu, že tím uživatelům nabídnou druhou možnost použití těchto důležitých odkazů, pokud je pře-hlédli při posouvání stránky. Jiné weby mají odlišný přístup a dolní část stránky vyhrazují pro odkazy, které by mohly být nejlépe nazývány poznámkami pod čarou, jako právní doložky a kontaktní informace.

Kvůli nedostatku standardů uživatelé neví, co mají v zápatí očekávat, a to činí tuto oblast méně užitečnou než by mohla být. Protože navigace ve spodní části stránky je méně než optimální, doporučujeme vám nepoužívat ji pro hlavní na-vigaci. Všeobecnou zásadou použitelnosti je také minima-lizovat opakování: pokud se tatáž možnost objeví dvakrát, uživatelé si budou lámat hlavu s tím, zdali se jedná o dva různé, nebo stejné odkazy. Koneckonců, pixely na domov-ské stránce jsou vzácné, takže je dobré je šetřit a neplýtvat jimi dvakrát uváděnou informací, ať už je jakkoliv důležitá.

Page 26: Použitelnost domovských stránek

56

Nel

son

& Ta

hir

HOM

EPAG

E po

užite

lnos

t

www. about.com

Page 27: Použitelnost domovských stránek

57w

ww

.abo

ut.c

omAb

outFirma About.com, původně známá jako The Mining

Company, je skupinou více než 700 specifických dílčích webů, provozovaných odborníkem v dané oblasti.

Ironicky řečeno, z domovské stránky webu About.com nelze zjistit, čím se zabývá, nebo jakou zvláštní hodnotu tento web nabízí ve srovnání s milionem dalších kopií ve stylu Yahoo. Redigované přehledy jsou skvělé, stejně jako navigační průvodci, zvláště, když je každá oblast spra-vována nadšencem, který se poctivě stará o svou oblast zájmu. Tento klíčový prvek, jímž se odlišuje od ostatních webů, však není na první pohled zřejmý, až na obrázek Guide of the Day (Průvodce dne). Dobře vysvětlen je v sekci za odkazem Our Story (Náš příběh) ve spodní části stránky. About.com vlastně odvádí dobrou práci při uspořádání spousty informací – pomineme-li celkem zbytečný abecední index webu – letmé prohlédnutí strán-ky a přechod na určitou službu je snazší, než v případě Yahoo.

Popisek okna prohlížeče

Dobré je, že v záhlaví je uveden nejprve název webu, takže se při zařazení mezi oblíbené položky prohlížeče zařadí abecedně. Dobrou myšlenkou je také opakovaní smysluplného sloganu v záhlaví – ovšem v tomto přípa-dě slogan nepomůže ozřejmit název webu.

Slogan

Tento kuriózní slogan uživateli nesdělí, čím se About.com zabývá nebo jak jim může tento web posloužit. Tento web není lidský – je souborem odkazů a článků. Lepším sloganem by bylo třeba "Váš průvodce tím nej-lepším na Internetu."

Využití prostoru obrazovky

Prvky OS a prohlížeče 19 %

Přivítání a identita webu 3 %

Navigace 38 %

Oblast zájmu 12 %

Reklama a sponzorství 2 %

Vlastní propagace 2 %

Výplň 1 %

Nevyužitý prostor 23 %

Page 28: Použitelnost domovských stránek

58

Nel

son

& Ta

hir

HOM

EPAG

E po

užite

lnos

t

1

2 3 4 5

6 7 8 9

10

1516

17

1213

22

25

20

21

23

24-

19

11

18

www.about.com

14

Page 29: Použitelnost domovských stránek

59w

ww

.abo

ut.c

omAb

out

1 Tato spíše mírnější forma reklamy nevadí v použití stránky jako třeba větší reklamní banner.

2 Tentokrát je skutečným člověkem na obrázku obligatorní "usměvavá dáma." Je zvláště dobré, že About.com uvádí jed-noho ze svých skutečných průvodců, neboť to je hlavní výho-da webu.

3 Tento tajuplný nadpis dostatečně nevypovídá o obsahu. Po-kud umísťujete články na všeobecně zaměřený web, nepište stylem, který je jasný pouze zasvěceným.

4 Vyhněte se "chytrým" nadpisům jako je tenhle. Uživatelé požadují srozumitelné nadpisy, které vypovídají o obsahu. Troufněte si věřit v sílu vašeho obsahu. Uvedete-li, že článek pojednává o potratové pilulce, upoutáte tím pravděpodobně větší pozornost.

5 Tato roztomilá slovní hříčka se nejenom obtížně analyzuje (hlava, noha, ústa), ale je vyloženě nepřitažlivá. Kdo by chtěl cestovat proto, aby zakusil nemoc?

6 Find It Now (Najdi to hned) je nestandardní a dlouhý název pro vyhledávání. Chce to zjednodušit a dodat srozumitelnost. Pojmenujte jej "Search" (Hledat).

7 Je fajn, že toto vyhledávací pole je dostatečně velké pro zadá-ní a zkontrolování vložených slov nebo frází.

8 Tato tlačítka Go mají nekonzistentní formát, což zvyšuje ne-přehlednost stránky.

9 Nemůžete očekávat, že lidé vám poskytnou své e-mailové adresy, aniž jim nejprve uvedete příklad bulletinu. Co vlastně obdrží? Tohle není příliš dobrá možnost, neboť většina lidí již dostává příliš velké množství e-mailů a chtějí se přihlásit pou-ze k odběru těch bulletinů, které pro ně budou mimořádně přínosné. Kromě toho – vždy, když nějaký web požaduje po uživateli jeho e-mailovou adresu, uživatel vyžaduje prohlášení týkající se ochrany soukromí – že adresa nebude prodána nebo předána, a že bude mít možnost si vybrat, zdali chce dostávat propagační materiály, či nikoliv.

10 Go není nejvhodnějším příkazem pro přihlášení odběru bul-letinu – vhodnější by bylo " Subscribe" (Přihlásit k odběru). Také je lepší uvést "Zadejte váš e-mail". Jinak si budou někteří uživatelé chybně myslet, že musí znát e-mail, kam poslat své požadavky, jako zde použitý e-mail About Today.

11 Rozdíly mezi Resources ( Zdroje) a Partners ( Partneři) jsou nejasné. Například, odkaz Play Games (Hrát hry) by měl být spíše v Resources, neboť jde o speciálně zacílenou kategorii.

12 Timothy McVeigh není skutečný zdroj; jedná se o kategorii.

13 Tento odkaz na magazín by měl být v oblasti Partners.

14 Make Cash je jen trochu drsný. Zmiňte se alespoň o tom, jaký druh práce nebo obchodu nabízíte.

15 Abecední index není tak efektivní jako vyhledávání a není tak komplexní jako kategorie. Například "online brokerage" (on--line makléřství) lze najít pod O, ale nikoli pod B. Pokud uživa-telé hledají pod S, najdou odkazy na burzy (obecné burzovní informace), ale nikoli odkazy na obchodování na burze, což může být jiný název pro makléřské služby. Takže v závislosti na tom, jak se uživatel zeptá, nemusí v abecedním indexu najít konkrétní službu, byť je tam uvedena.

16 Není třeba nadšeného vykřičníku – stačí jen "Go" bez řevu.

17 Jelikož celý tento web je o vyhledávání informací, měl by mít vyhledávací prvek umístěn uprostřed stránky – jak je tomu zde. Standardnější umístění v pravém či levém horním rohu by nebylo nejvhodnější. Tady je hezky seskupeno se všemi ostatními způsoby vyhledávání informací.Stínovaná pozadí ve vybraných řádcích zjednodušují vzhled této komplexní části kategorií.

18 Většina názvů kategorií je jasná a jsou dobře odlišeny. Není pochyb o tom, co uživatelé najdou v kategorii Pets (Domácí zvířata) a co třeba v kategorii Money (Peníze).

19 Podkategorie v této části by měly být odkazy, a to ze dvou důvodů: za prvé, standardní design "ve stylu Yahoo" z hlediska systému uživatele učí očekávat zde odkazy. Za druhé, přímé odkazy na nejvíce navštěvované podkategorie ušetří mnoha uživatelům dodatečné hledání a načítání stránek, což vede k pravděpodobnějšímu využití této služby

20 Co by vás motivovalo zaregistrovat se? Musí zde být odkaz na stránku, která vysvětluje výhody registrace.

21 Community ( Komunita) nedává na všeobecném webu smysl. Komunity je lepší umístit hlouběji do webu, kde uživatelé sdílí společné zájmy.

22 Tato kategorie by se měla jmenovat "Cities/Towns" (Obce/Města) a neměla by obsahovat název dalšího webu (City-search).

23 Název tohoto webu způsobuje v určitých místech potíže, zvláště zde. About Shortcuts zní jako místo, kde lze najít informace o zkratkách. Je ale nebezpečné použít častý vý-skyt slov běžného jazyka v názvu webu, hlavně kvůli tomuto konkrétnímu problému – zní totiž divně, když se zkombinuje s názvem vlastnosti. V každém případě, tento název zde není potřebný, neboť personalizace se vlastně dobře hodí pro výše uvedenou kategorii Member Center (Pro členy).

24 News Center (Zpravodajské centrum) musí na tomto místě přímo zobrazovat nějaký obsah. Místo toho je zde obecný od-kaz na Today´s Best (Dnešní novinky). To je chyba. Nemůžete po uživatelích očekávat to, že náhodně kliknou v domnění, že by se pod daným odkazem mohlo skrývat něco zajímavého.

25 Zprávy ze světa by se lépe vyjímaly v sekci News Center a ni-koli v sekci Culture.

Page 30: Použitelnost domovských stránek

86

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k www.bn.com

Page 31: Použitelnost domovských stránek

87w

ww

.bn.

com

Barn

es &

Nob

leBN.com je online pobočka kamenného obchodu s kniha-mi, hudbou a softwarem.

Největší slabostí webu BN.com je fakt, že domovská stránka neusnadňuje prohlížení, protože není dobře uspořádána a svůj obsah neprezentuje zrovna nejlépe. Zdá se, že Barnes & Noble rozšířili obchod, přidali nová oddělení na náhodných místech domovské stránky, ale bez jasného plánu informační architektury. Takže – tato domovská stránka nejenom že postrádá smysluplné se-skupení obsahu, ale také zobrazuje obsah, který je příliš omezený – příkladem je pouze jeden spisovatel beletrie a jeden hudební umělec. Takhle omezená nabídka snižuje šanci, že se určitému uživateli bude nabídka líbit až do té míry, že bude hledat dál.

Popisek okna prohlížeče

Popisek pro okno prohlížeče je uveden správně, ale lepší by bylo, pokud by obsahoval stručný popis webu. Rov-něž není třeba uvádět URL adresu.

URL

Chybná URL adresa – vypadá zmateně a komplikovaně a uživatelé se z ní nedozví, kde se nacházejí. Navíc to vypadá, jakoby se při jejím uložení do oblíbených nebo při poslání e-mailem uložily i osobní údaje.

Využití prostoru obrazovky

Prvky OS a prohlížeče 19 %

Přivítání a identita webu 2 %

Navigace 19 %

Oblast zájmu 27 %

Reklama a sponzorství 0 %

Vlastní propagace 18 %

Výplň 3 %

Nevyužitý prostor 12 %

Page 32: Použitelnost domovských stránek

88

Nie

lsen

& T

ahir

Použ

iteln

ost d

omov

skýc

h st

ráne

k www. bn.com

1

24

6 7

8 9

10

11

12 13

14 16 17

18

20

21 22

2324

3

19

15

5

Page 33: Použitelnost domovských stránek

89w

ww

.bn.

com

Barn

es &

Nob

le

1 Je fajn, že logo spojuje web se značkou kamenného obchodu.

2 Dvojitá identita (Barnes & Noble a BN) je matoucí a na tomto webu je použita nekonzistentně. I když je dobré, že má web zaregistrovány obě domény, web by měl používat pouze jedno oficiální doménové jméno.

3 Použití dvou nákupních košíků je matoucí. Druhý košík vás nabádá ke kontrole – dělá nákupní košík nahoře totéž, nebo ne? Také je neobvyklé nabídnout Kontrolu zboží (Proceed to Checkout), když v košíku nic není. Ani výraz No items in cart (Žádné položky v košíku) není tak jasný jako "Your cart is emp-ty" (Váš košík je prázdný).

4 Podpora na webu by měla být zjednodušena na jednu navi-gační oblast s položkami jako nákupní košík, nápověda, záru-ka na zboží a ochrana osobních údajů.

5 Příliš mnoho záložek snižuje jejich význam. Navíc se zdá, že z perspektivy uživatelů nejsou záložky seskupeny v logickém pořadí (knihy vedle učebnic atd.), i když zřejmě obráží organi-zační členění společnosti.

6 Záložka Home (Domů) by na domovské stránce neměla být odkazem.

7 Gifts & Calendars (Dárky & kalendáře) je nelogické seskupení – každá z těchto kategorií by mohla být dárkem, nehledě na to, že mezi dárky a kalendáři neexistuje žádná zřejmá souvis-lost.

8 Odkaz na Kids (Děti) je v tomto kontextu obzvlášť nejasný – je umístěn vedle odkazů Privacy Policy (Ochrana soukromí) a Safe Shopping Guarantee (Záruka bezpečného nákupu) v kategorii Home (Domů). Aby tento odkaz dával smysl, měl by být umístěn vedle kategorie ostatních výrobků.

9 Odkaz eCards (El. pohlednice) by měl být uveden společně s odkazem Gifts & Calendars (Dárky & kalendáře), a nikoli mezi těmito spíše administrativními možnostmi.

10 Když rozbalíte nabídku Quick Search (Rychlé hledání), kate-gorie se neshodují s tím, co je uvedeno na záložkách, nehledě na to, že stejně nemají shodné pořadí. Kategorie obsahují také položku Prints & Posters (Tiskoviny & plakáty), která se na tomto webu nikde jinde neobjevuje. Kromě toho – v nabídce nejsou zobrazeny všechny kategorie, jako třeba Out of Print (Rozebráno) a Courses (Kurzy).

11 Pro právě probíhající události jako je třeba tato je velmi důle-žité uvést datum a čas. Zkratka EST nebude jasná zahraničním uživatelům. Mnohem lepší je uvést čas vzhledem ke GMT, nebo uvést odkaz, který zkratku EST vysvětluje.

12 Na tomto webu není nezbytné uvádět aktuální datum, neboť kromě chatu, u nějž by měl být uveden čas, kdy se uskuteční, zde není žádný obsah, jehož platnost by byla závislá na čase.

13 Tady to vypadá, jakoby byla celá tato část věnována knize Painted House (Malovaný dům) od Johna Grishama a nikoliv všem třem uvedeným knihám. Je vhodné tučně zdůraznit jména autorů, čímž usnadníte čtenářům online čtení.

14 Tento inzerát by mohl být efektivní, pokud by vypadal stejně, jako je zobrazen v této knize – na webu je ovšem animovaný a zobrazuje více informací. Uživatelé mají sklony podobné inzeráty rovnou blokovat, zejména v případě, pokud jsou animovány.

15 Tyto zbytečné odkazy na Readers‘ Advangage (Čtenářské výhody) spíše snižují než zvyšují jejich význam. Bombardování uživatelů nadbytečným marketingem je spíše přiměje k igno-raci, místo aby mu věnovali patřičnou pozornost.

16 Fotografie Johna Grishama by měla obsahovat nějaký popisek a alternativní text.

17 Jelikož je možné se pouze v nadsázce domnívat, že někdo přijde na web Barnes & Noble kvůli univerzitnímu kurzu, web by měl uvést více informací o typech nabízených kurzů (aby přiměl lidi kliknout na odkaz).

18 Tato část by byla mnohem užitečnější, pokud by obsahovala více podrobností o tom, co se chystá. Znamená to, že těmto autorům vychází nové knihy? Nebo to znamená, že autoři poskytnou rozhovor? Nebo to snad znamená, že se zúčastní online chatu?

19 Odkaz by neměl směřovat na připojení se k příslušnému pro-gramu, ale měl by zdůraznit výhody pro uživatele typu "Save 5 %" (Ušetřete 5 %).

20 Část New and Used College Textbooks (Nové a použité učebnice) by měla obsahovat odkazy na koupi použitých knih s vysvětlením, o co se jedná. Tato část by měla uživatelům umožnit i vyhledávání.

21 And Many More! (A mnohem víc!) není užitečným odkazem. Je lepší říci "More New Releases" (Další novinky). Také by bylo lepší použít trošku odlišnou vizuální úpravu tohoto odkazu vedoucího na další novinky – prosté odsazení by odkaz odliši-lo od odkazů na konkrétní obsah.

22 Obecné odkazy v části Black History Month nutí uživatele procházet obsahem. Lepší je uvést odkaz na hlavní stránku tohoto tématu a pak toto místo na obrazovce použít k uvede-ní aktuálního obsahu, který upoutá zákazníky.

23 Jen stěží lze odlišit tyto kategorie. Jaký je rozdíl mezi Bargain Books (Výhodné knihy), Bargain Blockbusters (Skutečné trháky) a Readers‘Advantage (Čtenářská výhoda)?

24 I když je skvělé uvést příklad obsahu dané kategorie, jeden odkaz na country hudbu vzhledem k rozsahu kategorie s hud-bou opravdu nestačí. Vhodnější by bylo uvést mnohem větší spektrum titulů.