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.