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 fiamnak, Harrynek, aki biztosan jobb 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.
TA R TA LO M
BEKÖSZÖNTŐ
Ki törje kinek a fejét?
8
Ajánlás a magyar kiadáshoz Előszó – Roger Black tollából BEVEZETŐ
Elöljáróban
12
Torokkö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!
20
Krug első webergonómiai törvénye 2. FEJEZET
Ahogy valójában használjuk a webet
30
Gyors á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?
50
Miért szeretnek a felhasználók nem gondolkodni? 5. FEJEZET
Hagyd el a fölösleges szöveget!
54
A 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 A jó navigáció megtervezése
60
TA R TA LO 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? HA TÉNYLEG MEGÉRTET TED ŐKET 8. FEJEZET
Ugye, mi jó barátok vagyunk?
132
Mié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
140
Tesztelj egyszerűen és szépen – és olcsón! 10. FEJEZET
A használhatóság mint az elemi udvariasság 170 része Legyen udvarias a honlapunk!
11. FEJEZET
Az akadálymentesítés, a CSS és az ember
178
Amikor úgy tűnik, készen vagyunk, beröppen egy macska a 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 Név- és tárgymutató
196 202
BEKÖSZÖNTŐ
Ki törje kinek a fejét?
[8]
Ajánlás a magyar kiadáshoz
W
eblapot készíteni könnyű. Jó weblapot készíteni meg nehéz. Úgy körülbelül száz dologra kell odafigyelni. Kell jó programozó, jó grafikus, jó szövegíró, jó marketinges, és a legapróbb részletekig tisztában kell lenni azzal, hogy mi az internetes üzletmenetü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 fejlesztettü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 eredmé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 újragondoltunk, ezerszer végigjártuk gondolatban azokat az útvonalakat, amelyekre ma látogató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 finomhangolá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 ugyanis, hogy látogatóinknak ne kelljen a saját fejüket törniük, amikor navigálnak weblapunkon, 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 offline 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 lennü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,
[9]
BEKÖSZÖNTŐ
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 megnyerni. A weblapfejlesztés folyamatos tevékenység, újra és újra végiggondolandó, mit változtassunk 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éla az ESET magyarországi képviseletét ellátó Sicontact Kft. ügyvezetője
[ 10 ]
Előszó
A
honlapok őskorától nagyon sok minden történt a világban – kész csoda, hogy a weboldalak 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övekedni 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 nagyon 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önyvé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 Black New York, 2005. július * Utalás a Microsoftra. (A Szerk.)
[ 11 ]
BEK VÖ E ZS EZ TÖŐN T Ő
Elöljáróban T O R O K K Ö S Z Ö R Ü L É S É S M A G YA R Á Z K O D Á S
[ 12 ]
Biztos, hogy fontos ügyben jársz? ÜZEMANYAGTAKARÉKOSSÁGRA INTŐ II. VILÁGHÁBORÚS PLAKÁT SZLOGENJE
A
MIKOR 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.
a) új weboldaldizájn
b) új weboldaldizájn
meglevő honlap
> Ezután átnézem a terveket vagy kipróbálom a honlapot, hogy mennyire könnyű használni (ez az úgynevezett „professzionális használhatósági elemzés”). Néha más embereknek fizetek azért, hogy szörföljenek az oldalakon, s közben figyeljem a honlap működését (ez pedig az úgynevezett „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álhatósági aggályok”), és mindenféle megoldásokat javasolok.2
Használhatósági elemzés
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.
[ 13 ]
BEVEZETŐ
> 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?
Vajon hagytak a fánkból?
Nem rossz gondolat, csakhogy…
Hé, figyeled?! Valaki vett fánkot!
Néha telefonon dolgozunk…
…néha személyesen.
> És a végén pénzt kapok. Tanácsadó vagyok, ezért rengeteg érdekes projektben veszek részt, kedves és okos emberekkel 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 emberek még hálásak is érte. És még jól meg is fizetnek. 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 forgalma.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.
[ 14 ]
ELÖLJÁRÓBAN
Hirtelen nagyon sok nagyon csekély tapasztalattal rendelkező ember lett egyszemélyi felelő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. Grafikai 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 maguknak, hogy az egész munkafolyamatra alkalmazzanak valakit. Azoknak szánom ezt a könyvet, akik nem tehetik meg, hogy magamfajta tanácsadót alkalmazzanak. Ugyanakkor remélem, azoknak is hasznára lesz, akik megengedhetik maguknak 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észet A 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 tudnia 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!”).
[ 15 ]
BEVEZETŐ
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, projektmenedzsereknek, marketingeseknek, cégvezetőknek és egyszemélyes vállalkozásoknak. 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 hoszszú könyvön.
Szlogen Köszöntő szöveg
> Nem kell mindentudónak lennünk. A használhatóságra is igaz az, ami minden 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ágosí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ámon egy cseppet sem változtathat, forognánk bár a Hold körül is!”
[ 16 ]
ELÖLJÁRÓBAN
Úgy tapasztalom, hogy a legértékesebb tanácsaim mindig a legegyszerűbb használhatósági alapelveken nyugszanak. Hasznosabb, ha megértünk néhány alapelvet, mint ha hosszú, specifikus felsorolást készítenénk arról, hogy mit szabad és mit nem. Megpróbáltam azokra a dolgokra szorítkozni, amiket szerintem mindenkinek érdemes tudnia, aki webes tervezéssel foglalkozik.
Igazolt hiányzók Hogy 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 leszű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éleménye. Az egyetlen, ami biztos, az az, hogy: a) a legtöbb jóslat, amit hallok, nyilvánvaló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 honlapokat fogok kifigurázni, az rossz könyvet olvas. A webes tervezés, fejlesztés és üzemelteté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 weboldalakat 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.
[ 17 ]
BEVEZETŐ
> Példák a weboldalak minden fajtájából. A könyvben felhozott legtöbb példa kereskedelmi 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 nehezebben 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:
Ha valamit nehéz használni, akkor azt nem fogom sokat használni.
Remélem, ez a könyv segít abban, hogy jobb honlapok szülessenek, és hogy a honlapké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.
[ 18 ]
1.
1 . F E J E Z E FTE J E Z E T
Ne törd a fejem! KRUG ELSŐ WEBERGONÓMIAI TÖRVÉNYE
[ 20 ]
Michael, miért van elhúzva a függöny? KAY CORLEONE A KERESZTAPA IIBEN
G
yakran 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ásná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 folyamat. 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 ismeretei addig terjednek, hogy felismeri a böngésző „Vissza” gombját, rápillant a weboldalamra. 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.
[ 21 ]
1. FE J E ZE 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
Értem. Ez nyilván a terméklista…
…ezek meg a mai különleges ajánlatok. Memória, Modemek… itt is van: Monitorok. Klikk
[ 22 ]
NE TÖRD A FEJEM!
Á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:
HA GONDOLKODNOM KELL
Hmm. Elég zsúfolt. Hol kezdjem?
Ez itt a navigáció? Vagy az a másik?
Hmm. Ezt meg miért így hívják?
Minek rakták ezt ide?
Erre rá lehet kattintani?
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.
[ 23 ]
12 . F E J E Z E T
Névés tárgymutató
[ 202 ]
N É V - É S TÁ R G Y M U TAT Ó
A
É
almenük l. menüpontok Amazon.com 27, 78, 90–94, 116, 131, 176 aranytojást tojó tyúk 121
élőlény, tárgy vagy fogalom? 50-51
Á á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
B
F fé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
G
böngészés 24, 27, 32, 47, 65, 67-68, 77, 95, 107, 109, 117, 124, 180 Burma arcszesz 41
Gates, 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
C Camtasia Studio 153
CS Csapd le az órát! 105, 198 csomagtartóteszt 95-96 CSS 177-78, 184, 187-88
GY
E
H–I
egymá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
hagyomá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
GYIK 76, 177
[ 203 ]
1 2É.V F- EÉJSE ZT EÁ TR G Y M U T A T Ó N
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
L-LY lá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
M má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
J Jancsi és Juliska 86 jelmondat 111, 114-15, 124, 126, 128, 130-31 jóindulati tőke 172–74, 176-77 jópofizás 56–58
N
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
navigá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
NY nyomtatóbarát oldalak 177, 188
[ 204 ]
N É V - É S TÁ R G Y M U TAT Ó
„Ön itt áll” indikátor 71, 82, 84–86, 88, 95-96, 100, 103
kezdőlap ~ 107, 121 könyv ~ 198 navigáció ~ 60 webes ~ 15, 17, 21, 59, 135, 137-38, 144 Theofanos, Mary 185
P
U–Ú
O oldalnév 82-83, 89, 95-96, 100–03
Ö–Ő
professzionális használhatósági elemzés 13
utcatáblák 60, 71, 81
R
üdvözlő üzenet 112-13, 115, 128-29, 131
Redish, Janice (Ginny) 185, 201 regisztráció 76, 106, 136, 173, 192 Rosenfeld, Louis 77, 199, 201
Ű
S
V
Ü
űrlapok, webes 73, 189
segédeszközök 71-72, 75–77, 88, 100-01, 130-31, 183 „sminkelés-típus” 168 Spool, Jared 17, 51
validator 183 vizuális hierarchia 41–43, 82, 101, 128, 167 vizuális zaj 49
SZ
W
szolgáltatásajánlók 106
T-TY Talking Heads 61 teleportáció 68, 73 tartalomajánlók 106 tervezés honlap ~ 142-43, 146 ésszerűtlen ~ 18 integrált ~ 138
webmorzsák 62, 86–89, 102 White, E. B. 55 Whitehouse, Karen 197, 201
Y Yahoo! 37, 87, 90, 128-29, 159, 162
Z–ZS zaj, l. vizuális zaj
[ 205 ]
12 . F E J E Z E T
STEVE KRUG Megbecsült webes használhatósági szaktanácsadóként boldogan éldegélt a teljes ismeretlensé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 felhaszná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.
Fotó: Erik Butler
ROGER BLACK Médiadizájn-tanácsadó, az elmúlt harminc évben többek 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.
[ 206 ]
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 oldottuk meg. A szöveg Adobe Caslon Pro betűtípussal készült. A fejezetcímek, bekezdések címei és a képaláírások Myriad Pro karakterkészlettel készültek.
