Upload
others
View
4
Download
0
Embed Size (px)
Citation preview
Ne törd a fejem!FELHASZNÁLÓBARÁT WEBDIZÁJN
Steve Krug
Apámnak, aki mindig szerette volna,ha írok egy könyvet;
Anyámnak, akinek elhittem,hogy képes vagyok rá;
Melanie-nak, aki hozzám jött feleségül,ezért én vagyok a legnagyobb mázlista a világon;
és fi amnak, Harrynek, aki biztosanjobb könyveket fog írni ennél,
ha úgy hozza majd a kedve;
és
Bátyámnak, Philnek,aki Emberként élt egész életében.
BEKÖSZÖNTŐ Ki törje kinek a fejét? 8Ajánlás a magyar kiadáshozElőszó – Roger Black tollából
BEVEZETŐ Elöljáróban 12Torokköszörülés és magyarázkodás
A Z A L A P E LV E K
1. FEJEZET Ne törd a fejem! 20Krug első webergonómiai törvénye
2. FEJEZET Ahogy valójában használjuk a webet 30Gyors átfutás, az első elfogadható lehetőség megragadása, átverekedés a problémák dzsungelén
3. FEJEZET A hirdetőtáblák kiskátéja kezdők számára 40Óriásplakátot írjunk, ne regényt!
4. FEJEZET Élőlény, tárgy vagy fogalom? 50Miért szeretnek a felhasználók nem gondolkodni?
5. FEJEZET Hagyd el a fölösleges szöveget! 54A nem-írás nehéz művészete
A ZO K A D O LG O K , A M I K E T M E G K E L L É R T E N E D
6. FEJEZET Utcatáblák és webmorzsák 60A jó navigáció megtervezése
T A R T A L O M
T A R T A L O M
7. FEJEZET A gyógyulás első jele az, ha felismerjük,
hogy a kezdőlap nem áll az uralmunk alatt
104
Hogyan tervezzük meg a kezdőlapot?
H A T É N Y L E G M E G É R T E T T E D Ő K E T
8. FEJEZET Ugye, mi jó barátok vagyunk? 132Miért időfecsérlés a legtöbb webergonómiai témájú vita,és hogyan kerüljük el őket?
9. FEJEZET Százforintos használhatósági tesztelés 140Tesztelj egyszerűen és szépen – és olcsón!
10. FEJEZET A használhatóság mint az elemi udvariasság
része
170
Legyen udvarias a honlapunk!
11. FEJEZET Az akadálymentesítés, a CSS és az ember 178Amikor úgy tűnik, készen vagyunk, beröppen egy macskaa hátára kötözött vajas kenyérrel
12. FEJEZET Segítség! A főnököm arra kényszerít,
hogy___.
190
Amikor jó emberek válnak rossz döntések szenvedő alanyaivá
Köszönetnyilvánítás 196
Név- és tárgymutató 202
[ 8 ]
Ki törje kineka fejét?
B E K Ö S Z Ö N T Ő
[ 9 ]
Weblapot készíteni könnyű. Jó weblapot készíteni meg nehéz. Úgy körülbelül száz
dologra kell odafi gyelni. Kell jó programozó, jó grafi kus, jó szövegíró, jó marketin-
ges, és a legapróbb részletekig tisztában kell lenni azzal, hogy mi az internetes üzletme-
netünk.
Honlapunk, a www.nod32.hu 2007-ben elnyerte az Év Honlapja díjat. Nagyon büszkék
vagyunk erre az eredményre, különösen, hogy a weboldal saját gyermekünk: önerőből fej-
lesztettük ki. Nem bántuk meg, hogy nem webfejlesztő ügynökséggel dolgoztunk, mivel
a munka közben sokat tanultunk a látogatóinkról – és persze önmagunkról is –, az ered-
ményre pedig igazán büszkék lehetünk.
De nem állíthatom, hogy könnyű volt. Egy igazán jó weblap felépítéséhez és üzemelteté-
séhez ugyanis rengeteg képességre van szükség. Gyakorlatilag minden szöveget újraírtunk,
hogy látogatóknak és keresőknek egyaránt megfeleljen. Minden szolgáltatást újragon-
doltunk, ezerszer végigjártuk gondolatban azokat az útvonalakat, amelyekre ma látoga-
tóink rákattintanak. Annak ellenére, hogy már a kezdetektől egy, a keresőkre optimalizált
weboldalt építettünk, az új honlap publikálása után még több hónapot töltöttünk kereső-
optimalizálással, a kód fi nomhangolásával, míg elértük, hogy a megcélzott kulcsszavakra
első helyre kerüljünk fel a találati listákon.
Egyszóval nem irigylek senkit, aki éppen ki- vagy újrafejleszti weblapját. Ahhoz ugyan-
is, hogy látogatóinknak ne kelljen a saját fejüket törniük, amikor navigálnak weblapun-
kon, nekünk magunknak kell ezt művelnünk önmagunkkal. Először tisztáznunk kell,
hogy pontosan milyen cselekvéseket várunk el látogatóinktól. A listában többek közt
szerepelhet a vásárlás, feliratkozás a hírlevélre, egy program letöltése, vagy akár az off -
line kapcsolatfelvétel. Azonosítanunk kell azokat a pontokat, amelyeken látogatóink
meghozhatják e döntéseket, és a lehető legkönnyebbé kell tennünk számukra, hogy az
ezekhez szükséges minden információt elérjék. Nem csupán a pillanatnyi célokra kell
koncentrálnunk, hanem elő kell segítenünk a visszatérést, emellett pedig hasznos, ha
a látogatók adataiból – az egyetértésük mellett – marketing-adatbázist építünk, amit
később az értékesítés megkönnyítésére is felhasználhatunk. Emellett tisztában kell len-
nünk azzal is, hogy nem csak humán látogatóinkért dolgozunk. Az egyik legnagyobb
kritikusunk Mr. Google Bot lesz, aki szanaszét fogja szedni elkészült weblapunkat.
Megsértődik, ha hibát talál, nem fog szeretni bennünket, ha nem egyértelmű számára,
Ajánlás a magyar kiadáshoz
[ 10 ]
B E K Ö S Z Ö N T Ő
hogy milyen terméket vagy szolgáltatást árulunk. És Mr. Google Bot nem viccel, ne is
próbálkozzunk az átverésével! Csakis úgy lehet kedvében járni, mint humán látogató-
inknak: százszázalékos őszinteséggel.
A www.nod32.hu weblappal mi megnyertünk egy csatát, de a háborút lehetetlen meg-
nyerni. A weblapfejlesztés folyamatos tevékenység, újra és újra végiggondolandó, mit vál-
toztassunk meg, hogy még jobb eredményeket érjünk el. Ez a könyv hosszú távra érvényes
gondolatokat tartalmaz, amelyeket folyamatosan szem előtt kell tartanunk. Remélem,
segítségére lesz minden olvasónak abban, hogy hatékony honlapot alakítson ki!
Csiszér Bélaaz ESET magyarországi képviseletét ellátó
Sicontact Kft. ügyvezetője
[ 11 ]
A honlapok őskorától nagyon sok minden történt a világban – kész csoda, hogy a
web oldalak tervezése alapvetően mégsem változott.
Kezdetben minden bizonytalan és illékony volt, percről percre változtak az igények, és
ugyanígy hullámzott a kínálat is. Háborúztak egymással a böngészők: a Netscape minden
újonnan érkezettet lesöpört a pályáról, a WC3 pedig félévente új HTML-standardokat
bocsátott ki. De aztán a redmondi Wehrmacht* előre megjósolható győzelme lecsillapította
a kedélyeket. A webdizájnerek végre fellélegezhettek, nem főtt tovább a fejük a kódok
állandó változása miatt – hiszen már nem menet közben kellett mindent kitalálniuk.
Csakhogy az öröm észrevétlenül ürömmé változott. A HTML rugalmatlansága, a fontok
hiánya, a weboldalak állíthatósága, a különféle képernyőfelbontások és böngészők (hiába volt
a legtöbb Explorer) nehézkes együttműködése mind-mind bizonytalanná tették a tervezést.
A tervezők életét csak nehezítette, hogy a megszorító jellegű szabályozások száma is növe-
kedni kezdett (például ami a banneres hirdetményeket illeti). Ez persze nem mindig baj. Sőt
a tervezőkkel ellentétben a felhasználók nem is bánják a szabályozást – a legtöbbjüknek már
így is éppen elég nehézséget okoz az, hogy bekapcsolják a számítógépet.
Míg a szabályozások változhatnak, van valami, ami örök: az emberi természet. Az internet
alapjaiban alakíthatta át a társadalmat és a gazdaságot, észrevehető mutációkat mégsem
eredményezett a fajok körében.
Mi, tervezők általában nem kerülünk személyes kapcsolatba a felhasználókkal, ezért na-
gyon hasznos számunkra, ha ismerjük Steve Krugot (vagy legalább a könyvét), mert Steve
Krug tényleg ismeri a felhasználókat. Több mint egy évtized után még mindig azzal a
frissességgel néz rá egy weblapra, mintha soha korábban nem látott volna hasonlót. Köny-
vében egyetlen felesleges szót sem találni: vezérelve a józan ész és a barátságos kritikai
szemlélet – rólunk, arról, ahogy látunk, gondolkodunk és olvasunk.
Az elvek, amiket Steve Krug megoszt velünk, örök érvényűek, történjék bármi is az
internettel, a webes szokásokkal, az operációs rendszerekkel, a sávszélességgel vagy a szá-
mítógéppel. Szóval dőljenek hátra és olvassák élvezettel!
Roger BlackNew York, 2005. július
* Utalás a Microsoftra. (A Szerk.)
Előszó
[ 12 ]
B E K Ö S Z Ö N T ŐB E V E Z E T Ő
ElöljáróbanT O R O K K Ö S Z Ö R Ü L É S É S M A G YA R Á Z K O D Á S
[ 13 ]
AMIKOR ELŐSZÖR MESÉLTEM AZ ISMERŐSEIMNEK ARRÓL, hogy könyvet írok a munkám kulisszatitkairól, többen megkérdezték, nem félek-e,
hogy akkor feleslegessé válok, és elveszítem az állásomat.
Szó se róla, tényleg remek állásom van.
> Az emberek (az „ügyfelek”) elküldik az új weboldaluk tervezett arculatát vagy egy
linket a régi honlapjukról, amit szeretnének átalakítani.
Biztos, hogy fontos ügyben jársz?
ÜZEMANYAGTAKARÉKOSSÁGRA INTŐ II. VILÁGHÁBORÚS PLAKÁT SZLOGENJE
> Ezután átnézem a terveket vagy kipróbálom a honlapot,
hogy mennyire könnyű használni (ez az úgynevezett „pro-
fesszionális használhatósági elemzés”). Néha más embe-
reknek fi zetek azért, hogy szörföljenek az oldalakon, s
közben fi gyeljem a honlap működését (ez pedig az úgy-
nevezett „használhatósági tesztelés”).1
> A végén összefoglalót írok azokról a problémákról, amelyek
szerintem összezavarják a felhasználókat (ezek a „használha-
tósági aggályok”), és mindenféle megoldásokat javasolok.2
1 …ami szigorúan össze nem tévesztendő a közönséges kukkolással!
2 A 9. fejezetben elmagyarázom, miért tekintem mostanában felesleges szócséplésnek a javaslatok írásba fektetését.
a) új weboldaldizájn b) új weboldaldizájn meglevő honlap
Használhatósági elemzés
[ 14 ]
B E V E Z E T Ő
> Együtt dolgozom az ügyfél webes tervezőcsoportjával, és segítek nekik a problémák
kiküszöbölésében.
…és ha a híreket a személyre szabott ajánlatok
alá tesszük?
Hé, fi gyeled?! Valaki vett fánkot!
Vajon hagytak a fánkból?
Néha telefonon dolgozunk… …néha személyesen.
Nem rossz gondolat, csakhogy…
> És a végén pénzt kapok.
Tanácsadó vagyok, ezért rengeteg érdekes projektben veszek részt, kedves és okos embe-
rekkel dolgozom együtt, és amikor végzünk, a honlapok mindig jobbak, mint a kezdet
kezdetén voltak. Többnyire otthon dolgozom, nem járok agyzsibbasztó megbeszélésekre,
és nem vonatkoznak rám az irodai kötöttségek. Kimondhatom, amit gondolok, és az em-
berek még hálásak is érte. És még jól meg is fi zetnek.
Higgyék el nekem, eszem ágában sincs kockára tenni ezt az életformát!3
Csakhogy olyan sok weboldalnak volna szüksége segítségre, és olyan kevesen foglalkoznak
felhasználói teszteléssel, hogy a közeljövőben aligha válik feleslegessé a munkám – hiszen
még a dotcom-lufi kidurranásával sem csökkent a világháló mindennapi felhasználói for-
galma.4
3 Ezenkívül rengeteget tanítok, és a kurzusokon – nem úgy, mint a konzultációkon – nem szorít a közelgő határidő, és nincs házi feladatom sem. Ha a napnak vége, vége a munkának is.
4 A dotcom-lufi 2000 végén pukkadt ki, ennek ellenére ma talán még többen dolgoznak a használhatóság terén, mint korábban.
[ 15 ]
E L Ö L J Á R Ó B A N
Hirtelen nagyon sok nagyon csekély tapasztalattal rendelkező ember lett egyszemélyi fele-
lőse nagy költségvetésű, az egész cég jövőjét meghatározó projekteknek, és nagy szükségük
van arra, hogy valaki megmondja nekik, jó-e az, amit csinálnak.
Grafi kai tervezők és fejlesztők lettek a felelősei az interfésznek, az interakciós felépítésnek
(mi történjen akkor, ha a felhasználó kattint valahová), illetve az információs struktúrának
(hogyan szerveződjön a weblap).
A legtöbb embernek nincs pénze arra, hogy kikérje egy használhatósági tanácsadó
(webergonómiai szakember) véleményét. Azt pedig még kevesebben engedhetik meg ma-
guknak, hogy az egész munkafolyamatra alkalmazzanak valakit.
Azoknak szánom ezt a könyvet, akik nem tehetik meg, hogy magamfajta tanácsadót alkal-
mazzanak. Ugyanakkor remélem, azoknak is hasznára lesz, akik megengedhetik maguk-
nak a szakszerű segítséget.
Végül remélem, hogy a könyv segít majd elkerülni azokat az időrabló, parttalan „hitvitá-
kat”, amelyek óhatatlanul felmerülnek a webes tervezés során.
Ez nem agysebészetA legfontosabb munkaeszközöm a józan eszem. Bárki, aki érdeklődik a téma iránt, elsajá-
títhatja az alapokat.
A használhatóság végső soron nem jelent mást, mint megbizonyosodni arról, hogy valami
megfelelően használható. Mindenkinek, aki átlagos (vagy akár átlag alatti) képességekkel
és tapasztalattal rendelkezik, rendeltetésszerűen és a meghibbanás veszélye nélkül kell tud-
nia használni az illető dolgot, legyen az weboldal, vadászrepülőgép vagy forgóajtó.
Józan ész ide vagy oda, azért sok mindent csak akkor látunk világosan, amikor valaki más
már elmagyarázta nekünk.5
Egyértelmű, hogy akinek módjában áll, az alkalmazzon webergonómiai szakembert. De
aki nem teheti meg, az ennek a könyvnek a segítségével remélhetőleg egymaga is el tudja
végezni a munka legjavát – akár a szűken mért szabadidejében is.
5 …ez az egyik oka annak, hogy a cégem (ami lényegében belőlem és néhány jól elhelyezett tükörből áll) neve Advanced Common Sense (szabad fordításban: „Józan ész felsőfokon”). A társaság mottója pedig „It’s not rocket surgery” (szintén szabad fordításban: „Ez nem agysebészet!”).
[ 16 ]
B E V E Z E T Ő
Igen, ez egy vékony kötet Nehéz volt olyan tömören megírni ezt a könyvet, hogy egy hosszabb repülőút során is
végig lehessen olvasni. Nekem két jó okom is volt rá:
> Ha a könyv rövid, való-színűbb, hogy használni fogják.6 Olyan embereknek
írok, akiknek drága az idejük:
tervezőknek, fejlesztőknek,
honlapfelelősöknek, projekt-
menedzsereknek, marketin-
geseknek, cégvezetőknek és
egyszemélyes vállalkozások-
nak. A használhatóság nem
az életük központi kérdése,
és nem is lenne idejük vé-
gigrágni magukat egy hosz-
szú könyvön.
> Nem kell mindentudónak lennünk. A használható-
ságra is igaz az, ami min-
den másra – nagyon sok
dolog van, amit meg lehetne tudni róla. De annak, aki nem webergonómiai szakértő, igazán felesleges mindent tudnia.7
6 Ez már magában is egy hasznos használhatósági elv: ha valami nagyon időigényes – vagy legalábbis annak tűnik –, akkor kevesebben fogják használni.
7 Mindig szerettem a következő részletet A bíborvörös dolgozószoba című novellából, amelyben Dr. Watson megdöbben, mert Sherlock Holmes nem tudja, hogy a Föld a Nap körül kering. Holmes azonban felvilágo-sítja, hogy tekintetbe véve az emberi agy korlátozott kapacitását, nem engedheti meg magának, hogy felesleges dolgokat jegyezzen meg (Arthur Conan Doyle, Tury Gyula fordítása, Bp., Sensus, 2004):
„Mit törődöm én azzal? Azt mondja ön, hogy mi a Nap körül forgunk. Ez rajtam és a munkámonegy cseppet sem változtathat, forognánk bár a Hold körül is!”
Köszöntő
szöveg
Szlogen
[ 17 ]
E L Ö L J Á R Ó B A N
Úgy tapasztalom, hogy a legértékesebb tanácsaim mindig a legegyszerűbb használ-
hatósági alapelveken nyugszanak. Hasznosabb, ha megértünk néhány alapelvet, mint
ha hosszú, specifi kus felsorolást készítenénk arról, hogy mit szabad és mit nem. Meg-
próbáltam azokra a dolgokra szorítkozni, amiket szerintem mindenkinek érdemes
tudnia, aki webes tervezéssel foglalkozik.
Igazolt hiányzókHogy senki ne keressen hiába, következzék néhány dolog, amit ebben a könyvben az
Olvasó nem fog megtalálni:
> A „Nagybetűs Igazság” a weboldalak tervezéséről. Olyan hosszú ideje dolgozom
a szakmában, hogy rá kellett jönnöm, nincs tökéletes weboldal-tervezési eljárás.
Bonyolult folyamatról van szó, és ha felmerül egy kérdés, a válasz legtöbbször: attól
függ.8 De ismétlem: meggyőződésem, hogy néhány alapelvről nem feledkezhetünk
meg. Ezeket próbáltam összegyűjteni.
> Üzleti modellek értékelése. Ha van tanulság, amit a közelmúlt eseményeiből le-
szűrhetünk, az a következő: az internetes üzleti modellek olyanok, mint a buszok:
ha elmegy az egyik, csak várni kell pár percet, és jön a következő. Nem értek ahhoz,
hogy mivel lehet rengeteget keresni a weben, de ha tudnám is, akkor is nyilván idejét
múlná, mire a könyv eljutna az olvasókhoz.
> Jóslatok az internet jövőjéről. Erről a kérdésről mindenkinek megvan a maga véle-
ménye. Az egyetlen, ami biztos, az az, hogy: a) a legtöbb jóslat, amit hallok, nyilván-
valóan tévesnek fog bizonyulni; és b) az igazán jelentős dolgok úgyis meglepetésként
érnek majd, noha utólag mindenki számára a napnál is világosabbnak tűnnek.
> Pocsékul megtervezett honlapok kritikája. Aki arra számít, hogy gyenge honla-
pokat fogok kifi gurázni, az rossz könyvet olvas. A webes tervezés, fejlesztés és üze-
meltetés nem könnyű. Olyan, mint a futball: tucatnyi módon lehet a labdát a hálóba
rúgni, de ezerféleképpen lehet elhibázni a góllövést. Minden tiszteletem azoké, akik
legalább a kapufát eltalálják. Csakis kiváló, ám apróbb hibákkal pettyegetett webol-
dalakat hozok fel példának. Úgy vélem, többet tanulhatunk a jó példákból, mint a
rosszakból.
8 Jared Spool, a User Interface Engineering (Felhasználói interfésztervezés, www.uie.com) használhatósági szakembere „It depends” („Attól függ!”) feliratú pólókat viselt.
[ 18 ]
B E V E Z E T Ő
> Példák a weboldalak minden fajtájából. A könyvben felhozott legtöbb példa ke-
reskedelmi célú portálokat mutat be, de ezek az alapelvek ugyanúgy érvényesek a
feleségem blogjára, a szomszéd fi ú kedvenc rockzenekarának honlapjára vagy akár
egy céges intranetre. Ha szélesebb körből merítenék, a könyv hosszabb – és így ne-
hezebben használható – lenne.
Biztos, hogy fontos ügyben jársz?Hajmeresztő adatokat idézhetnék arról, hogy milyen nagy kazal pénzt dobnak ki évente az
ablakon azok a társaságok, amelyek ésszerűtlen, rosszul felépített honlapokat készítenek.
De mivel az Olvasó épp egy webergonómiai könyvet tart a kezében, nyilván nem kell arról
győzködnöm, hogy a téma milyen fontos. Felhasználóként mindenki megtapasztalhatta,
hogy a jól megtervezett weblap nem bosszantja fel a látogatót, és ezért valószínűbb, hogy
később is visszatér oda.
Szerintem a feleségem a világ minden statisztikájánál jobban rátapintott a lényegre:
Remélem, ez a könyv segít abban, hogy jobb honlapok szülessenek, és hogy a hon-
lap készítők – amennyiben rászánják magukat, hogy sutba vágjanak néhány ésszerűtlen
tervezési elvet – végre egyszer hazaérjenek vacsorára.
Ha valamit nehéz használni, akkor azt
nem fogom sokat használni.
[ 20 ]
1 . F E J E Z E T
11. . F E J E Z E T
Ne törd a fejem!K R U G E L S Ő W E B E R G O N Ó M I A I T Ö R V É N Y E
[ 21 ]
Michael, miért van elhúzva a függöny?
KAY CORLEONE A KERESZTAPA IIBEN
Gyakran felteszik nekem a következő kérdést:
„Mi a legfontosabb teendőm, ha olyan honlapot szeretnék készíteni,
amit biztosan könnyen lehet használni?”
A válasz egyszerű. Nem olyasmi, hogy: „Ami lényeges, nem lehet távolabb két kattintás-
nál”, vagy „Beszéld a felhasználók nyelvét!”, és nem is az, hogy „Légy következetes!”
Csupán ennyi:
„Ne törd a fejem!”Évek óta ismételgetem ezt az axiómát mint Krug első webergonómiai törvényét. És minél
több honlapot látok, annál biztosabb vagyok benne, hogy itt van a kutya elásva.
Ez az elv vezérel, amikor meg kell ítélnem, mennyire sikeres egy-egy webes tervezési fo-
lyamat. Ha az Olvasó fejébe csak egyetlen webergonómiai szabály fér bele, akkor ez legyen
az az egy szabály.9
Az elv azt jelenti, hogy amennyire az emberileg lehetséges, minden weboldalnak magától
értetődőnek, nyilvánvalónak és egyértelműen használhatónak kell lennie.
Felhasználóként minden különösebb erőfeszítés és fejtörés nélkül meg kell értenem, mi
mire jó, és mi hogyan használható.
Mennyire legyen egy honlap magától értetődő?
Mondjuk, a szomszédom, akit egyáltalán nem érdekel a honlapom témája, és webes is-
meretei addig terjednek, hogy felismeri a böngésző „Vissza” gombját, rápillant a webolda-
lamra. Ha az magától értetődő, a szomszédom felkiált: „De hiszen ez egy ____________!”
(Kis szerencsével azt fogja mondani: „De hiszen ez egy ____________! Hú de jó!” De ez
már egy másik kérdés.)
9 Ennek az elvnek van egy nagy vetélytársa: „Töröld ki a szöveg felét minden egyes oldalról, aztán töröld ki a maradéknak a felét is!” De erről majd később.
[ 22 ]
1 . F E J E Z E T
Gondoljuk csak végig:
Ha olyan weboldalon járok, ami „nem töri a fejemet”, a kis gondolatfelhők a fejem felett
mind ugyanúgy kezdődnek: „Igen, ez itt a ____________. Ez meg a ____________. Ez
meg az, amit keresek.”
HA NEM KELL GONDOLKODNOM
…ezek meg a mai különleges ajánlatok.
Memória, Modemek…
itt is van: Monitorok.
Klikk
Értem. Ez nyilván a terméklista…
[ 23 ]
N E T Ö R D A F E J E M !
HA GONDOLKODNOM KELL
Ám, ha olyan weboldalon járok, ami feleslegesen töri a fejem, a kis gondolatfelhők a fejem
felett mind-mind kérdőjelekben végződnek:
Hmm. Elég zsúfolt. Hol
kezdjem?
Hmm. Ezt meg miért így hívják?
Erre rá lehet kattintani?
Ez itt a navigáció? Vagy az a másik?
Minek rakták ezt ide?
Ez a két link nagyon hasonlít. De tényleg megegyeznek?
Annak, aki a weboldalt készíti, az a dolga, hogy ne engedje felbukkanni ezeket a fránya
kérdőjeleket.
[ 202 ]
1 2 . F E J E Z E T
[ 202 ]
1 2 . F E J E Z E T
[ 202 ]
1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T1 2 . F E J E Z E T
Név-és tárgymutató
[ 203 ]
N É V - É S T Á R G Y M U T A T Ó
Aalmenük l. menüpontok
Amazon.com 27, 78, 90–94, 116, 131, 176
aranytojást tojó tyúk 121
Áállandó navigáció 72-73, 76, 105, 117-18,
189
átlagos felhasználó 28, 137-38, 199
átfutás, gyors 30, 120
„átverekedéses” technika 150
Bböngészés 24, 27, 32, 47, 65, 67-68, 77,
95, 107, 109, 117, 124, 180
Burma arcszesz 41
CCamtasia Studio 153
CSCsapd le az órát! 105, 198
csomagtartóteszt 95-96
CSS 177-78, 184, 187-88
Eegymásba ágyazott stíluslapok (CSS)
187-88
Elements of Style (Stílustan) 55
elsődleges navigáció l. menü
első elfogadható lehetőség megragadása
30, 34
Éélőlény, tárgy vagy fogalom? 50-51
Ffényes külsőségek világa és a
kézművesek összecsapása 136-37
fókuszcsoport 137, 142-43
fölösleges szavak, elhagyásuk 55
fül
~ek navigációs célra 89–91
~es irattartó 89
színkódolása 92
GGates, Bill
az átverekedéses technika alkalmazása
37
a da Vinci-jegyzetfüzet megvásárlása
89
globális navigáció l. állandó navigáció
gondolkodás nélküli válaszadás 51
GYGYIK 76, 177
H–Ihagyományos tesztelés 147
használati utasítás 36, 55, 57, 70, 77, 124,
163, 167
használhatóság
~i elemzés 13
~i tesztelés 13, 38, 140-41, 143,
145–49, 153, 163, 177
[ 204 ]
1 2 . F E J E Z E T1 2 . F E J E Z E TN É V - É S T Á R G Y M U T A T Ó
webes ~ 47
~i tanácsadó 15
~i elv 16-17
Hatch, Orrin 47
hierarchia
szervezési ~ 62
tartalmi ~ 75, 124
vizuális ~ 41–43, 82, 101, 128, 167
hitviták 15, 135, 138
„hogy-én-erre-eddig-nem-gondoltam”-
típus 168
JJancsi és Juliska 86
jelmondat 111, 114-15, 124, 126, 128,
130-31
jóindulati tőke 172–74, 176-77
jópofi zás 56–58
K„kajakprobléma” 167
„keresésorientált” látogatók 64
keresőmező 37, 48, 64, 77-78, 100-01,
103, 106, 117, 129
kerék újrafelfedezése 46
kezdőlap 56, 59, 65, 68, 72–74, 76-77, 80,
86-87, 94, 104–31, 138, 160, 171-72
Klein, Gary 34-35, 136
konvenciók 41, 44–46, 48, 70-71, 77, 131
közlegelők tragédiája 121
küldetésnyilatkozat 113
Krug, Steve 20-21, 51, 55, 105-06, 156,
192–94, 200-01
L-LYlátványelemek 193
legördülő menük 58, 120-21, 126,
133–35, 138
„linkorientált” felhasználók 65
logó 44, 71–74, 76-77, 95-96, 100–03,
110-11, 114, 118, 131, 161
Mmásodlagos navigáció l. menüpontok
menü 49, 58, 65, 71, 74-75, 85, 90, 94, 96,
100–03, 117
menüpontok 65, 71-72, 75, 77-78, 90, 95,
117
Morae 153
mottó 15, 105, 115
Nnavigáció
a ~ megtervezése 60
alacsonyabb szintű ~ 80
állandó ~ 72-73, 76, 105, 117-18, 189
webes ~ 69–71
név
oldal~ 82-83, 89, 95-96, 100–03
ország~ 120
szekció~ 118
termék~ 78, 120
utca~ 82
Nielsen, Jakob 32, 64-65, 146, 148
NYnyomtatóbarát oldalak 177, 188
[ 205 ]
N É V - É S T Á R G Y M U T A T ÓN É V - É S T Á R G Y M U T A T ÓN É V - É S T Á R G Y M U T A T Ó
Ooldalnév 82-83, 89, 95-96, 100–03
Ö–Ő „Ön itt áll” indikátor 71, 82, 84–86, 88,
95-96, 100, 103
Pprofesszionális használhatósági elemzés
13
RRedish, Janice (Ginny) 185, 201
regisztráció 76, 106, 136, 173, 192
Rosenfeld, Louis 77, 199, 201
Ssegédeszközök 71-72, 75–77, 88, 100-01,
130-31, 183
„sminkelés-típus” 168
Spool, Jared 17, 51
SZszolgáltatásajánlók 106
T-TYTalking Heads 61
teleportáció 68, 73
tartalomajánlók 106
tervezés
honlap ~ 142-43, 146
ésszerűtlen ~ 18
integrált ~ 138
kezdőlap ~ 107, 121
könyv ~ 198
navigáció ~ 60
webes ~ 15, 17, 21, 59, 135, 137-38,
144
Theofanos, Mary 185
U–Úutcatáblák 60, 71, 81
Üüdvözlő üzenet 112-13, 115, 128-29, 131
Űűrlapok, webes 73, 189
Vvalidator 183
vizuális hierarchia 41–43, 82, 101, 128,
167
vizuális zaj 49
Wwebmorzsák 62, 86–89, 102
White, E. B. 55
Whitehouse, Karen 197, 201
YYahoo! 37, 87, 90, 128-29, 159, 162
Z–ZSzaj, l. vizuális zaj
[ 206 ]
1 2 . F E J E Z E T
STEVE KRUG
Megbecsült webes használha-
tósági szaktanácsadóként bol-
dogan éldegélt a teljes isme-
retlenségben, míg meg nem
írta ezt a könyvet. Több mint
húsz éven át olyan cégekkel
karöltve vett részt felhasz-
nálóbarát szoftverek és weboldalak fejlesztésében,
mint az Apple, a Netscape, az AOL, a Lexus, az
Excite@Home vagy a BarnesandNoble.com.
ROGER BLACK
Médiadizájn-tanácsadó, az
el múlt harminc évben töb-
bek közt a Rolling Stone, a
New York, a Newsweek, az
Esquire, a Los Angeles Times, az MSNBC.com és Discovery.com csapatát is segí-
tette. A közelmúltban szaktudásával a Poz.com és a
Nintendo Power Magazine dizájnjának megújítá-
sában működött közre.
Fotó
: Eri
k B
utl
er
E könyv digitális munkálatai során a
következő szoftvereket használtuk fel:
Microsoft Word, Adobe Photoshop,
Adobe Illustrator és CorelDRAW.
A szerkesztést és az utómunkálatokat
Adobe InDesign segítségével végeztük.
Utóellenőrzését Adobe Acrobattal ol-
dottuk meg.
A szöveg Adobe Caslon Pro betűtípus-
sal készült. A fejezetcímek, bekezdések
címei és a képaláírások Myriad Pro ka-
rakterkészlettel készültek.