You are on page 1of 202

Ne trd a fejem!

FELHASZNLBART WEBDIZJN

STEVE KRUG

.HVG KNYVEK !

A fordts alapja:
Steve Krug: Don't Make Me Think! A Common Sense Approach to Web Usability, Second Edition.
New Riders Publishing Berkeley, California USA, 2006

Szveg Steve Krug, 2006

Fordtotta: Nagy Marcell


Fordts Nagy Marcell, 2008

Szaklektor: Pnya Judit

Szerkesztette: Mrton Rza Krisztina

Felels szerkeszt:

Falcsik Mari

Bortterv: Gyimesi Judit

A knyv megjelenst a Sicontact Kft. tmogatta.

ISBN 9?8-963-9686-53-3

Minden jog fenntartva. Jelen knyvet vagy annak rszleteit tilos reproduklni, adatrendszerben trolni,
brmely formban vagy eszkzzel - elektronikus, fnykpszeti ton vagy ms mdon - a kiad
engedlye nlkl kzlni.

Kiadja a HVG Kiad Zrt., Budapest, 2008


kiad: Szau er Pter

Felels

www.hvgkonyvek.hu

Nyomdai

elkszts:

INIC Bt.

Nyoms: Drer Nyomda Kft.


Kovcs Jnos

Felels vezet:

Apmnak, aki mindig szerette volna,


ha rok egy knyvet;
Anymnak, akinek e/hittem,
hogy kpes vagyok r,
Melanie-nak, aki hozzm jtt felesgl,
ezrt n vagyok a legnagyobb mzlista a vilgon,
s fiamnak, Harrynek, aki biztosan
jobb knyveket fog rni ennl,
ha gy hozza majd a kedve,
s
Btymnak, Philnek,
aki Emberknt lt egsz letben.

BEKSZNT

Ki trje kinek a fejt?

Ajnls a magyar kiadshoz


Elsz- Roger Black tollbl
BEVEZET

Elljrban

12

Torokkszrls s magyarzkods

AZ ALAPELVEK
1. FEJEZET

Ne trd a fejem!

20

Krug els webergonmiai trvnye


2. FEJEZET

Ahogy valjban hasznljuk a webet

30

Gyors tfuts, az els elfogadhat lehetsg megragadsa,


tverekeds a problmk dzsungein
3. FEJEZET

A hirdettblk kisktja kezdk szmra

40

risplaktot tjunk, ne regnyt!


4. FEJEZET

llny, trgy vagy fogalom?

50

Mirt szeretnek aJelhasznlk nem gondolkodni?


S. FEJEZET

Hagyd el a ~es szveget!


A nem-rs nehz

54

mvszete

AZOK A DOLGOK, AMIKET MEG KELL RTENED


6. FEJEZET

Utcatblk s webmarzsk
A j navigci megtervezse

60

7. FEJEZET

A gygyuls els jele az, ha felismerjk,


hogy a kezdlap nem ll az uralmunk alatt

104

Hogyan teTvezzk meg a kezdlapot?


HA TNYLEG MEGRTETTED KET
8. FEJEZET

Ugye, mi j bartok vagyunk?

132

Mirt idfecsrls a legtbb webergonmiai tmj vita,


s hogyan ker(jk el ket?
9. FEJEZET

Szzforintos hasznlhatsgi tesztels

140

Teszteij egyszeren s szpen - s olcsn!


1O. FEJEZET

A hasznlhatsg mint az elemi udvariassg 170


rsze
Legyen udvarias a honlapunk!

11.FEJEZET

Az akadlymentests, a CSS s az ember

178

Amikor gy tnik, kszen vagyunk, berppen egy macska


a htra ktztt vajas kenyrrel
12. FEJEZET

Segtsg! A fnkm arra knyszert,


hogy_

190

Amikor j emberek vlnak rossz dntsek szenved alanyaiv

Ksznetnyilvnts
Nv- s trgymutat

196
202

BEKSZN ili

Ajnls a magyar kiadshoz


eblapot kszteni knny. J weblapot kszteni meg nehz. gy krlbell szz
dologra kell odafigyelni. Kell j programoz, j grafikus, j szvegr, j marketinges, s a legprbb rszletekig tisztban kelllenni azzal, hogy mi az internetes zletmenetnk

Honlapunk, a www.nod32.hu 2007-ben elnyerte az v Honlapja djat. Nagyon bszkk


vagyunk erre az eredmnyre, klnsen, hogy a weboldal sajt gyermeknk: nerbl fejlesztettk ki. Nem bntuk meg, hogy nem webfejleszt gynksggel dolgoztunk, mivel
a munka kzben sokat tanultunk a ltogatinkrl-s persze nmagunkrl is-, az eredmnyre pedig igazn bszkk lehetnk.
De nem llthatom, hogy knny volt. Egy igazn j weblap felptshez s zemeltetshez ugyanis rengeteg kpessgre van szksg. Gyakorlatilag minden szveget jrartunk,
hogy ltogatknak s keresknek egyarnt megfeleljen. Minden szolgltatst jragondoltunk, ezerszer vgigjrtuk gondolatban azokat az tvonalakat, amelyekre ma ltogatink rkattintanak Annak ellenre, hogy mr a kezdetektl egy, a kereskre optimalizlt
weboldalt ptettnk, az j honlap publiklsa utn mg tbb hnapot tltttnk keres
optimalizlssal, a kd finomhangolsval, mg elrtk, hogy a megclzott kulcsszavakra
els helyre kerljnk fel a tallati listkon.
Egyszval nem irigylek senkit, aki ppen ki- vagy jrafejleszti weblapjt. Ahhoz ugyanis, hogy ltogatinknak ne kelljen a sajt fejket trnik, amikor naviglnak weblapunkon, neknk magunknak kell ezt mvelnnk nmagunkkal. Elszr tisztznunk kell,
hogy pontosan milyen cselekvseket vrunk elltogatinktL A listban tbbek kzt
szerepelhet a vsrls, feliratkozs a hrlevlre, egy program letltse, vagy akr az offline kapcsolatfelvtel. Azonostanunk kell azokat a pontokat, amelyeken ltogatink
meghozhatjk e dntseket, s a lehet legknnyebb kell tennnk szmukra, hogy az
ezekhez szksges minden informcit elrjk Nem csupn a pillanatnyi clokra kell
koncentrlnunk, hanem el kell segtennk a visszatrst, emellett pedig hasznos, ha
a ltogatk adataibl - az egyetrtsk mellett - marketing-adatbzist ptnk, amit
ksbb az rtkests megknnytsre is felhasznlhatunk Emellett tisztban kelllennnk azzal is, hogy nem csak humn ltogatinkrt dolgozunk. Az egyik legnagyobb
kritikusunk Mr. Google Bot lesz, aki szanaszt fogja szedni elkszlt weblapunkat.
Megsrtdik, ha hibt tall, nem fog szeretni bennnket, ha nem egyrtelm szmra,

[ 9J

BEKSZNT

hogy milyen termket vagy szolgltatst rulunk s Mr. Google Bot nem viccel, ne is
prblkozzunk az tversvel! Csakis gy lehet kedvben jrni, mint humn ltogatinknak: szzszzalkos szintesggel.
A www.nod32.hu weblappal mi megnyertnk egy csatt, de a hbort lehetetlen megnyerni. A weblapfejleszts folyamatos tevkenysg, jra s jra vgiggondoland, mit vltoztassunk meg, hogy mg jobb eredmnyeket rjnk el. Ez a knyv hossz tvra rvnyes
gondolatokat tartalmaz, amelyeket folyamatosan szem eltt kell tartanunk. Remlem,
segtsgre lesz minden olvasnak abban, hogy hatkony honlapot alaktson ki!
Csiszr Bla
az ESET magyarorszgi kpviselett ellt
Sicontact Kft. gyvezetje

[ 10 J

Elsz

honlapok skortl nagyon sok minden trtnt a vilgban - ksz csoda, hogy a
weboldalak tervezse alapveten mgsem vltozott.

Kezdetben minden bizonytalan s illkony volt, percrl percre vltoztak az ignyek, s


ugyangy hullmzott a knlat is. Hborztak egymssal a bngszk: a Netscape minden
jonnan rkezettet lesprt a plyrl, a WC3 pedig flvente j HTML-standardokat
bocstott ki. De aztn a redmondi Wehrmacht* elre megjsolhat gyzelme lecsillaptotta
a kedlyeket. A webdizjnerek vgre felllegezhettek, nem ftt tovbb a fejk a kdok
lland vltozsa miatt - hiszen mr nem menet kzben kellett mindent kitallniuk.
Csakhogy az rm szrevtlenl rmm vltozott. A HTML rugalmatlansga, a fontok
hinya, a weboldalak llthatsga, a klnfle kpernyfelbontsok s bngszk (hiba volt
a legtbb Explorer) nehzkes egyttmkdse mind-mind bizonytalann tettk a tervezst.
A tervezk lett csak neheztette, hogy a megszort jelleg szablyozsok szma is nvekedni kezdett (pldul ami a banneres hirdetmnyeket illeti). Ez persze nem mindig baj. St
a tervezkkel ellenttben a felhasznlk nem is bnj k a szablyozst- a legtbbjknek mr
gy is ppen elg nehzsget okoz az, hogy bekapcsoljk a szmtgpet.
Mg a szablyozsok vltozhatnak, van valami, ami rk: az emberi termszet. Az internet
alapjaiban alakthatta t a trsadalmat s a gazdasgot, szrevehet mutcikat mgsem
eredmnyezett a fajok krben.
Mi, tervezk ltalban nem kerlnk szemlyes kapcsolatba a felhasznlkkal, ezrt nagyon hasznos szmunkra, ha ismerjk Steve Krugot (vagy legalbb a knyvt), mert Steve
Krug tnyleg ismeri a felhasznlkat. Tbb mint egy vtized utn mg mindig azzal a
frissessggel nz r egy weblap ra, mintha soha korbban nem ltott volna hasonlt. Knyvben egyetlen felesleges szt sem tallni: vezrelve a jzan sz s a bartsgos kritikai
szemllet - rlunk, arrl, ahogy ltunk, gondolkodunk s olvasunk.
Az elvek, amiket Steve Krug megoszt velnk, rk rvnyek, trtnjk brmi is az
internettel, a webes szoksokkal, az opercis rendszerekkel, a svszlessggel vagy a szmtgppeL Szval dljenek htra s olvassk lvezettel!
Roger Black
New York, 2005.jlius
* Utals a Microsoftra. (A Szerk.)

[ 11

Biztos, hogy fontos gyben jrsz?


- Z EM ANYAG -TA KAR KS SG RA I NT ll. VILG H BO RS PLAKT SZLOGENJE

MIKOR ELSZR MESLTEM AZ ISMERSEIMNEK ARRL,

hogy knyvet rok a munkm kulisszatitkairl, tbben megkrdeztk, nem flek-e,


hogy akkor feleslegess vlok, s elvesztem az llsomat.
Sz se rla, tnyleg remek llsom van.

> Az emberek (az "gyfelek'') elkldik az j weboldaluk tervezett arculatt vagy egy
linket a rgi honlapjukrl, amit szeretnnek talaktani.

~r.
~

;::=.*

::..::::-- '

~=-~~~

-- --..
t ~-: " ~

~:::_ ~ ~-,

:.=~ =-1....._

:;;..-

~-:..~.:::

a) j weboldaldizjn

b) j weboldaldizjn

> Ezutn tnzern a terveket vagy kiprblarn a honlapot,


hogy mennyire knny hasznlni (ez az gynevezett "professzionlis hasznlhatsgi elemzs"). Nha ms embereknek fizetek azrt, hogy szrfljenek az oldalakon, s
kzben figyeljem a honlap mkdst (ez pedig az gynevezett "hasznlhatsgi tesztels").1
> A vgn sszefoglalt rok azokrl a problmkrl, amelyek
szerintem sszezava.Ijk a felhasznlkat (ezek a "hasznlhatsgi agglyok''), s mindenfle megoldsokat javasolok. 2

1
2

..

honlap

Floa, __

Usablllty ReVIew:
"'-~t-

Hasznlhatsgi elemzs

ami szigo1an ssze nem tveszten d a kznsges kukkolssal!

A 9. fejezetben e/magyarz om, mirt tekintem mostanban felesleges szcsplsnek a javaslatok rsbafektetst.

[ 13

.._

meglev

. r:=
:::-:=

BEVEZET

> Egytt dolgozam az gyfl webes


kikszblsben.

tervezcsoportjval,

s segtek nekik a problmk

Nem rossz gondolat,


csakhogy ...

Nha telefonon dolgozunk ...

. .. nha szemlyesen.

> s a vgn pnzt kapok.


Tancsad vagyok, ezrt rengeteg rdekes projektben veszek rszt, kedves s okos emberekkel dolgozam egytt, s amikor vgznk, a honlapok mindig jobbak, mint a kezdet
kezdetn voltak. Tbbnyire otthon dolgozom, nem jrok agyzsibbaszt megbeszlsekre,
s nem vonatkoznak rm az irodai ktttsgek. Kimondhatom, amit gondolok, s az emberek mg hlsak is rte. s mg jl meg is fizetnek.
Higgyk el nekem, eszem gban sincs kockra tenni ezt az letformtP
Csakhogy olyan sok weboldalnak volna szksge segtsgre, s olyan kevesen foglalkoznak
felhasznli tesztelssel, hogy a kzeljvben aligha vlik feleslegess a munkm - hiszen
mg a doteom-lufi kidurransval sem cskkent a vilghl mindennapi felhasznli forgalma. 4

Ezenkvl rengeteget tantok, s a kwzusokon - nem gy, mint a konzultcikon - nem szort a kzeigJ
hat1id, s nincs hz i feladatom sem. H a a napnak vge, vge a munknak is.

A doteom- lzifi 2000 vgn pukkadt ki, ennek ellenre ma taln mg tbben dolgoznak a hasznlhatsg tern,
mint korbban.

[ 14 J

ELLJRBAN

Hirtelen nagyon sok nagyon csekly tapasztalattal rendelkez ember lett egyszemlyi felenagy kltsgvets, az egsz cg jvjt meghatroz projekteknek, s nagy szksgk
van arra, hogy valaki megmondja nekik, j-e az, amit csinlnak.
lse

Grafikai tervezk s fejlesztk lettek a felelsei az interfsznek, az interakcis felptsnek


(mi trtnjen akkor, ha a felhasznl kattint valahov), illetve az informcis struktrnak
(hogyan szervezdjn a weblap).
A legtbb embernek nincs pnze arra, hogy kikrje egy hasznlhatsgi tancsad
(webergonrniai szakember) vlemnyt. Azt pedig mg kevesebben engedhetik meg maguknak, hogy az egsz munkafolyamatra alkalmazzanak valakit.
Azoknak sznom ezt a knyvet, akik nem tehetik meg, hogy magamfajta tancsadt alkalmazzanak. Ugyanakkor remlem, azoknak is hasznra lesz, akik megengedhetik maguknak a szakszer segtsget.
Vgl remlem, hogy a knyv segt majd elkerlni azokat az idrabl, parttalan "hitvitkat", amelyek hatatlanul felmerlnek a webes tervezs sorn.

Ez nem agysebszet
A legfontosabb munkaeszkzm a jzan eszem. Brki, aki
tthatja az alapokat.

rdekldik

a tma irnt, elsaj-

A hasznlhatsg vgs soron nem jelent mst, mint megbizonyosodni arrl, hogy valami
megfelelen hasznlhat. Mindenkinek, aki tlagos (vagy akr tlag alatti) kpessgekkel
s tapasztalattal rendelkezik, rendeltetsszeren s a meghibbans veszlye nlkl kell tudnia hasznlni az illet dolgot, legyen az weboldal, vadszreplgp vagy forgajt.
Jzan sz ide vagy oda, azrt sokmindent csak akkor ltunk vilgosan, amikor valaki ms
mr elmagyarzta neknk. 5
Egyrtelm,

hogy akinek mdjban ll, az alkalmazzon webergonmiai szakembert. De


aki nem teheti meg, az ennek a knyvnek a segtsgvel remlhetleg egymaga is el tudja
vgezni a munka legjavt - akr a szken mrt szabadidejben is.

... ez az egyik oka annak, hogy a cgern (ami lnyegben bellem s nhny jl elhelyezett tkrbl ll) neve
Advanced Common Sense (szabad joTdtsban: ,J zan sz felsfokon'') . A trsasg mottja pedig ",t's not
Tocket surgery" (szintn szabadjoTdtsban: "Ez nem agysebszet!'').

[ 15

BEVEZET

Igen, ez egy vkony ktet


Nehz volt olyan tmren megrni ezt a knyvet, hogy egy hosszabb
vgig lehessen olvasni. Nekem kt j okom is volt r:

replt

sorn is

> Ha a knyv rvid, valsznbb, hogy hasznlni


fogjk. 6 Olyan embereknek
rok, akiknek drga az idejk:
tervezknek,

fejlesztknek,

honlapfelelsknek, projektmenedzsereknek, marketingeseknek, cgvezetknek s


egyszemlyes vllalkozsoknak. A hasznlhatsg nem
az letk kzponti krdse,
s nem is lenne idejk vgigrgni magukat egy hoszsz knyvn.

> Nem kell mindentudnak


lennnk. A hasznlhatsgra is igaz az, ami minden msra - nagyon sok
dolog van, amit meg lehetne
tudni rla. De annak, aki nem webergonmiai
tudnia. 7

szakrt,

igazn felesleges mindent

idignyes-

E z mr magban is egy hasznos hasz nlhatsgi elv: ha valami nagyon


tnik-, akkor kevesebben Jogjk hasznlni.

Mindig szereltem a kvetkez 1szletet A. Conan Doyle: A bborvrs dolgozszoba cm novelljbl,


amelyben Dr. Wtson megdbben, mert Sherlock Holm es nem tudja, hogy a Fld a Nap krl kering. Holmes
azonban felvilgostja, hogy tekintetbe vve az emberi agy korltozott kapacitst, nem engedheti meg magnak, hogy felesleges dolgokat jegyezzen meg

vagy legalbbis annak

"Mit trdm n azzal? A zt mondja n, hogy mi a Nap krlforgunk. E z rajtam s a munkmon

egy cseppet sem vltoztathat,forognnk br a Hold krl is!" (Tury Gyula fordtsa, Bp. , Sensus, 2004)

[ 16 J

ELLJRBAN

gy tapasztalom, hogy a legrtkesebb tancsaim mindig a legegyszerbb hasznlhatsgi alapelveken nyugszanak. Hasznosabb, ha megrtnk nhny alapelvet, mint
ha hossz, specifikus felsorolst ksztennk arrl, hogy mit szabad s mit nem. Megprbltam azokra a dolgokra szortkozni, amiket szerintem mindenkinek rdemes
tudnia, aki webes tervezssei foglalkozik.

Igazolt hinyzk
Hogy senki ne keressen hiba, kvetkezzk nhny dolog, amit ebben a knyvben az
Olvas nem fog megtallni:

> A "Nagybets Igazsg" a weboldalak tervezsrl. Olyan hossz ideje dolgozom


a szakmban, hogy r kellett jnnm, nincs tkletes weboldal-tervezsi eljrs.
Bonyolult folyamatrl van sz, s ha felmerl egy krds, a vlasz legtbbszr: attl
fu gg. 8 De ismtlem: meggyzdsem, hogy nhny alapelvrl nem feledkezhetnk
meg. Ezeket prbltam sszegyjteni.
> zleti modellek rtkelse. Ha van tanulsg, amit a kzelmlt esemnyeiblle
szrhetnk, az a kvetkez: az internetes zleti modellek olyanok, mint a buszok:
ha elmegy az egyik, csak vrni kell pr percet, s jn a kvetkez. Nem rtek ahhoz,
hogy mivellehet rengeteget keresni a weben, de ha tudnm is, akkor is nyilvn idejt
mln, mire a knyv eljutna az olvaskhoz.
> Jslatok az internet jvjrl. Errl a krdsrl mindenkinek megvan a maga vlemnye. Az egyetlen, ami biztos, az az, hogy: a) a legtbb jslat, amit hallok, nyilvnvalan tvesnek fog bizonyulni; s b) az igazn jelents dolgok gyis meglepetsknt
rnek majd, noha utlag mindenki szmra a napnl is vilgosabbnak tnnek.
> Pocskul megtervezett honlapok kritikja. Aki arra szmt, hogy gyenge honlapokat fogok kifigurzni, az rossz knyvet olvas. A webes tervezs, fejleszts s zemeltets nem knny. Olyan, mint a futball: tucatnyimdon lehet a labdt a hlba
rgni, de ezerflekppen lehet elhibzni a gllvst. Minden tiszteletem azok, akik
legalbb a kapuft eltalljk Csakis kivl, m aprbb hibkkal pettyegetett weboldalakat hozok fel pldnak. gy vlem, tbbet tanulhatunk a j pldkbl, mint a
rosszakbL

] ared Spool, a User Inte?face Engineering (Felhasznli interfsztervezs, www.uie.com) hasznlhatsgi


szakembm ",t depends" (,,Attlfogg!'') felirat plkat viselt.

[ 17 J

BEVEZET

> Pldk a weboldalak minden fajtjbL A knyvben felhozott legtbb plda kereskedelmi cl portlokat mutat be, de ezek az alapelvek ugyangy rvnyesek a
felesgem blogjra, a szomszd fi kedvenc rockzenekarnak honlapjra vagy akr
egy cges intranetre. Ha szlesebb krbl mertenk, a knyv hosszabb - s gy nehezebben hasznlhat - lenne.

Biztos, hogy fontos gyben jrsz?


Hajmereszt adatokat idzhetnk arrl, hogy milyen nagy kazal pnzt dobnak ki vente az
ablakon azok a trsasgok, amelyek sszertlen, rosszul felptett honlapokat ksztenek.

De mivel az Olvas pp egywebergonmiai knyvet tart a kezben, nyilvn nem kell arrl
gyzkdnm, hogy a tma milyen fontos. Felhasznlknt mindenki megtapasztalhatta,
hogy a jl megtervezett weblap nem bosszantja fel a ltogatt, s ezrt valsznbb, hogy
ksbb is visszatr oda.
Szerintem a felesgem a vilg minden statisztikjnl jobban rtapintott a lnyegre:

Ha valamit nehz
hasznlni, akkor azt
nem fogom sokat
hasznlni.

Remlem, ez a knyv segt abban, hogy jobb honlapok szlessenek, s hogy a honamennyiben rsznjk magukat, hogy sutba vgjanak nhny sszertlen
tervezsi elvet- vgre egyszer hazarjenek vacsorra.

lapksztk-

[ 18 ]

Michael, mirt van e/hzva a fggny?


-KAY CORLEONE A KERESZTAPA II- BEN

Gyakran felteszik nekem a

kvetkez krdst:

,,Mi a legfontosabb teendm, ha olyan honlapot szeretnk kszteni,


amit biztosan knnyen lehet hasznlni?"
A vlasz egyszer. Nem olyasmi, hogy: "Ami lnyeges, nem lehet tvolabb kt kattintsnl", vagy "Beszld a felhasznlk nyelvt!", s nem is az, hogy "Lgy kvetkezetes!"
Csupn ennyi:

"Ne trd a fejem!"


vek ta ismtelgetern ezt az aximt mint Krug els webergonmiai trvnyt. s minl
tbb honlapot ltok, annl biztosabb vagyok benne, hogy itt van a kutya elsva.
Ez az elv vezrel, amikor meg kell tlnem, mennyire sikeres egy-egy webes tervezsi folyamat. Ha az Olvas fejbe csak egyetlen webergonmiai szably fr bele, akkor ez legyen
az az egy szably. 9
Az elv azt jelenti, hogy amennyire az emberileg lehetsges, minden weboldalnak magtl
rtetdnek, nyilvnvalnak s egyrtelmen hasznlhatnak kell lennie.
Felhasznlknt minden klnsebb
mire j, s mi hogyan hasznlhat.

erfeszts

s fejtrs nlkl meg kell rtenem, mi

Mennyire legyen egy honlap magtl rtetd?


Mondjuk, a szomszdom, akit egyltaln nem rdekel a honlapom tmja, s webes ismeretei addig terjednek, hogy felismeri a bngsz "Vissza" gombjt, rpillant a weboldalamra. Ha az magtl rtetd, a szomszdom felkilt: "De hiszen ez egy
!"
(Kis szerencsvel azt fogja mondani: "De hiszen ez egy
! H de j!' De ez
mr egy msik krds.)

Ennek az elvnek van egy nagy vetlytrsa: "Trld ki aszvegfelt minden egyes oldalrl, aztn
t1!d ki a maradknak a felt is!" D e errl majd ksbb.

[ 21 ]

1 . FEJEZET

Gondoljuk csak vgig:


H a olyan weboldalon jrok, ami "nem tri a fej emet ", a kis gondolatfelhk a fejem felett
mind ugyangy kezddnek: "Igen, ez itt a
. E z meg a
. Ez
meg az, amit keresek. "

HA NEM KELL GONDOLKODNOM

rtem. Ez nyilvn
a termklista ...

-j
... ezek meg a
mai klnlege s
ajnlatok.

Memria,
Modemek ...
itt is van :
Monitorok.

--...

- __

u-

. ,_,_

Klikk

....

.._

--

[ 22 J

NE TRD A FEJEM!

m, ha olyan weboldalon jrok, ami feleslegesen tri a fejem, a kis gondolatfelhk a fejem
felett mind-mind krdjelekben vgzdnek:

HA GONDOLKODNOM KELL

Hmm. Elg
zsfolt. Hol
kezd jem?

Hmm. Ezt meg


mirt gy hvjk?

Erre r lehet
kattintani?

fJ
fJ
fJ

.................. _-- c
l

.,

f! "'"'
f!
f!

navigci? Vagy

az a msik?

Mioek ,;kt.lk " '


tde?

'"kt
li ok
nagyon hasonlt.
De tnyleg
megegyeznek?

Annak, aki a weboldalt kszti, az a dolga, hogy ne engedje felbukkanni ezeket a frnya
krdjeleket.

[ 23

1. FEJEZET

Dolgok, amelyek trik a fejnket


Internetes bngszseink sorn sok mindenre bukkanhatunk, ami megakaszthat s szksgtelen gondolkodsra ksztethet. Ilyen pldul a dolgok megnevezse: knnyen kizkkentenek a ggyg, okoskod, marketinges okokbl kiagyalt, cgspecifikus vagy kevss
ismert szaknyelvi kifejezsek.
Pldul tegyk fel, hogy egy bartom felhv a hrrel, hogy az XYZ trsasg j munkatrsat
keres, akinek pontosan olyan kpestse van, mint nekem. Ha megnzem a trsasg weboldalt, s keresek valamit, amire rklikkelhetek, egyltaln nem mindegy, hogyan nevezik
el az llsajnlatokat.

<EGY~RTELMO

_
Hmm.

(ezredmsodpercnyi gondolkods)
lls!

Munka.

Klikk

Klikk

GONDOLKODASTIG~NYEL>
Hmm. Taln itt vannak az llsok.
De az is lehet, hogy nem.
Rkattintsak, vagy nzeldjek
tovbb?

rdemes tudni, hogy egy szveg rtelmezhetsge mindig a "mindenki szmra vilgos"
s a "teljesen rthetetlen'' tengely mentn, kontinuumszeren helyezkedik el. A megfogalmazs pedig sokszor kls hats vagy kompromisszum eredmnye.
Pldul az "llsajnlat" sz mltatlannak tnhet az XYZ trsasg szmra, a "Hellmel!"
pedig valamely obskurus bels szoks eredmnye lehet, pldul ezt hasznljk a trsasg
hrlevelben. Mindig rdemes azonban az elnevezseket (a knyszert krlmnyek dacra is) a lehet legvilgosabb tenni.
Egy msik jellegzetes krdjel-generl problma, ha olyan linkek vagy gombok tallhatk
az oldalon, amelyekrl nem ltszik egyrtelmen, rjuk lehet-e kattintani. Felhasznlknt
erre egyetlen ezredmsodperc gondolkodst sem vesztegethetek

[24 J

NE TRD A F EJEM!

<NYILVNVALAN RKATTINTHATOK

Klikk

tJ

Hmm.
(ezredmsodpercnyi gondolkods)
Szerintem ez egy gomb.
Klikk

~
~~

GONDOLKODST IGNVEL >

Hmm.
Ez gomb?

~
~~

Felmerl a krds, hogy mirt problma ez. Nem olyan nagy dolog kitallni,
hogy r lehet-e klikkelni valamire: ha rviszern a kurzort, a nyl kinyjtott
mutatujj kzz vltozik. Akkor minek ez a felhajts?

..,. Tallatok

Tallatok

~
Tallll!_ok

Csakhogy amikor a webet hasznljuk, minden jonnan felbukkan krdjel


~
nveli az elvgzend kognitv munka mennyisgt, s ez elvonja a figyelmnket az aktulis feladatrl. A figyelemeltereldsek hossz tvon sszeaddnak, s idegestv vlnak.

ltalnos szably, hogy az emberek nem szeretik, ha nem vilgos, hogyan rhetnek el valamit. Ha egy honlap ltrehozi nem fordtottak elg figyelmet arra, hogy a dolgokat nyilvnvalv- s knnyv - tegyk, az bizalmatlansgot breszthet bennk a weboldallal s
az zemeltetvel szemben.

[ 25

1. FEJEZET

Vegynk egy jabb pldt: a legtbb on-line knyvesboltban


hogyan keressek, s csak azutn kezdhetek keresni: 10

elbb

vgig kell gondolnom,

A LEGTBB ON-LINE KNYVESBOLT

Gyonkeres6j

lkul<:ssz

Lssuk csak! .,Gyorskeress':


Gondolom, ez ugyanaz, mint a .,Keress':

:':JIIJII

Most vlasszak ki valamit ebbl a


legrdl izbl?

Csak azt tudom, hogyTom Clancy a


szerzje. Akkor most.,Ciancy" a kulcssz?
(Egyltaln mi az, hogy.,kulcssz"?)

Szerintem kiprblern ezt a legrdl


dolgot.

Klikk a nylra

Gyonkeres6

"cm':"szerz':"kulcssz"

j ..

Aha. Legyen a .,szerz".

Rklikkelek a "szerz"-re

Berom, hogy "Tom Clancy"


Rklikkelek az "OK"-ra

Termszetesen az effle agytornk tbbsge a pillanat trtrsze alatt lezajlik, de lthat,


hogy mennyire irritl a folyamat. Mg egy olyan rtatlannak tn vltoztats is jabb
krdjelet generlhat, mint a megszakott "Keress" helyettestse "Gyorskeress" -sel.

10

Ez mg 2004-ben is gy volt. Csak 2005-ben kezdett vltozni a helyzet.

[ 26

NE TRD A FEJEM!

Pozitv plda az Amazon.com, amely nem frasztja a ltogatt a szerz-cm-kulcssz


szenthromsggal. Egyszeren feldolgozza a szavakat, amiket begpelnk, s kiadja a legrtelmesebbnek tn tallatokat.

AMAZON.COM

KERESES
jknyvek

f)

IL . ___________ G

KERESES
jknyvek

EJ

~~~~-~tin.cy_____ G

f!
f!

J. Akkor keressnk knyveket


_ _ ___ sze ri nt.

Berom, hogy "Tom Clancy"


Rklikkelek az "OK"-ra

s tnyleg, mirt kellene azon tndnm, hogy hogyan akarok keresni? Vagy ami mg
rosszabb, mirt kellene azon trnm a fejem, hogy a honlap keresmotorjnak knyes
zlst is kielgt mdon fogalmazzam meg a krdst? Rendszerint elbtortalantanak
azok a weboldalak, ahol a tartalmat gy rzik, mint a kincsesbarlang bejratt a mesebeli
srkny (akit legfeljebb csak az hat meg, ha kellen udvariasan krdezzk: Szabadna ... ?).
Felsorolhatnk mg tbb tucat krdst, amelyeknek nincs helyk a ltogatk fejben:

> Hol vagyok most?


> Hol kezdjem a keresst?
> Hol van itt a
?
> Mik lehetnek a legfontosabb dolgok ezen az oldalon?
> Ezt meg mirt pont gy hvjk?
De az effle listk nem igazn hasznosak - inkbb rtsk meg magt az alapelvet: nem
engedhetjk meg, hogy krdjelek bukkanjanakfel afelhasznlkfejben . Ha ezt megjegyezzk,
bngszseink sorn magunk is felfigyelnk nhny olyan jelensgre, amely feleslegesen
tereli el a figyelmnket. Ezeket a jelensgeket gy sikerrel szmzhetjk, amikor a sajt
weboldalunkat ksztjk.

[ 27 J

l. FEJEZET

Persze nem lehet minden teljesen


magtl rtetd
A cl az, hogy olyan weblapokat ksztsnk, amelyek annyira magtl rtetdek, hogy az
tlagos felhasznl 11 is rtse, hogy mire s hogyan lehet hasznlni ket.
Nha azonban, klnsen, ha valami eredeti, jszer vagy bonyolultabb dolgot ksztnk,
a magtlrtetdsg helyett az rthetsgre trekedjnk. Ha rthet, akkor nmi fejtrsbe
kerl ugyan, mire megrtjk, mi clt szolgl - de nem tl sokba. A dolgok elrendezse, a
gondosan megvlasztott nevek, az oldal kls megjelense s a rvid, lnyegre tr szvegek egyttese szinte azonnal rthetv teszi az oldalt.
Ha teht egy oldalt nem tudunk magtl

rtetdv

tenni, tegyk legalbb

rthetv.

Mirt fontos ez annyira?


Furcsa, de nem azrt, amit annyiszor emlegetnek:

Az interneten a konkurencia
egy pr klikkelssel elrhet.
Ha felbosszantjuk az gyfeleket,
egyszeren odbbllnak.

Ez nha igaz, de sok felhasznl a legidegestbb honlapok mellett is elkpeszten hossz


ideig kitart. Sokan eleve magukat hibztatjk, ha problmval szembeslnek, nem pedig
a weboldalt.

11

A hivatalos tlagos Felhasznlt a ge1ifi M rtkegysgek Hiv atala rzi csramentes, hermetikusan lezrt
vegbura alatt.

[ 28

NE TRD A FEJEM!

Az is tny, hogy nem minden felhasznl ismer alternatvkat, s sok honlapot elsre nem
knny megtallni. A lehetsg, hogy kezdhetik ellrl a keresglst, nem igazn kecsegtet szmukra.
s itt van mg a "ha mr tz perce vrok a buszra,jobban megri, ha vrok mg egy kicsit"
jelensg. No meg ki garantlja, hogy a konkurencia honlapja kevsb lesz idegest?

Akkor ht mirt?
A magtl rtetd weboldalak olyanok, mint a tiszta s jl kivilgtott boltok: minden
rut vonzbb tesznek, s nem kell erikdnnk vagy haszontalan dolgokon trni a fejnket. De ha arra knyszerlnk, hogy rtelmetlen problmkon merengjnk, hamar elfogy
az ernk, a lelkesedsnk s az idnk.
De mint ltni fogjuk a kvetkez fejezetben (amelybl kiderl, hogy valjban hogyan
is hasznljuk a webet), a legfbb ok az, hogy az emberek ltalban sokkal kevesebb idt
tltenek el egy honlapon, mint ahogyan azt a webes tervezk kpzelik
Az igazn hatkony weboldal arrl ismerszik meg, hogy egy pillanat alatt megragadja a
hasznlja figyelmt. Ez pedig gy rhet el a leghatkonyabban, ha magtl rtetd
vagy legalbbis rthet weboldalakat ksztnk.

[ 29 ]

Mirt vannak a dolgok mindig az utols helyen, ahol keressk ket?


M ert azonnal abbahagyjuk a keresst, amint megvannak
-RGI BLCSESSG

Az

ELMLT TZ VBEN SOK IDT TLTTTEM AZZAL, HOGY

megfigyeltem embereket netezs kzben, s a legmeglepbb tapasztalatom az volt,


hogy a legtbben mennyire msknt hasznljk a weboldalakat, mint ahogyan elkpzeljk.

Abban a hiszemben ksztjk a honlapokat, hogy az emberek majd ttanulmnyoznak


minden oldalt, elolvassk a gondosan cizelllt szvegeket, tltjk a szerkezetet, majd az
sszes opci alapos mrlegelst kveten dntenek, hogy mire kattintanak
A valsg azonban az, hogy legtbbszr (s mg ehhez is kell nmi szerencse!) csak tfutjk
az jonnan ltott oldalt, s rklikkelnek az els linkre, ami rdekesnek tnik, vagy felletesen
emlkeztet arra, amit keresnek. Az oldal nagyobbik rszt ltalban figyelemre sem mltatjk.
Hiba ksztnk el egy weboldalt olyan aprlkos gondossggal, mintha regny (vagy legalbbis termkkatalgus!) volna, ha a felhasznlk tekintete eltt gy siklik el, mint egy
autplya melletti risplakt.

AMIT A TERVEZ
ELKPZEL. ..

A VALSG ...
n _,. ..-..

Elolvassk

/ Atfutjk, htha van


valami, ami

Elolvassk
a) rdekes, vagy

Elolvassk
Elolvassk

lt

lr

nagyjbl
emlkeztet arra,
amit keresnek,

. .,. ~

--s
[Gondolkodnak
egy kicsit]
Vgl klikk
a gondosan
kivlasztott
linkre

b) r lehet kattintani.

Amint akad valami


ilyesmi,
rklikkel nek.

~
-

Ha nem mkdik,
megnyomjk a
bngsz

..Vissza" gombjt, s
jra prblkoznak.

[ 31 ]

2. FEJEZET

Persze a dolog ennl valamivel bonyolultabb: attl is fgg, milyen tpus oldalon jrunk, ki
az adott felhasznl, mi a clja, mennyire siets a dolga s gy tovbb. De ez az egyszer
sma sokkal jobban modellezi a valsgot, mint ahogyan gondolnnk.
Logikus, hogy racionlisan gondolkod, figyelmes felhasznlkat kpzelnk el, amikor
weblapokat terveznk. Termszetes, hogy gy gondoljuk, mindenki, aki az internetet hasznlja, gy viselkedik, mint mi magunk. Es persze az is normlis, hogy a sajt viselkedsnket sokkal megfontoltabbnak, logikusabbnak kpzeljk, mint amilyen valjban.
Ezrt ha hatkony weboldalakat szeretnnk tervezni, akkor meg kell bartkoznunk a
szoksait jellemz hrom trvnyszersggel.

web~znlk valdi

1.TRVNYSZERSG:

Nem olvassuk vgig az oldalakat,


csak tfutjuk ket
Kzismert tny, hogy webes bngszseink sorn a legtbb oldalt, 12 nem olvassuk vgig,
csupn rjuk pillantunk vagy tfutjuk ket, htha tallunk olyan szavakat vagy kifejezseket, amelyek megragadjk a figyelmnket.
Termszetesen ms a helyzet, ha olyan oldalon jrunk, ami hreket, beszmolkat, termklersokat vagy egyb dokumentumokat tartalmaz. De mg ekkor is sokan kinyomtatjk
a nhny bekezdsnl hosszabb szvegeket, mert knnyebb s gyorsabb paprrl olvasni,
mint monitorrl.
Vajon mirt nem olvasunk alaposabban?

> Mert rendszerint sietnk. A webhasznlat f oka sokszor az, hogy idt akarunk
sprolni. A felhasznlk - kpletesen szlva - olyanok, mint a cpk: folyamatosan
haladniuk, "szniuk" kell elre, vagy elpusztulnak. Nincsen idejk arra, hogy tbbet
olvassanak a felttlenl szksgesnl.
> Tudjuk, hogy nem kell mindent elolvasnunk A legtbb honlap informcitartalmnak nagy rsze rdektelen. Csak azt keressk, ami leginkbb megfelel az rdekldsnknek, vagy kapcsoldik az aktulis problmnkhoz, a tbbi irrelevns. Az
tfuts segt megtallni a lnyeget.

12

,Jakob Nie/sen How Users Read On the Web" (Hogyan olvasnak aJelhasznlk a weben) c. rsa angol nyelven elrhet a www.useit.com oldalon.

[ 32 J

AHOGY VALJBAN HASZNLJUK A WEBET

> Gyakorlott "tfutk" vagyunk. Mindannyian hossz vek ta gy keressk a napilapok, folyiratok, knyvoldalak rdekes rszleteit, hogy tfutjuk ket. Ismerjk s
mkdkpesnek tartjuk ezt az eljrst.
A webhasznlat els trvnyszersgrl mindig eszembe jut Gary Larson egyik klasszikus karikatrja, ami azt mutatja be, mi a klnbsg akztt, amit a kutynknak mondunk,
s akztt, amit a kutya valjban hall. A kpen a kutya (Gingernek hvjk) ltszlag
figyelmesen hallgatja a gazdjt, aki lelkibeszdet tart neki arrl, hogy nem szabad a szemthen ugrlni. De a kutya tudatig ebbl alig-alig jut el valami: "bla-bla GINGER blabla-bla-bla GINGER bla-bla-bla".
A felhasznl szemlytl is fgg, persze, hogy mit lt, amikor egy weboldalon jr, de ltalban csak az oldal tartalmnak tredke jut el a tudatig.

AMIT A TERVEZ ELKPZEL...

A VALSG

r\._

Szeretnk
venni egy
jegyet.

(0----

Hol tudom
megnzni a

~~

...."__".".

; \

f'
\._

hsgkrtya

pontjaimat?

l
Ahogyan Ginger, mi is csak azokra a szavakra s kifejezsekre figyelnk fel, amelyek
a) kapcsoldnak az aktulis problmnkhoz, vagy b) megfelelnek a pillanatnyi rdekl
dsnknek s persze felfigyelnk c) azokra az ingerszavakra, amelyek mlyen bevsdtek
az elmnkbe, mint pldul "ingyenes", "akci", "szex" s a sajt nevnk.

[ 33 ]

2. FEJEZET

2.

TRVNYSZERSG:

Nem a lehet legjobb dntsre treksznk,


csak megragadjuk az els elfogadhat
lehetsget
A weblapok tervezi hajlamosak azt hinni, hogy a felhasznlk elbb ttanulmnyozzk
az oldalt, szmba vesznek minden elrhet lehetsget, s kivlasztjk a legjobbat.
Valjban legtbbszr nem a legjobb lehetsget ragadjuk meg, csak kivlasztjuk az els
olyan opcit, ami eifogadhatnak13 tnik. Amint tallunk egy linket, ami felttelezheten
a keresett tartalomhoz vezet minket, akkor nagy valsznsggel azonnal rklikkelnk
Rgen tudom, hogy ez a stratgia ltezik, de az igazi jelentsgvel nem voltam tisztban,
amg el nem olvastam Gary Klein knyvt az emberi dntshozatal mechanizmusrl. 14
Klein veken keresztl tanulmnyozta a dntsek megszletst, vagyis azt, hogy tzol
tk, piltk, sakkozk, atomerm-opertorok hogyan hoznak fontos dntseket az id
szortsban, vilgosan t nem lthat clok s krlmnyek kztt, gy, hogy a helyzet
pillanatonknt vltozik.
Klein s munkatrsai azzal az ltalnosan elfogadott elfeltevssel kezdtk a vizsglatot,
hogy az emberek racionlisan hoznak dntseket: problma esetn informcit gyjte
nek, beazonostjk a lehetsges megoldsokat, s kivlasztjk a legjobbat. Abbl az ismert
hipotzisbl indultak ki, hogy a nagy felelssg s az id extrm szortsa kvetkeztben
a tzoltparancsnokok csupn kt opcit vesznek szmba. Klein gy vlte, hogy a kett
kevs . De tvedett.
Ugyanis kiderlt, hogy a tzoltparancsnokok mg kt lehetsget sem gondolnak vgig.
Vgigprgetik a legels valamennyire elfogadhatnak ltsz tervet, s ha nem tallnak
ellenrvet, akkor belefognak a megvalstsba.

13

Satiifice. A kzgazdsz H erbert Simon alkotta meg a kifejezst - amelynek jelentse valahol a kielgt
(satiifjing) s az elegend (sufficing) kztt van - a Models of Man: Social and Rational (Az ember
modelljei: szocilis s racionlis) cm mvben (Wiley, 1957).

14

Gary Klein: Sources ofPower: How People Make Decisions (A hatalom forrsai: H ogyan hozunk dntseket?) 1he MIT Press, 1988.

[ 34 ]

AHOGY VALJBAN HASZNLJUK A WEBET

Vajon mirt nem a legjobb

lehetsgre

treksznk, amikor a weben bngsznk?

> Mert ltalban sietnk. Ahogy Klein rmutat: "Kivlasztani a legmegfelelbbet krlmnyes s idignyes. Egy kzeten j megolds kivlasztsa hatkonyabb."

> Ha rosszul dntnk, akkor sincs nagy baj. Ez nem tzolts: ha egy weboldalon nem
a legjobb opcit vlasztjuk, a megolds annyi, hogy egyszer-ktszer rklikkelnk a
"Vissza" gombra-ettllehet hatkony ez a stratgia. (A "Vissza" gomb a bngszk
leggyakrabban hasznlt eszkze.)
Mindez csak akkor igaz, ha az oldal gyorsan le tltdik, mert ha nem, jobban megfontoljuk, mire klikkelnk. (jabb ok, amirt a felhasznlk nagy rsze nem kedveli
a lassan letltd oldalakat!)

> Az eslylatolgats nem hatkonyabb. Rosszul megtervezett weboldalakon szinte


felesleges tgondolni, hogy melyik lehetsg mellett dntsnk Rendszerint jobban
jrunk, ha az els adand opcit vlasztjuk, legfeljebb majd megnyomjuk a "Vissza"
gombot, ha nem vlt be.
> Tallgatni rdekesebb. Nincs vele annyi nyg, mint a mrlegelssel, s ha jl vlasztunk, mg gyorsabb is. Radsul azzal a lehetsggel kecsegtet, hogy valami vratlan,
rdekes dologra bukkanunk.
Ez persze nem jelenti azt, hogy a felhasznlk sosem gondolkodnak, mieltt klikkelnek.
Ez fugg a tudsuktl s az elzetes tapasztalataiktl is, illetve attl, hogy mennyire sietnek,
vagy mennyire bznak meg az adott weboldalban.

[ 35

2. FEJEZET

3. TRVNYSZERSG:

Nem gondoljuk vgig, hogyan mkdik


valami, inkbb tverekedjk magunkat
a problmkon
Akr weboldalak, akr szoftverek vagy hztartsi eszkzk kezelhetsgt teszteljk, kiderl, hogy az emberek tlnyom tbbsge gy hasznl bizonyos dolgokat, hogy fogalmuk
sincs arrl, hogyan mkdnek- vagy ha van, akkor is teljesen rosszul gondoljk.
Valamely technikai problmval szembeslve nagyon kevesen sznnak idt arra, hogy vgigolvassk a hasznlati utastst. Inkbb vaktban nekiindulnak, s megprbljk tverekecini magukat a problmkon, mikzben kialakul bennk egy homlyos kp arrl, hogy
mit csinlnak, s mirt mkdik mindez.
Errl

mindig eszembe jut egy jelenet a Koldus s

kirryfibl, amiben az igazi kirlyfi felfedezi, hogy


tvolltben az lkirlyfi Anglia Nagy Pecstjt
ditrnek hasznlta. (Tulajdonkppen joggal hiszen szmra a pecst nem volt tbb, mint egy
nagy, slyos fmdarab.)
Igazbl mi is gy cseleksznk. Rengeteg embert
lttam, amint hatkonyan hasznltak szaftvereket
s weboldalakat gy, hogy az elkpzelseik kszn viszonyban sem voltak a tervezk szndkaival.

[ 36

AHOGY VALJBAN HASZNLJUK A WEBET

A jelensget remekl pldzza a kvetkez : legalbb tucatszor lttam felhasznli tesztels sorn, hogy sokan a Yahoo! keresmezjbe gpelnek be minden egyes webcmet, ha
el akarnak jutni az adott oldalra - s nemcsak legelszr, hanem mindig, nha naponta
tbbszr is. Ha megkrdezzk, mirt gy csinljk, kiderl, hogy szerintk a Yahoo! maga
az internet. Az internetet pedig gy kell hasznlni.15

-e~-e-~aor. --er-e-..'Nl'f-~

Yal1oo! Auctions

..... =

}WZ:.ebay~~-~- .

-:-~ ~y=~

tCWJ

Yaho o! Photos

upload. share, print

Seon::il l advanced search

- - - - ~ - ~ - Mw - ilml - ~ - e.wn.a - 0..... - - - !Jm

A legtbb webes tervez


megdbbenne, ha tudn, hnyan
gpelnek weboldalcmeket a Yahoo!
keresmezjbe

Mlil - ~ - Mtillnw: - ~ - ~ - lkn - ~ - ~ - n - ~ - mm.s...

Ez a fajta tverekeds nem csak a kezdkre jellemz. Nha mg a technikailag kpzett


felhasznlk ismeretei is elkpeszten hinyosak, ha megkrdezzk tlk, hogy valami
hogyan mkdik. (Nem lennk meglepve, ha maga Bill Gates is hasonlan oldana meg
bizonyos problmkat.) '

15

De tallkoztam olyan A OL-Jelhasznlkkal is, akik azt hisz ik, hogy az AOL maga az intemet - j hr a
Yahoo!-nak s azAOL- nek.

[ 37 J

2. FEJEZET

Vajon mirt van ez gy?

> Mert rdektelen. A legtbbnknek nem fontos, hogy tudjuk, miknt mkdik valami, ha anlkl is tudjuk hasznlni. Ez inkbb rdektelensgbl, mint az intelligencia
hinybl fakad: olyan nagy a vilg, hogy lehetetlen minden apr rszletre figyelni. 16
> Ha egy eljrs mkdik, kitartunk mellette. Amint bebizonyosodik, hogy valami
mkdik- s nem szm t, hogy jl vagy rosszul-, akkor ltalban nem keresnk msik, jobb mdszert. Ha vletlenl mgis belnk botlik egy, akkor hasznlni kezdjk,
de ritkn keresnk blcs beltsbl msikat.
Mulatsgos megfigyelni, hogyan reaglnak a webes tervezk s fejlesztk, amikor elszr
nzik meg valamelyik termkk hasznlhatsgi tesztjt: amikor elszr szembeslnek
azzal, hogy egy felhasznl teljesen hibs dologra kattint, megdbbennek. (Pldul, ha a
felhasznl nem vesz szre egy szp, kvr "Szoftver" felirat gombot, mikzben azt mormolja: "Szoftvert akarok venni, gyhogy az lesz a legjobb, ha az >>Olcs holmik<< kztt
keresem, mert az mindig j, ha valami olcs.") Lehet, hogy a felhasznl vgl megtallj a,
amit keres, de ettl a honlap kszti mg nem felttlenl elgedettek a munkjukkal.
Amikor msodszorra is hasonlt tapasztalnak, felkiltanak: "Klikkelj mr r a >>Szoftver<<-re!" Harmadszorra meg rendszerint azon tndnek, hogy mi rtelme van az egsszel
veszdni.

Jogos krds: ha a felhasznl elbb-utbb gy is, gy is keresztlverekszi magt az akadlyokon, akkor mirt kellene knnyteni az tjt? A vlasz egyrtelmen az, hogy azrt kell,
mert a "boztharcos" taktika olykor valban mkdik, de sokszor egyltaln nem hatkony,
s tvedsek forrsa lehet.

16

A fejlesztk nehezen rtik meg- de sokszm el sem hiszik - , hogy az embe1ek ilyenek, amikor ket olyan nagyon
rdekli, hogy a dolgok hogyan mkdnek.

[ 38 J

AHOGY VALJBAN HASZNLJUK A WEBET

Msrszt ha a felhasznl dolga

knny,

akkor:

> Sokkal knnyebben megtallja, amit szeretne, ez pedig j neki s a honlap fenntartinak is.
>

Valszn,

hogy jobban t tudja tekinteni, mit is knl a honlap - nem csak azzallesz
elfoglalva, hogy valahogy eljusson a cljhoz.

> N agyo bb esllyel jut el a honlapnak azokra a rszeire, amelyeket az zemeltetk mindenkppen szeretnnek neki bemutatni.
> Okosabbnak, gyesebbnek rzi magt, amikor a honlapot hasznlja- ezrt ksbb is
visszatr. De a nehezen kiismerhet, zavaros felpts oldalaktl minden felhasznl
elprtol, amint tall egy jobbat.

Ha citrom ot kapsz az lettl. ..


Az Olvas az eddig lefestett, korntsem rzss kp ismeretben knnyen arra juthat, hogy
a jv hnaptl inkbb a sarki bolt felvgottas pultjban vllal kiszolgli llst- ott legalbb nha rlnek a vevk, ha szp az ru.
Mit lehet itt csinlni?
H angozzk akrmilyen trivilisarr is: ha az gyfelek gy viselkednek a weboldalunk eltt,
mintha hirdettblval szemben llnnak, akkor. .. tervezznk nekik hirdettblkat!

[ 39 ]

nyilvn l

Ha nem l tudod, l ki ez a l hirdets,


kezd vezet vagy l Burma arcszesz

- BOROTVLKO Z S UTNI ARCSZESZT REKLMO Z HIRD E TTBLA - SORO Z AT, 1935 KR L

M olyan technikkat alkalmaznunk, amelyekkel a

IVELAFELHASZNLKMEGRGZTT,,TFUTK",CLSZER
lehet legtbbet tudjuk bemutatni
s megrtetni a weboldalunkbL Az t legfontosabb fogs a kvetkez:

>
>
>
>
>

Hozzunk ltre egyrtelm vizulis hierarchit minden oldalon!


Hasznljuk ki a webes konvencikat!
Osszuk az oldalt vilgosan elklnthet rszekre!
Legyen vilgos, mire lehet-kattintani!
Minimalizljuk a "zajt"!

Hozzunk ltre egyrtelm vizulis


hierarchit!
Ha honlapunkat a siets felhasznlk szmra is knnyen rthetv akarjuk tenni, az
egyik legfontosabb tervezsi elvnk az legyen, hogy az oldalon tallhat minden jelent
sebb elem mr megjelensvel is vilgosan s pontosan tkrzze azt a viszonyrendszer!, ami
a lapon tallhat dolgok kztt ll fenn: melyek az egymssal kapcsolatban ll elemek,
s mi az, ami valami msnak van alrendelve. Ms szval: minden oldal tartalmt vizulis
hierarchiba kell rendeznnk.
A vizulis hierarchiba rendezett oldal hrom

f jellemzje

> A legfontosabb dolog lthat a legjobban.


A leglnyegesebb cmeket kiemelhetjk nagyobb, kvrebb, eltr szn karakterekkel,
biztosthatunk szmukra nagyobb felletet,
helyezhetjk ket az oldal tetejhez kzelebb, s termszetesen alkalmazhatjuk e lehetsgek tetszleges kombincijt is.

kvetkez:

Nagyon fontos.
Kevsb fontos
Kzel sem olyan fontos

[ 41 ]

3. FEJEZET

> A logikailag kapcsolatban lev elemek


vizulisan is kapcsolatban llnak. Ezt a
kapcsolatot rzkeltethetjk azzal, hogy
bizonyos dolgokat kzs cmsor al helyeznk, alkalmazhatunk hasonl stlust a
megjelentsk sorn, vagy elhelyezhetjk
ket jl elhatrolt, kzs trben.

> Egyes elemek ms elemek "lelsben''


helyezkednek el, gy vilgos, mi minek a
rsze. Pldul egy fontosabb cmsz ("Szmtstechnikai knyvek") a konkrt knyv
cme fltt jelenik meg. gy az oldal teljes
tartalma, belertve magt a knyvet, a cmsz alrendeltsgbe kerL Ugyanakkor a
cm vizulisan is sszekt minden elemet,
ami a knyv lersra szolgl.

Szmtstechnikai knyvek
Egy b1zonyos szam1tastechmkal konyv

Bia Bia Bia


Bia Bia Bia
Bia Bia Bia
Bia Bia Bia
Bia Bia Bia
Bia Bia Bia 24,95 dollr
Bia Bia Bia

A vizulis hierarchia sem jdonsg. Az jsgoldalak is gy kszlnek, hogy olvass eltt elg
rpillantanunk egy oldalra, s az elrendezs, az
elemek egymsba gyazottsga s a kiemelsek
fontos informcikat adnak a tartalomrl: ez a
kp ehhez a cikkhez tartozik, mert ez a cm sszekapcsolja ket. Ez itt a vezrcikk, hiszen
ennek a cme a legszembeszkb b, ez foglalja el a legnagyobb helyet, s ez van a legfontosabb helyen.

I(Yt~ t=!:'"~..~~

BU~HfSS =:.=
SPDRIS e::-..~~"::"~
-

A hrom hasb
hosszsg cm
vilgoss teszi, hogy a
szveg ugyanannak a
cikknek a rsze

A cm mretbl
azonnal ltszik, hogy ez
a nap vezet hre

[ 42 ]

A HIRDETTBLK KISKTJA KEZDK SZMRA

Az interneten s a nyomtatott sajtban nap mint nap vizulis hierarchik sort elemezzk,
gyorsan s ntudatlanul, de ez csak akkor tudatosul bennnk, ha valamirt kudarcot vallunk, mert a vizulis fogdzk (vagy fogdzk hinya) gondolkodsra knyszertenek.
A jl megszervezett vizulis hierarchia idt sprol meg a felhasznlnak, a szervezssel s
a vizulis fontossgi sorrend kialaktsval pillanatok alatt tlthatv teszi a tartalmat.
Ha egy oldal nem rendelkezik vilgos vizulis hierarchival - pldul minden ppen
ugyanannyira fontosnak tnik-, knytelenek vagyunk a lap teljes tartalmt tfutni, hogy
megtalljuk a szmunkra rdekes szavakat vagy kifejezseket, s neknk kell eldnteni, mi
a legfontosabb, s hogyan van szervezve maga az oldal. Ez pedig munkaignyes.
Radsul, akrcsak a hagyomnyos mdik esetben, a weben is szvesen ignybe vesszk a
szerkeszt segtsgt: nyilvn tudja a legjobban, hogy a honlap mely rszei a legfontosabbak vagy legnpszerbbek - mrrt ne alakthatn ki
a hierarchit, hogy mi idt sprolhassunk meg?
Ha olyan oldalt bngsznk, aminek a vizulis hierarchijban (akr a legaprbb) hiba van - pldul
egy cmsz alatt ltszlag nem oda tartoz dolgok
_bukkannak fel-, az olyan zavar, mintha egy rosszul
megfogalmazott mondatot olvasnnk: Bill, mivel sokat vakarzott a bolhk miatt, elhatrozta, hogy samponnal is megmossa a macskjt.
Termszetesen elbb -utbb rjvnk, hogy ki vakarzik, s ki furdet, de a rossz szerkeszts miatt
nhny pillanatig sszevont szemldkkel ltnk a
mondat felett, pedig ez elkerlhet lett volna.

[ 43 ]

Ez a rosszul megszerkesztett
hasb azt sugallja, hogy az oldalon
szerepl minden kategria rsze a
"Szmtstechnikai knyvek" rovatnak

3. FEJEZET

Nincs jobb bart a megszaksn l


Gyermekkorunk, ifjsgunk valamely szakban mindannyian megtanultunk jsgot olvasni. Nem a szavak kiolvassra gondolok, hanem az jsgolvassi konvencik elsajttsra.
Megtanultuk, pldul, hogy a nagyon nagy betvel szedett mondatok rendszerint cmek,
amik sszefoglaljk az alattuk tallhat cikk tartalmt, a fot alatti kis bets szvegek
pedig vagy azt mondjk el, hogy mit brzol a kp, vagy ha nagyon pici betvel vannak
szedve, akkor a fnykpsz nevt kzlik
Megtanultuk, hogy az oldal klsejnek s szerkezetnek kialaktsa olyan konvencik
alapjn trtnik, amelyeknek segtsgvel knnyebben s gyorsabban tfuthatjuk a lapot,
hogy megtalljuk a minket rdekl cikkeket. s minl tbbfle jsgot lttunk mr, annl
ersebb lehet az a benyomsunk, hogy az apr eltrseket nem szmtva, minden jsg
ugyanazokat a smkat alkalmazza. Teht a konvencik ismerete minden jsg elolvasst
knnyebb teszi.
Minden mdium hasznl, tovbbfejleszt s nha kialakt hasonl konvencikat. 17 Az internet is alkalmaz ilyen smkat. A legtbbet napilapokbl s magazinokbl klcsnzte, de
idrl idre jabbakat is kifejleszt.
Minden konvenci brilins, jszer tletknt kezdi a plyafutst. Ha egy tlet tnyleg
j, ms weboldalak is alkalmazni kezdik, s idvel annyira elterjed, hogy magtl rtet
dv vlik. Ez a folyamat idbe kerl, de az interneten rendszerint meglehetsen gyorsan
trtnik - ahogyan minden ms is. Pldul manapsg annyi ember ismeri mr a bevsrlkosr-szimblumot a kereskedelmi cl weboldalakon, hogy nem szksges odarni:
"bevsrlkosr".

17

Gondoljunk bele, milyen ltalnoss vlt a logk megjelense a televzi kpanyjnek valamelyik sarkban
- tven vig ltezett televzi a kis emblmk nlkl, most pedig mindentt jelen v annak.

[ 44

A HIRDETTBLK KISKTJA KEZDK SZMRA

Kt fontos dolgot kell tudni a webes konvencikkal kapcsolatban:

> Rendkvl hasznosak. Vilgos,


hogy a konvencik azrt konvencik, mert jl mkdnek.
A megfelel en alkalmazott konvencik segtsgvel a felhasznl gy kalandozhat honlaprl
honlapra, hogy pillanatok alatt
tltj a, mi hogyan mkdik.
Br ktsgtelen, hogy a sok ezer
hasonlan strukturlt lap kivltotta dja vu a honlapot nem
teszi tl eredetiv, mgis kifejezetten megnyugtat rzs ltni,
h a az oldal bal svjn egy eltr
szn hasbban linkek sorakoznak.

Jfl,..,JIII

ou:.ei HM

"~"n u:

SD.J..-

~=~l:

~:J.~;:

.. ~a : H l:c..LI ... .!. II ;IOo-"~., .., ,. .",. ~ , - ,.. .., ,. .,

-.

c .... .,.,.:-o.,..,~-1<1'

ll

- ,..- u
M:=~d
-:u..-II'!IAU!"~i~';
l
!aif"U .II a
....., _ ,".,
B* IDii~

l t lflliJ *'-"-C.~ ;t
lf " ll:llJ.:1."-...i;UI:'lVt~ '

' tl ra;. ~,.-4'1

= ---

Jl; t'.ll .. aJU: ~ ~~-~ ~"4 ~ '

!.!!ll!!il

--...
- .-:~

. .IM"'iii
. w-=--

-f==

~.::

!: J: f.> III C' :.t 'l

llli!!l

C:O.II:tlflt

:l~~

::ti::tiJt:

: :~~~::t'A

~lll of~ir* .-. .


'<f t:'!l~~-- - .(':~11 -

c:nt..

1.1.'A "" .I"ili ~~ -...: . ..

r:l lf ... 'll

11!11 ..;"1 ~

:::~:t:u..a

: ~:~: .... [;Jtloo : ~i!:.tf


.. .. . ...,;ll'lll
t,l& fU!

r. .: ~

. 1! . _.

t llat;rtl

..

: ~':ci;~

JIII " <Jf .... IU Lt. - U


~ 'Jili:~ I - M : Il

.:.-__

i:= ~;;~! ~~

~-

,.. 4>JVJ C J;n.,. . ~ff;r.::t.o... . ..

ll! l'h.ln~ "!.::t ... . " " "


M:H .P.\l IL - $CC

"...,u.-.. ~ tt.S:l!l ~

~f.L...I..I::... I ~ I ~ I " '" m u

,.. to.o <t:

.ot,...:.,.,_c:n l ~.t-~

.u.. vw~=-r ,\ll k ;JM< ... ..,od

~ .,i!l"t.,.

.,

A konvencik
segtsgvel
a felhasznl
mg akkor is sok
dolgot kitalihat
egy honlaprl,
ha amgy egy
szt sem rt
belle

> A webdizjnerek viszont sokszor fjnak a konvencionlis megoldsokra. Amint


felmerl egy konvencionlis megolds lehetsge, a tervezket azonnal elfogja a ksrts, hogy felrgj k, s mst keressenek helyette. A legtbben attl flnek (s nem
telj esen alaptalanul!), hogy a megbzst j, eredeti alkots ltrehozsra kaptk, nem
utnzsra. (Arrl nem is szlva, hogy magas elismersek, dijak, rtkes llsajnlatok
ritkn hullanak az lkbe a konvencik zsenilis alkalmazsrt.)

[ 45 J

3. FEJEZET

Olykor a kerk jrafelfedezsre


tett erfesztsek brilins, sosem
ltott, praktikus grdl eszkzt
hoznak ltre. Mskor viszont csak
jra megcsinljk a kereket.

KERK

Ha nem akarjuk a jl bevlt webes


konvencikat hasznlni, meg kell
gyzdnnk arrl, hogy az, amit
hasznlunk helyette a) annyira
vilgos s magtl rtetd, hogy
nem kell megtanulni vagy megSzabadalmi bejegyzsek: Kr. e. 48 022, Kr. e. 42 639, Kr. e. 36 210,
Kr. e. 21 887, Kr. e. 30 599, Kr. c. 28 714, Kr. e. 28 001, Kr. e. 19 711,
rteni, vagyis pp olyan j, mint
Kr. e. 18 224, Kr. e. 15 690, Kr. e. 15 689, Kr. e. 15 675, Kr. e.15 674
maga a konvenci; vagy b) annyival jobb, hogy megri elsajttani.
Minden innovci esetn fel kell mrnnk, mennyire hasznos az, amit helyettestnk
- s sok tervez albecsli a konvencikban rejl rtkeket.
Javaslatom a kvetkez: jtsunk, ha biztosan tudjuk, hogy ami tletnk jobb (s ha mindenki, akinek megmutatjuk, azt kiltja: Aszta!). De ha nem ez a helyzet, akkor inkbb
maradjunk a konvenciknl.

Osszuk az oldalt vilgosan


rszekre!

elklnl

Ha a felhasznl ttekint egy jl megtervezett weboldalt, idelis esetben nhny pillanat


elteltvel olyan jl tjkozdik, mintha a szlvrosban stlna htf dlben: pontosan
tudja, melyik utcban sorakoznak a cipboltok, hol vannak a hangulatos, olcs kisvendglk, s melyik az a negyed, ahol ebdelni ugyan nem tud, viszont sok az irodahz s a
bank.
Azrt fontos, hogy az oldalt vilgosan elklnl rszekre osszuk, mert a felhasznl gy
gyorsabban eldntheti, mire koncentrljon, s mely rszeket hagyhatja nyugodtan figyelmen kvl. Szmos, az internet hskorban rott tanulmny vizsglta a weben szrfzk
szemmozgsi szoksait, s ezek azt ltszanak altmasztani, hogy a felhasznlk nagyon
gyorsan eldntik, melyek az oldal szmukra rdekesnek tn rszei. A tbbirl egyszeren
tudomst sem vesznek.

[ 46

A HIRDETTBLK KISKTJA KEZDK SZMRA

Legyen vilgos, mire lehet kattintani!


A felhasznlk a bngszssei tlttt id jelents rszt arra fordtjk, hogy keressenek valamit, amire rklikkelhetnek Fontos, hogy vilgoss tegyk szmukra, mire kattinthatnak,
s mire nem.
Orrin Hatch szentor 2000-ben sikertelen kzdelmet vvott a republiknus elnkjelltsgrt.
Nem volt vilgos, hogy a honlapjn18 mire lehet
kattintani: mindenre vagy semmire. 18 link volt
az oldalon, de csak kettn ltszott, hogy r lehet klikkelni: ezek egyike egy nagy gomb volt
"Click here to CONTRIBUTE!" ("Kattintson ide,
s legyen a tmogatnk!") felirattal, a msik pedig alhzott hivatkozs "FULL STORY" ("A teljes
cikk'') szveggel.

A tbbi hivatkozs sznes szveg formjban jelent meg. Csakhogy a honlap minden szvege
sznes volt, gy els ltsra nem lehetett benne
felismerni a linkeket.
Ez nem katasztroflis hiba. Biztos vagyok benne, hogy sok felhasznl ilyenkor egyszeren
megprbl mindenre rklikkelni. De amikor
egy honlap ksztje felesleges gondolkodsra knyszerti a felhasznlt valami olyannal
kapcsolatban, aminek teljesen automatikusnak
kellene lennie, azt kockztatja, hogy elfogy az
oldal ltogatinak igencsak vges trelme, s
megcsappan a jindulatuk is, amit ltalban az
j honlapok irnt reznek

18

J~g1c _

c.,."....(C:) _

__

""';"o"=--....

- ~....,

. .-

www.orrinhatch.com

Orrin Hatch legalbb egy lbjegyz etet meg7deme! a w ebtrtnelemben - volt az els elnkjel!t-aspirns, aki kampnykrdss tette a webes haszn/hatsgo!. A 2000-es kampny els televzis viljnak
kzvettsben a kvetkezket mondta George W Bushnak: "M eg kell mondanom, kormnyz r, hogy az n
honlapjv al szemben az enymen mindent sokkal knnyebb megtalln i. {Kacaj} A z nt alig lehet hasznlnil Egyltaln nem felhasznlbart." (s tnyleg Kpze/hetik, milyen lehetett BushlJ

[ 47

3. FEJEZET

Msik kedvenc pldm a drkoop.com, egy egszsggyi termkeket forgalmaz honlap keresmezje.
Ahnyszor csak hasznlom, elakadok egy msodpercre, mert a
keresgomb egyltaln nem gy nz ki, mint a keresgombok ltalban, hiba van rajtuk a
hasonl funkcij elemek kt tipikus ismertetjele, a "SEARCH" ("Keress") felirat 19 s egy
nyl a mez kzelben.
A hromszglet nyilacska az egyik leggyakoribb web es konvenci annak jellsre, hogy
az adott pontra klikkelni lehet. Csakhogy ezen az oldalon a nyl a szvegtl kifel mutat,
mintha valami msra vonatkozna, mg a konvenci rtelmben a nylnakaszveg irnyba
kellene llnia.
Elg lenne a nyilat a szveg bal oldalra helyezni, s mris
az a frnya krdjel.

eltnne

!.______ ________________
)l>

SEARCH drkoop.com

Tiszttsuk meg az oldalt a zavar zajoktl!


A jl tlthat weboldalak egyik legfbb ellensge a vizulis szemt, aminek kt fajtja
ismeretes:
> Tlzsfoltsg. Egyes weboldalakat bngszve olyan rzs fog el, mintha a piacon
jrnk, ahol az egymst tlkiabl ko fk mindegyike arrl akar meggyzni, hogy nla
a legfinomabb a paradicsom s a legzamatosabb a grgdinnye.

Nem szabad a honlapunk ltogatit "vizulis vltzssel" megtmadni: ha minden egyes felirat fel akarja hvni a felhasznl figyelmt arra, hogy Mennyi pomps
holmit lehet itt kapni! Ha felkiltjelek s kiemelsek miridjai tarktjk az oldalt!!!

AKKORA FELHASZNL FEJE KVLYOG NI KEZD!!!


> Httrzaj. Nmely weboldal olyan, mint egy koktlparti, ahol nmagban egyetlen hanginger sem elg ers ahhoz, hogy a figyelmnk rirnyuljon, de az alapzsivaj
mgis megterhel.

19

A msik a "Me het!'; de csak akkor, ha a "Keress" sz is cmkzi a keresmezt.

[ 48

A HIRDETTBLK KISKTJA KEZDK SZMRA

Pldul az msnbc.com hroldaln tallhat men kivl, hatkony eszkz, aminek a segtsgvel a felhasznlk pillanatok alatt megtallhatjk az ket rdekl cikkeket. Csakhogy a
cmeket elvlaszt vonalak zsibongv teszik a kpet. Ha a vonalak vilgosabbak lennnek,
az egszet knnyebb lenne ttekinteni.

"'

~\\

rHOih f'~~Pogo
L''

Clnol sex notsafe sex, sWdy c:onfnns

ADSinocodlo1930s

r-torlht
body onc1 llr'*'
_ _ ...__moyedclye...
Orugholdoy- ttv'o-

Toot_ADS
_ _ Io~
Sludy:
- ReporllllosladlolofUS. ctti"en

--toonlkl'-!oxomo
_."

'-~O!<S~~ tll'!ll!_

----

Utna

Eltte

www.msnbc.com

A klnbz felhasznlk klnbz mrtkben trik a nehzsgeket s a figyelemelterelst: egyeseknek nem okoz gondot a zsfolt oldal s a httrzaj, msoknak viszont annl
inkbb. Ha weblapokat ksztnk, akkor j kiindulsi pont lehet, ha mindent vizulis zajnak tekintnk mindaddig, amg nem bizonyosodunk meg ennek az ellenkezjrl.

[ 49

Nem szmt, hnyszor kell kattintanom, ha


egyetlen klikke/s sem ignyelfejtrst.
- KRUG MSODIK WEBERGONMIAI TRVNYE

EBDIZJNEREK S WEBERGONMIAI SZAKEMBEREK VEK

ta vitznak azon, hogy vajon hny kattintst lehet elvrni egy felhasznltl, ha
el akarjuk kerlni, hogy tlsgosan felidegestse magt. 20 Nhny honlapot eleve olyan
szablyszerint ksztettek, amely kimondja, mennyi a maximlis kattintsok szma (rendszerint 3, 4 vagy 5), amellyel az oldal brmely pontjra ellehet jutni.
Els

ltsra hasznosnak tnik a kritrium, hogy adott szm kattintssal egy honlap tetszleges pontjra eljuthassak. Azonban joggal merlhet fel az ellenvets, hogy ha valamit
keresek, a jzan sz hatrain bell nem a kattintsok szma a fontos, hanem az, hogy
egy-egy klikkels mennyire nehz - azaz mennyi gondolkodst ignyel, s mekkora annak
lehetsge, hogy rossz dntst hozok.
Szerintem kimondhatjuk: a felhasznlk nem bnjk, ha tbbszr kell kattintaniuk,
amennyiben e kattintsok kellen egyszerek, s folyamatosan azt az rzetet keltik, hogy
a felhasznl j ton jr, vagyis - Jared Spool szavaival lve - mkdik az "informciszimata". A vonatkoz szably valsznleg az, hogy hrom, gondolkodst nem ignyl
kattints felel meg egy nehz klikkelsnek. 21
A barkochbajtk tipikus kezd krdse - llny, trgy vagy fogalom?- nagyszer pldja
a gondolkods nlkli vlaszadsnak. Mivel ismerjk az alapfeltevst, hogy minden, ami
nem llny s nem is fogalom, az a "trgy" kategriba tartozik, gyakorlatilag nem ignyel
gondolkodst, hogy helyesen kategorizljuk a fogalmakat, gondoljunk br oly klnbz
dolgokra, mint egy herm, a Mount E verest vagy egy szappan.

20

Ez a problma egy komplex krds rsze, amely arra prbl vlaszt tallni, hogy a szles avagy a mly struktrj honlapok- e az elnysebbek. A szles honlapokon minden szint tbb kategrira oszlik, de kevesebb
szint van, tg-y kevesebb klikkelssel lehet a legmlyebbre jutni. A mly honlapoknak tbb szintjk van, de
kevesebb opci kziiflehet vlasztani szintenknt.

21

Termszetesen vannak kivtelek. Ha sokadjra kell elvergdnm egy honlap bizonyos rszre, vagy valamely
webes alkalmazs klnsen nagyszm kattintst ignyel, esetleg ha az oldal lassan tltdik le, akkor a
kisebb klikke/sszm rtke megnvekszik.

[ 51 ]

4. FE J EZET

Sajnos sok vlaszts nem ennyire

egyszer

a weben.

Lssunk egy pldt! Ha felkeresem a Symantec


weboldalt, hogy letltsem a frisstst a Norton
AntiVirus vrusirt programomhoz, kt dntst
is meg kell hoznom, mieltt tovbblphetnk
Az egyik vlaszts, a "Nyelv" ("Language") viszonylag fjdalommentes. Egy pillanat alatt rjvk, hogy az alaprtelmezett "English,
US" nyilvn az Amerikai Egyeslt llamokban beszlt angolt jelenti, ami szemben ll az
"English, UK"-val, a Nagy-Britanniban hasznlt nyelvvltozattal.
Ha azonban mgis rkattintok a "Nyelv" gombra, kiderl, hogy
tves konklzira jutottam, ugyanis a nagy-britanniai angol nincs
is rajta a listn.
Nyilvn megzavarna az "Espaol (English, Int'l)", azaz "Spanyol
(nemzetkzi angol)" felirat is, ha trdnk vele. Ez meg mi az rdgt jelenthet?
A msodik vlaszts, a "Termk" ("Product"), ht, az mr kemny
di.

English. US
Dan sk
Deutsch
English, International

~
"\

Espaiol ( English.lnt'l)
Fran~s

Italiana
Japanese
Nederlands
Norsk
Portugues
Russi an
Svenska

A gond az, hogy a listn az n vrusirtm "NAV for Windows


95/98" nv alatt szerepel. Noha biztos vagyok benne, hogy a Symantec minden egyes munkatrsa szmra a napnl is vilgosabb, hogy a "NAV" s a "Norton AntiVirus" egy s
ugyanaz, szmomra ez az els blikkre nem annyira nyilvnval.
Msrszt, hiba tudom biztosan, hogy Windows 98-at hasznlok, egy aprcska krds
biztosan felbukkan az agyarn egy hts zugban: az n Windows 98-am ugyanaz, mint a
"Windows 95/98"? Vagy ez az utbbi taln valami ms, csak n nem tudok rla?

[ 52

LLNY, TRGY VAGY FOGALOM?

Ms plda: amikor az otthoni irodm szmra vsrolok valamit, s ignybe veszek egy
szolgltatst, gyakran tallkozom a kvetkez vlasztsi knyszerrel:

Otthon
Iroda

Most akkor melyik vonatkozik rm? Ez a helyzet hasonl ahhoz, mint amikor elmegyek
a postra, hogy feladjak egy DVD-t a bartom szmra- az egyes ablakon "levlfelads"
virt, a kettesen "csomagfelads". De vajon a DVD levlnek vagy csomagnak szmt? s
mi trtnik, ha rossz sorba llok?
sszefoglalva: amikor az internetet hasznljuk, egyfolytban dntseket kell hoznunk.
Minl kevesebb gondolkodst ignyel egy-egy dnts, annl knnyebb az adott honlapot
hasznlni.

[ 53

Trld ki a szvegfelt minden egyes oldalrl,


aztn trld ki a maradknak a felt is!
- KRUG H ARMADIK WEBERGONMIAI TRVNYE

K RLBELL T-HAT DOLOGRA EMLKSZEM, AMIT A KZP-

iskolban tanultam. Ezekkzla leglnkebben E. B. White 17. stlustani szablya l


bennem - a leghasznosabb mindjk kztt:

17. Hagyd el a flsleges szveget!


A jl megrt szveg tmr. A mondat ne tartalmazzon flsleges szavakat,
a bekezds ne tartalmazzon flsleges mondatokat, ahogyan egy rajzban
sincs a kelletnl tbb vonal, s a gpnek sincs szksgtelen alkatrsze. 22
jra meg jra megdbbent, hogy a legtbb weboldalon a szavak nagy rsze csak a helyet
foglalja, hiszen soha senki nem fogja ket elolvasni. Viszont attl, hogy egyltaln ott
vannak, a ltogatnak az a benyomsa tmad, hogy ha nem tanulmnyozza ket kell alapossggal, lemarad valami fontosrL Ettl sok weboldal ijesztbbnek tnik, mint amilyen
valjban.
Harmadik webergonmiai trvnyem tlznak tnhet, de szndkosan az. A szavak felnek trlse relis cl; nem okozna klnsebb informcivesztesget, ha a legtbb weboldal szvegt egyszeren megfeleznnk Azrt teszem hozz, hogy a maradkot is meg kell
felezni, mert az embereket nehz rvenni arra, hogy knyrtelenl elbnjanak a felesleges
szavakkal.
Szmos jtkony hatsa van annak, ha kihzzuk azokat a mondatokat, amiket soha senki
nem fog elolvasni:

> Cskken az oldalon tallhat zaj mennyisge.


> Jobban kiemelkedik a hasznos tartalom.
> Rvidebb vlik az oldal, gy a felhasznl tbbet tekinthet t anlkl, hogy grgetnie kellene.
Persze nem muszj mindig s mindenhol trlni. Nem azt mondom, hogy egy vasti
menetrendeket tartalmaz oldalon is meg kell feleznnk a szavak szmt. Valjban kt
f ellensgnk van: a ltagatt dvzl, ndicsr, "jpofizsnak'' nevezett fecsegs, s a
hasznlati utasts.

22

William Strunk, ]1: - E. B. White: The Elements of Style (Stlustan), A/lyn and Bacon, 1979.

[ 55 J

5. FEJEZET

Le a jpofizssal!
A jpofizst mindenki felismeri. Jpofizs fogad minket a legtbb kezdlapon, mleng
kifejezsekkel dvzli a ltogatt, s nem tud betelni sajt nagyszersgnek dicsretvel.
Jpofizs vr a honlapok egyes szekciinak kezdlapjain is.
Hogy hogyan rjk tetten a jpofizst? Olvassuk vgig a szveget, s ersen figyeljnk,
nem hallunk-e kzben valahol htul a fejnkben egy vkonyka hangot, ami azt mondja:
blabla blablabla.
A jpofizs nem rulja el, mirt j valami, csak arra koncentrl, hogy az agyunkba vsse,
mennyi1e hihetetlenl j. A jpofizs gyakran ugyanolyan n tmjnezs, mint amit a roszszul megrt reklmszvegekben tallunk - egy szemernyi informcit sem tartalmaznak.
Br emltettk, hogy a jpofizs a honlapok kezdlapjn is megtallhat (ez az a szakasz,
ami gy kezddik, hogy "dvzljk... "), legnpszerbb lskdsi helye mgis a honlapok egyes szekciinak bevezetje. Mivel ezek az oldalak sokszor csak tartalomjegyzkek,
nagy a ksrts, hogy jpofizssal tltsk meg ket. De kpzeljk csak el, milyen lenne, ha
egy knyv szerkesztje a kvetkez szveggel kedveskedne az olvasknak a tartalomjegys a _ _ __ _ _
zkben: "Ez a knyv szm os rdekes fejezettel szolgl a
trgykrben. Remljk, lvezni fogjk ket!"
A jpofizs olyan, mint a hogyvagykzs- tulajdonkppeni tartalma nincs, csak arra szolgl, hogy megfeleljnk az alapvet trsadalmi normknak De a webhasznlat sorn msok
az elvrsaink: szeretnnk rgtn a lnyegre trni. gy ht hasznos, ha a jpofizs lehet
legnagyobb rszt szmzzk.

[ 56 J

HAGYD EL A

F~ES

SZVEGET!

Le a hasznlati utastssal!
A tlburjnz szavak msik tptalaja a h asznlati utasts. A h asznlati utastsok legfontosabb tulajdonsga az, hogy soha senki nem olvassa el ket - legalbbis addig nem, amg
az egyb megoldsok, pldul az "tverekedses" taktika sokadszorra csdt nem mondott.
D e ha a h asznlati utasts tl hossz, a felhasznlk j esllyel mg gy sem fogjk megtallni azt, amit keresnek.
A cl az, h ogy honlapunkon minden annyira magtl rtetd, de legalbbis rthet legyen, hogy a h asznlati utastsok telj esen feleslegesek legyenek. H a mindenkppen muszj instrukcikat adnunk, azok legyenek rvidek, vel sek
Vegyk pldul a verizon.com
az egsz kpernyt betlti.

" Krdv"

(Site Survey) oldalt: a h asznlati utasts szinte

~~L

~- ~

Verizon

- Fo"'r_,..Y6~r.tioffi.

Site Survey
The follawing questionnaire is designed to provide us with
forrnation that will help us improve the site and make it more
relevant to your needs. Please select your answers from the
drop-down menus and radio buttons below. The questionnaire
should only take you 2-3 minutes to complete.
At the bottom of this form you can choose to leave your name,
address, and telephone number. If you leave your name and
number, you may be contacted in the future to participate in a
survey to help us improve this site.
If you havecommentsor concerns that require a response
please contact Customer Service.
l. How many times have you visited this site?

!This is my first vis it

lEJ

www.verizon .co m

[ 57 J

5 . FEJEZET

N h ny radiklis rvidts aszveget knnyebben h asznlhatv tenn:

ELTTE:SZSZTYR
l

A kvetk~z krdv arra szolgl,


hogy az On segtsgvel olyan informcikhoz jussunk, amelyek lehetv teszik, hogy honlapunkat
ignyeinek megfelelerr folyamatosan fejlesszk.

Az els mondat nem ms, mint a bev~:zet jpofizs. Mindenki tudja, mire j egy krdv; az "On segtsgve!" csak
arra szolgl, hogy lssam, k is tisztban vannak vele, hogy
n teszek szvessget nekik.

Krjk, vlassza ki a kvnt vlaszt


az albbi legrdl men s rdigomb segtsgve!!

A legtbb felhasznlnak nem kell elmagyarzni, hogyan


kell kitlteni egy webes adatlapot; akik meg mgsem tudjk, azokat a "legrdl men" s a "rdigomb" kifejezsek
hasznlata sem viszi kzelebb a megoldshoz.

A krdv kitltse csupn 2-3 percet vesz ignybe.

Lehet, hogy ezen a ponton mgsem piszkldom. J tudni,


hogy a krdv kitltse kevs idt vesz ignybe.

Nagyra rtkelnnk, ha a lap aljn


megadn nevt, cmt s telefonszmt, hogy a jvben is kapcsolatba
lphessnk Onnel, amennyiben
honlapunk fejlesztsnek ignye tovbbi krdvekben val kzrem
kdst tenn szksgess.

Ez az informci itt haszontalan, a krdv vgn lenne a


helye, amikor a szban forg adatokat meg lehet adni. Egyelre csak ijesztbb teszi az egszet.

Ha krdse vagy krse van, gyflszolglatunk kszsggel ll rendelkezsre.

Fontos tudni, hogy amennyiben az oldallal kapcsolatos krdsem van, itt nem kaphatok vlaszt. Nagy kr, hogy azt
nem ruljk el, hogyan lphetek kapcsolatba az gyflszolglattal.Jobb lenne, ha ugyanitt tallnk egy kzvetlen linket, hogy azonnal hasznlhassam, ha akarom.

UTNA: VELS
Krjk, segtse honlapunk fejlesztst azzal, hogy megvlaszolja az albbi krdseket. Ehhez mindssze 2-3 percig vesszk ignybe trelmt.
Amennyiben vlaszt szeretne kapn~ . valamely konkrt krdsre vagy panaszra, krjk, a krdv
kitltse helyett lpjen kapcsolatba Ugyflszolglatunkkal!

[ 58 ]

HAGYD EL A

F~ES

SZVEGET!

s most valami egszen ms


Az eddigi fejezetekben megksreltem sszegyjteni nhny alapelvet, amelyek vlemnyem szerint hasznosak lehetnek azoknak, akik weboldalakat ksztenek.
A most kvetkez kt fejezetben azt vizsgljuk meg, hogyan alkalmazhatk ezek az alapelvek a webes tervezs kt kulcskrdsben: a navigciban s a kezdlapon.
Hossz fejezetek kvetkeznek, csomagoljanak elemzsit!

[ 59 J

And you may.find yourself, in a beautifui house, with a beautifui wife


And you may ask yourself, Wel!. .. How did I get here?
- TALKI NG HEADS: ONCE IN A LIFETIME 23

gval:
Az emberek nem hasznlnak olyan honlapot, ahol nem ismerik ki magukat.

Ezt sajt tapasztalatainkbl is tudjuk. Ha nem rthet egy honlap felptse, vagy nem
talljuk, amit keresnk, akkor nem maradunk sokig, s ksbb sem trnk vissza. Csak az
a honlap marasztalja a felhasznlt, amelyik rendelkezik a j navigci hrom alapfelttelvel: vilgos, egyszeni s kvetkezetes. De hogyan rhetjk ezt el?

Bolti szn
Kpzeljk el: szombat dlutn van, s felkerekednk a barkcsruhzba, hogy vegynk egy
lndurszt.
Amint belpnk- mondjuk- a Praktikerbe, az els gondolatunk a kvetkez: "Hm. Vajon
hollehetnek itt a lncfrszek?" Elkezdjk nzegetni az egyes rszlegek neveit, amik a polcsorok felett fggnek, s elg feltnek ahhoz, hogy szinte brhonnan el tudjuk ket olvasni.

~ ~

SZERSZAMOK

HZTARTSIESZKZK

KERTI SZERSZMOK

"Ajjaj - gondoljuk. - A lncfrsz kerti szerszm vagy egyszeren szerszm?" Tekintve,


hogy a lncfrsz nem csak kertben hasznlhat, gy dn tnk, elszr a szerszmok kztt
prblkozunk.
A szerszmrszlegen elkezdjk a polcsorok vgn kihelyezett feliratokat tanulmnyozni.

~
~J

23

CSISZOL ~S
POLIROZG~PEK

ELEKTROMOS

BERENDEZ~SEK

KZI SZERSZAMOK

"Egysze1 csak arra bredsz, hogy egy szp hzban lsz a szp felesgeddel l s lehet, hogy felteszed magadnak
a k1dst: Hogy az rdgbe kerltem n ide?" (Ta/king Heads: Once in a LifetimeJ

[ 61 J

6 . FEJEZET

Ha gy vljk, hogy a megfelel sorban


jrunk, elkezdjk a polcok tartalmt is
nzegetni.
Ha netn kiderl, hogy mgiscsak hibztunk, msik sorban folytatjuk a nzeldst, vagy
ttrnk a kerti szerszmokra. A folyamat sszessgben a kvetkezkppen fest:
Kt tnyez segtett: a} a bolt navigcis rendszere (azaz a jelzsek
s a jelzsek segtsgvel felpl szervezsi hierarchia) s b} sajt
"polcnzeget" kpessgnk. Ezek
egyttesen tettek kpess arra, hogy
megtalljuk, amire szksgnk volt.
IGEN

Termszetesen a folyamat ennl


azrt bonyolultabb. Pldul amint
belpnk az zletbe, vgiggondolhatjuk, hogy rdemes-e egyedl a
lncfrsz utn nznnk, vagy jobb,
ha megkrdezzk az eladt.

NEM

Mg mindig gy
tnik, hogy j
helyen jrunk?

A dnts tbb tnyeztl fgg: attl, hogy mennyire vagyunk ismersek az zletben, mennyire bzunk
abban, hogy az rucikkeket logikusan helyeztk el, mennyire sietnk,
s mennyire dzkodunk attl, hogy
az eladval trsalogjunk

MG NEM

AZ AGYVIZNK?
IGEN

a kijratot!

[ 62 ]

UTCATBLK S WEBMORZSK

Ha ezeket a krlmnyeket is brzoljuk a smn, az a kvetkezkpp nz ki:

NZELDS

KRDEZS

IGEN

NEM

Mg mindig gy
tnik, hogy j
helyen jrunk?

IGEN

MGNEM
MG NEM

J>)VVv~
\\\ 1111,-::...

;J
~

d,

~;;_,,_:;y

TORKIG
VAGYUNK?

IGEN

IGEN

rdemes megfigyelni, hogy ksbb akkor is j esllyel fordulunk az eladhoz, ha elszr


egyedl ksreltk meg fellelni az rut.

[ 63 ]

l
6 . FEJEZET

A webes tjkozds alapvet jellemz i


Sok szempontbl hasonlan zajlik a folyamat az interneten is.

> ltalban valami konkrt dolgot keresnk. A val vilgban ez lehet a gyermekorvosi rendel vagy egy zacsk szraztszta, a virtulis vilgban kedvez r CiF
felbonts, CMOS rzkels USB webkamera, vagy annak a sznsznek a neve, aki a
Casablancban Rick brjnak fpincrjt alaktotta.24
> Eldntjk, hogy segtsget krnk-e, vagy elbb nzeldnk A klnbsg az,
hogy egy weboldalon senki nem ll ugrsra kszen, hogy megmondja, merre van egy
bizonyos termk. A krdezs webes megfelelje a keress: berjuk a keresmezbe az
elnevezst vagy a keresett dolog bizonyos jellemz it, s kapunk egy listt a helyekrl,
ahol az elfordulhat.

Keress

E~cf~rsz__ : ~

Your search result:s for: Vrdr.l


Shears Sandylk ProfessJonai l jght W.jgh1lopnirul

1100%)

1s length, 1.8 lbs.


$72.95..., sgisu milibk
Sbears. Sanctyfk profusion al Extra Ppwgr l opp!ng

{100'11o)
$14.4.95
Shears Byrgon & Ball Sheep S 5 Inch (100%)

$4.4.95
fruojog Sb!I[J Pio (100%)
slver

$12.00 .,.mitumiWrk

Vannak felhasznlk (Jakob Nielsen terminolgij ban k a "keressorientlt" ltogatk25), akik egy honlapon azonnal a keresmezutn nznek. k alighanem ugyanazok,
akik a boltban rgtn az elad utn szaladnak.

24

egybknt S. Z. Sakall, a "Szke Szakll" becenev sznsz, aki Ga Jen nven szletett Budapesten,
1884-ben. A sors irnija, hogy a Casablanca szmos sznsze a valsgban is a ncik ell elmeneklt hres
eurpai sznpadi vagy jilmsznsz volt.

25

Angolul: "search-dominant users". Bvebben l. Nie/sen archvumban, az ,,Alertbox columns"-ban: "Search


andYou May Find It" (Keress, htha megtallod!), www.useit.com.

[ 64 ]

UTCATBLK S WEBMORZSK

Msok (Nielsen elnevezseszerint a "linkorientlt" felhasznlk26 ) jobban kedvelik a bngszst, s csak akkor fordulnak a keresshez, ha mr minden ms lehetsget kimertettek, vagy felbosszantotta ket a sikertelensg.
A fenti kategrikba be nem sorolhat felhasznlk aszerint dntenek, hogy milyen ismereteik s tapasztalataik vannak, mennyire sietnek, vagy mennyire tartjk megbzhatnak a
weboldal navigcis eszkzeit.
> Ha a nzelds (bngszs) mellett dntnk,jelzsek segtsgvel tjkozdunk
a hierarchiban. Rendszerint tfutjuk a kezdlapo t, hogy megtalljuk a honlap fbb
menpontjait (az ruhzban gy keressk meg a klnbz osztlyokat), s arra kattintunk, ami a legmegfelelbbnek tnik.
Hztartsi eszkzk

Szerszmok

Kert s udvar

;lil

Azutn megnzzk az almenk listjt.


Hztartsi eszkozok

Szarszmok

KZI szerszrnok

Kert s udvar
Csiszot6klpoltroz6k

Kis szerencsvel egy vagy kt tovbbi kattints utn hozzjutunk egy listhoz, ami olyan
termkeket tartalmaz, amilyeneket keresnk:
G de elektromos lncfrsz
Makitauc 3020 elektromos lncfrsz
Al- ko ke 1800/40s elektromos lncfrsz
Al-ko bks 38/ 40 robbanmotoros lncfrsz
Einheil pks 1840/ 1 elektromos lncfrsz
Al-ko bks 35/ 35 robbanmotoros lncfrsz
Al-ko ke 1800/ 35 elektromos lncfrsz

Ezt kveten ugyangy tanulmnyozzuk az egyes termkeket, ahogyan azt az ruhzban


tennnk, csak itt nem dobozokat s cmkket olvasunk, hanem hivatkozsokra kattintunk.
> Ha vgl nem talljuk meg, amire szksgnk van, odbbllunk A Praktikerbl
is, s az internetes honlaprl is tvozunk, ha gy vljk, nem kaphat a termk, vagy
ha mr tlsgosan idegest a keresgls.

26

Angolul: "fink-dominant usen''.

[ 65 ]

6 . FEJEZET

me a folyamat:

NEM
IGEN

MG NEM

L...__ _

MG NEM

1~\:/

~~

FORR
AZ AGYVIZNK?

o @~
TORKIG IGEN
VAGYUNK?

BOLDOGAN
TAVOZUNK
IGEN

[ 66

SZOMORAN
TVOZUNK

UTCATBLK S WEBMORZSK

A bngszs elviselhetetlen

knnysge

A webes s a "valdi" nzelds kztt sok a hasonlsg. Amikor weblapokat bngsznk,


bizonyos rtelemben gy rezzk, mintha materilis trben mozognnk: sok internetes
kifejezst ezrt a "val vilgbl" klcsnztnk: a honlapra belpnk, a neten szrfoznk,
a linkek elvisznek vagy elvezetnek valahov. Sokkal ritkbban mondjuk, hogy egy oldalt
betltnk vagy megjelentnk.
Csakhogy a webes bngszs knyszeren nlklzi az igazi trbeli tjkozds nhny
kulcsfontossg jellemzjt, amihez letnk sorn hozzszoktunk. Gondoljuk vgig a
kvetkezket:

> A weben nem rezzk a mreteket s tvolsgokat. Mg ha rgta hasznlunk is


egy weboldalt, fogalmunk sincs a valdi mretrl, amennyiben nem egszen kis kiterjeds honlaprl van sz. (Hny oldalas? tven? Ezer? Tizenhtezer?). 27 Csak
gyantjuk, hogy egszen mly bugyrai is lehetnek, ahol mg sosem jrtunk. Egy raktr, mzeum vagy ruhz esetben legalbb nmi fogalmunk lehet arrl, mekkora
teret ismernk s mekkort nem.
Ez a gyakorlatban azt jelenti, hogy nem tudjuk, minden figyelemre mltt lttunk-e
mr egy honlapon, s azt sem rezzk, mikor rdemes abbahagyni a bngszst. 28
> Nincs irnyrzetnk Az interneten nincs balra s jobbra, nincs fent s lent. Hasznlunk ugyan olyan kifejezseket, mint fel s le, de ezt a honlap hierarchijra, az
ltalnos s specifikus szintek viszonyra rtjk.
> Nincs trrzetnk A materilis trben mozogva ismeretet gyjtnk magrl a trrl. Megjegyezzk, hol vannak az egyes dolgok, s hogy hogyan tallhatjuk meg ket
a legknnyebben.

27

28

Sokszor azok sem ismerik a honlapok valdi mrett, akikfenntmtjk

ket.

Ezrt hasznos, hogy azok a linkek, amikre kmbban rkattintottunk, ms sznneljelennek meg. Ez legalbb
nmi fogalmat nyjt an-l, mekkora terleten jrtunk mr.

[ 67 ]

6. FEJEZET

Az els alkalommal valsznleg a jelzseket kvetve keressk meg a


sodjra nyilvn esznkbe jut egy jobb tlet:
"Lncfrsz?

Emlkszem, hol van, a jobb hts sarokban, a

lncfrszt,

de m-

htknl".

s azzal nekiindulunk

ELSZR

"----- ---

MSODSZOR

---------- -11

--.'

r---------~

Az interneten azonban hivatkozsok segtsgvel utazunk, a talpunk nem rint semmifle talajt. Rklikkelnk az "Elektromos berendezsek'' linkre, s egy varzsplca mris az
elektromos berendezsek kz teleportlt; nem kellett tszelnnk a teret, s nem nzeld
hettnk tkzben.
Ha a weben akarunk visszatrni egy korbban ltott dologhoz,jizikai rtelemben nem tmaszkodhatunk semmifle informcira arrl, hogy hol van. Csak gy kereshetjk meg, ha
visszaemlksznk, hogy a konceptulis hierarchia mely pontjn tallhat.
Ezrt fontosak a knyvjelzk (a szemlyes trolt hivatkozsok) s a "Vissza" gomb, amelynek a hasznlata az sszes webes kattints mintegy 30-40%-t teszi ki. 29
Mindez azt is megmagyarzza, mirt fontos a j kezdlap. A kezdlap tiszts az internet
dzsungelben, viszonytsi pont, mint rgi utazkszmra az Esthajnalcsillag. Ha egyszeren visszatallunk az "des otthonhoz", akkor jult ervel kezdhetjk ellrl a bngszst.

29

L. Gatledge-J Pitkow: "Characterising Browsing Strategies in the World-Wide l#b" (l#bes keressi stratgik osztlyozsa}. In: Proceedings of the Third International World l#b Conference, Darmstadt, Germany,
1995.

[ 68 ]

UTCATBLK S WEBMORZSK

A materilis tr hinya egyarnt j s rossz. J, me rt a lgiessg, a knnyedsg mmoros rzs, s ez rszben megmagyarzza, mirt olyan knny elveszteni idrzknket a weben
-hasonl ahhoz, amikor belefeledkeznk egy j knyvbe.3
Ugyanakkor gondot is okoz: nehezebb teszi a tjkozdst. Vajon mirt hasznljuk a "webes navigci" kifejezst, mikzben sohasem mondunk olyasmit, mint "ruhzi navigci"
vagy "knyvtri navigci"? Ez a tengerszeti nyelvezetbl szrmaz sz angol kzvettssel kerlt az internetes nyelvezetbe, s eredeti jelentse ketts: a) eljutni egyik pontrl
a msikra; s b) kitallni, hogy hol vagyunk.
A webes navigcinak mintha tbb kze lenne ez utbbihoz; az interneten nehezebb megllaptani, hol vagyunk, mint a val vilgban, hiszen a weben bolyongva hatatlanul eltvednk, de nem tudunk krlnzni. A webes navigciban az ott fogalma csak a honlap
hierarchijban rtelmezhet.
A navigci nem egyszeren a weboldal egy jellemzje, hanem maga a weboldal. Ugyangy, ahogy az plet, a polcok s a pnztrak egyttese a Praktiker. Navigci nlkl nem
lenne ott az ott.
s a tanulsg? A webes navigci annl jobb, minl jobb!

Amit hajlamosak vagyunk elfelejteni


a webes navigcirl
Lttuk, hogy a navigci kt szerepe tulajdonkppen evidens: fel kell trnia azt, amit keresnk, s informlnia kell arrl, hogy hol jrunk.
Az imnt emltettnk egy harmadik funkcit is.

> A navigci "fny az jszakban''. Eltvecini senki sem szeret. Stt erdben bolyongani rossz, napsttte rten kirndulni j. Ha a honlap navigcija jl mkdik,
szilrdabb virtulis talajt rznk a talpunk alatt, fogdzt kapunk a keznkbe. Egy
sz mint szz: magabiztoss tesz.
De ne feledkezznk meg a navigci tovbbi, nem kevsb fontos funkciirl sem:

> Megmutatja, hogy mi hol van. Ha a hierarchit lthatv tesszk, a navigci megmondja, mi tallhat a honlapon. Felfedi a tartalmat, s ez mg annl is fontosabb
lehet, mint eljutni valahov vagy pontosan megtudni, hol vagyunk.
30

Ezrt is tartjuk idegestnek a lassanietltd honlapokat: mindenki szeretn, ha szrnyai lennnek, s 1eplni tudna. D e ki szeretn, ha rnknt csak 5 km-es sebessggel replhetne?

[ 69

6. FEJEZET

> rzkelteti, hogyan kell a honlapot hasznlni. A jl mkd navigci implicite


megmondja, hol rdemes kezdeni a keresst, milyen lehetsgek llnak a rendelkezsnkre. A j navigci szksgtelenn teszi a hasznlati utastst. (Ez megint csak j,
mert a legtbb felhasznl gysem olvassa el a hasznlati utastst.)

> Bizalmat breszt a honlap fenntartja irnt. A felhasznlk minden pillanatban


mrlegelik, hogy megbzhatnak-e a honlap mgtt ll szervezetben. Ez azrt fontos, mert ezen mlik, hogy maradnak-e, s visszatrnek-e ksbb. A vilgos, -jl kigondolt navigci az egyik legjobb mdja annak, hogy a honlapunk irnt bizalmat
bressznk

A webes navigci konvencii


A materilis tereknek (mint a vrosoknak s knyvesboltoknak), st az informcis tereknek (mint a knyveknek s folyiratoknak) is megvan a maguk navigcis rendszere. Ez
hossz id sorn alakult ki, s olyan elemekbl ll, mint az utcatblk, az oldalszmok s
a fejezetcmek A navigcis elemek jellemz klalakjt s elhelyezkedst hagyomnyok,
konvencik hatrozzk meg. Ezrt tudjuk, mit s hol keressnk, ha tjkozdnunk kell.
A navigcis elemeket knnyedn s erfeszts nlkl megtalljuk megszakott helykn.
Ha a klalakjuk is tipikus, akkor ms elemektl val megklnbztetsk is egyszer.
Pldul az utcatblk a legtbb amerikai nagyvrosban az utca sarkn, oszlopra szerelve
llnak. Az amerikaiak ezrt felfel nznek, ha az utca nevt keresik (nem lefel), s vzszintes utcatblt vrnak (nem pedig fugglegeset).

Az pletek nevt a bejrat fltt vagy mellett keressk! Ha nem tudjuk, a szupermarketben hol a liszt, a polcsarok fltt vrjuk a kirst. Ha kinyitunk egy folyiratot, tudjuk,
hogy a tartalomjegyzk az els oldalak valamelyikn van, a lapszmok pedig az oldalak
szln. Azt is tudjuk, hogy kell a tartalomjegyzknek vagy az oldalszmnak kinznie.

[ 70 ]

UTCATBLK S WEBMORZSK

Gondoljunk bele, milyen zavar, amikor a vrakozsunk valamirt nem teljesl - pldul
ha egy magazin nem lapszmazza a reklmoldalakat!
A webes navigci alapvet tulajdonsgai rvid id alatt s tlnyomrszt a nyomtatott
sajtban mr ltez konvencik mentn alakultak ki. Noha a navigci folyamatosan vltozik, legjellemzbb elemeinek ma a kvetkezket tekinthetjk:
Menpontok

Segdeszkzk

SHOPPING BAG
ShirtslPOlct$

Lii!ath:rl0 uterw 'l!ar

T's

f.r;tiv-.'! wo:ar/Logo

Swe:at.-:rs

AcC>!$$Ofi-? S

Almenpontok

"n itt ll"-jell


You are not signed ln.

ll

. ~;

:t~:';;~:

r~~"5~-~ l :

RtotltWr ~qt ln

r:m!!l&Eil

. ..

~ CilllilDt:llm

i::l:ff'~

;;:,::~~~~;';w

s.-.u ! ~s

~: t.:; c>t;

~-~~!~:.:;,};:;;;=.~

$100

getsy~~ ;:o~,

Oldal neve-l

JEANS

More siz.es .
More fits.
More options.

f - - - - - - - -'3>1 JEANS
vNw.uinlag.t $

jeans
~n.w

jeans

worker jeansb.ivi ll new


sl im fit jeans
orig in al tit zip fly jeans
originalfit jeans
easv fit jeans
bo ot fit ieans
dark uvash bo ot fit ieans
bo ot fit eo rds
l eather bo ot fit jeans
loose fit jeans:
vin tag e cut jea ns
re l ax ed 1it jeans
bJggy fit jeans
wide leg j eans

Helyi
navigci
(minden, ami
az aktulis
szinten
tallhat)

f--- - - -"':>7>1~rj!,!"f
~
~
4d:,.mhbon t!1i !un s:

~
l u !h,r b<Hll !i tj une

~
~

W:l.t....f!1..i
~
~
~

~
u rp, pt r(<:; f !j 1h 9!if A

junja ckel'l
~
tu il'l r lu" li !hcl

H..t ..fturtlo.lms: rttum lt to any ~ or J!..t...J.!!..C.


Quostlon(? Foodbo16C? fmJ.!! us or o.t111-8CJO.GAPS TYlE .1nyti mo.

wo rio:e r jeans

.nu:

carpentE:r jeans::

l !l~~ l ut!!!U I UW.U J

:1'..-vicu : [ !l..s..!.i. I ~ I ~ I ~ I ~ J

easv fit ie an shorts


ca rpenter jean shorts sal e

www.gap.com

jean jacke1s
jean ja cke t
jean jad<el

l~alher

Szveges
me n

-[

s ites : [ full!.

l gapkids l babvgap J

servi ces : [ !!.iLe l store lo cator l site directonr l companv

[ 71

1gitt services ]

6. FEJEZET

Ne fordulj htra! Azt hiszem, kvetnek ...


A webes tervezk lland navigci (vagy globlis navigci) elnevezssel illetik azokat a
navigcis elemeket, amelyek egy honlap minden lapjn megtallhatk

A j lland navigci olyan, mint egy rangyal, aki folyamatosan sutyorog a felhasznl
flbe:
"n vagyok a navigci. A segtsgemmel brmit knnyen megtallsz.
Nha egy picit mskppen fogok kinzni, de mindig
jl mkdm majd, s veled maradok. "

A navigci minden lapnak ugyanazon a rszn tallhat, s a klseje lland. gy a felhasznl rgtn tudja, hogy mg mindig j helyen jr: ez fontosabb, mint gondolnnk.
Emellett azrt is lnyeges, hogy a navigci ugyanolyan maradjon, mert gy a felhasznlnak (remlhetleg) elegend egyszer elsajttania a mkdst.
Az lland navigci tartalmazza az t legfontosabb elemet, amelyeknek mindig keznk
gyben kell lennik:
Visszatrs a kezdlapra

Log -

XYZ

~rt...

Kezdlap

Hrek

Menpontok

Hamarosan mindegyikre kitrnk De elbb . ..

[ 72 ]

UTCATBLK S WEBMORZSK

Azt mondtam, legyen minden oldalon?


Khm, fllentettem. Van kt kivtel a szably all.
> A kezdlap. A tbbi oldaltl eltr tulajdonsgokkal rendelkezik. Ms a clja, s ms
ignyeknek kell megfelelnie. A kvetkez fejezetben ltni fogjuk, hogy nha jobb, ha
itt nem az lland navigcit hasznljuk.
> A webes rlapok. Ha egy honlapon adatokat kell megadni, az lland navigci
feleslegesen elvonhatja a figyelmet. Pldul ha webruhzban vsrolok, az a legjobb,
haminl hamarabb megadom a szksges informcikat, s ksz. Ugyanez a helyzet,
ha regisztrlok, elmondom a vlemnyem valamirl, vagy a szemlyre szabott belltsaimmal foglalkozom.

Ezeken az oldalakon rdemes az lland navigci egyszerstett vltozatt alkalmazni, ami mindssze a logt, a kezdlap linkjt s nhny, az rlap kitltsben
segtsget nyjt eszkzt tartalmaz.

Vgre tudom, hol vagyok!


A log (mskppen emblma) olyan a weboldalak szmra, mint az plet bejrata feletti
felirat. Csakhogy a val vilgban elg, ha a bejratnl elolvasom, hogy a Praktiker eltt
llok, mert ha belpek, mindvgig tudom, hogy a Praktikerben vagyok, amg ki nem megyek. A weben viszont a tipikus kzlekedsi eszkz a teleportci, ezrt minden oldalon
biztosnak kelllennem abban, hogy mg nem tvedtem el.

J. Ez az MSNBC ...

.-9)

r-;>
J

J. Ez mg mindig az MSNBC. ..

.-91
r
~

J
... Ez meg a Planet Rx

[ 73

6. FEJEZET

Az pletek nevt rendszerint a fbejrat felett keressk; az interneten azt vrjuk, hogy
a log minden oldal tetejn, ltalban a bal fels sarokban vagy ahhoz kzel bukkanjon
feP 1
Ez a legsszerbb pozcija, mert a log az egsz honlapot reprezentlja, ez ll a logikai
hierarchia cscsn.
Egy bizonyos honlap
A honlap menje
Alme n k
Al-almenk stb.
Egy bizonyos oldal
Az adott oldal klnbz tartalmi elemei
Az oldal elemei

Kt mdja van annak, hogy ezt a kiemelked pozci t vizulisan is rvnyre juttas suk: vagy
legyen a log az oldallegfeltnbb eleme, vagy "keretezze be" az egsz oldalt.
Rendszerint nem cl, hogy a log legyen az oldallegltvnyosabb eleme (kivve taln a kezdlapon); ezrt az a legjobb, ha az oldal tetejre helyezzk, ahol vizulisan az egsz
lapot uralja, de nem knyszert flsleges gondolkodsra.

r-

Log
Minden egyb

Azonkvl, hogy a jl megszakott helyen ll, fontos, hogy a


log gy is nzzen ki, mint egy log. Ez azt jelenti, hogy rendelkeznie kell azokkal a tulajdonsgokkal, amiket elvrunk
egy mrkajelzs vagy cgtbla lttn: legyen megklnbztethet a bettpusa, grafikailag pedig felismerhet legyen,
akr kitzn, akr risplakton szerepel.

University o[Virginia

31

(Praldiker)

mr ami a balrljobbra r nyelveket illeti.


Arab vagy hber nyelv oldalakon a logt
a jobb oldalon kell keresni.

www. opus. com. il

[ 74 ]

priceline.com "

UTCATBLK S WEBMORZSK

A menpontok
A honlap fmenje - nha elsdleges navigcinak is nevezik- olyan hivatkozsok gyjte
mnye, amelyek a weboldal fbb "rovataira" mutatnak. A men alkotja a honlap hierarchijnak legfels szintjt.

Termkeink

XYZ NJI't.
Hrek'~

Kezdlap

1 Keress

iilui$@!.!Mi..eit5
Al me npontok

-.-wm~ruiJ[tieJF.'Il.'ml'li1~ ..~la.'l':1~

A segdeszkzk
A segdeszkzk - angolul utilities - hivatkozsok a honlap olyan fontos pontj aira, amelyek nem tartoznak szorosan a tartalmi hierarchihoz.
.. -----.-

l - ----

1 --- --

l-

Segdeszkzk

l Termkeink

A segdeszkzk nha a honlap hasznlatt tmogatjk Qellemz elemei ilyenkor a "sg",


az "oldaltrkp" vagy a "bevsrl kosr"), nha informcit knlnak a weboldal zemeltetj rl ("magunkrl", "kapcsolat").
Clszer,

ha a segdeszkzk listja kevsb feltn, mint a men. (Ez gy van a valdi ruhzakban is.)

[ 75 ]

Frficipk

Mosd ..,.
.,. Telefon
..,. gyflszolglat

ttermek ..,.

6. FEJEZET

A klnfle weboldalak ms-ms segdeszkzket ignyelnek. Cges honlapokon s


webruhzakban a kvetkez eszkzk szerepelhetnek:
Magunkrl
Archvum
Pnztr
Trsasgunkrl
Kapcsolat
gyflszolglat
Frum

Letlts
Telefonknyv
Frum
GYIK
Sg
Kezdlap
Befekteti

informci

Hogyan vsroljunk?
lls
Azn ___ -om
Hrek
Rendels kvetse
Sajtkapcsolat
Adatvdelmi nyilatkozat

Regisztrci
Keress
Bevsrlkosr
Bejelentkezs
Oldaltrkp
Boltkeres/zleteink

Eddigi vsrlsok

Az lland navigciban legfeljebb ngy vagy t segdeszkz fr el knyelmesen - legyenek ezek azok, amikre a felhasznlnak leggyakrabban szksge van. Ennl tbb segdeszkz zavar lehet, a ritkbban hasznlt elemeket clszer egytt trolni a kezdlapon.

Mindentt j, de legjobb a kezdlapon!


Az lland navigci egyik legfontosabb eleme az a gomb vagy link, amely visszajuttat a
honlap kezdoldalra.
Ha a kezdlap gombja mindig lthat, abban a biztos tudatban bngszhetek, hogy nem
szmt, eltvedek-e, brmikor ellrl kezdhetern az egszet; mintha a krtyban lenne egy
jokerem, amit brmikor elhzhatok
Egyre elterjedtebb szoks, hogy a log egyttal gomb, ami visszajuttat a kezdlapra. Ez
igen hasznos tlet, j lenne, ha mg tbb honlap alkalmazn - annak ellenre, hogy sok
felhasznl mg nem ismeri ezt a lehetsget.

[ 76

UTCATBLK S WEBMORZSK

ppen emiatt lehet hasznos, ha . ..

> a kezdlap hivatkozsa megtallhat a menpontok vagy a segdeszkzk kztt, vagy


> a kezdlap kivtelvel minden
oldalon apr "kezdlap" felirattal
ltjuk el a logt, s gy tudatjuk,
hogy r lehet kattintani.

XYZ

Nyl't~

Hrek

Ternii<eiii<

A kezdlapon

Kezdlap 1Keress
1

Ltlts 1reim<tmoQats

1Vsrls

~ nkrl 1

A tbbi oldalon

Aki keres, tall!


Tekintve, hogy a keress potencilisan mennyire hatkony eszkz, 32 s figyelembe vve,
mennyi felhasznl rszesti elnyben a keresst a bngszssei szemben, clszer, ha minden honlap rendelkezik keresmezvel vagy -oldallal (taln az egszen kicsi s kivl an
szervezett weboldalak kivtelvel).
rdemes nem elfelejteni, hogy a felhasznlk jelents rsze azrt fut t egy-egy honlapo t,
hogy minl hamarabb talljon valami ehhez hasonlt:
Keress
Keress

A sma egyszer: egy keresmez, egy gomb s a "keress" sz. Ne neheztsk a felhasznlk lett - tartsunk ki a konvenci mellett! Klnsen a kvetkezkre vigyzzunk:

> Kerljk a bonyolult elnevezseket! A felhasznlk a "keress" szra kattannak,


hasznljuk ezt, ne "tallatok'' - at, "gyorstallatok'' -at vagy "kulcssz" -t. (Ha a "keress"
sz a beviteli mezt cmkzi, akkor a gomborr a "Mehet!" sz lljon.)
> Hasznlati utasts. Ha kitartunk a sma mellett, mindenki tudni fogja a dolgt,
aki internetezett mr letben. Adhatunk ugyan tancsot (pldul "rja be a keresett
kifejezst!"), de ez ppen annyira haszontalan, mint az zenetrgztk vagy hangpostafikok "Hagyjon zenetet a spsz utn!" szvege, ami rgen nyilvn fontos tancs
volt, ma viszont mindenkinek evidens, teht felesleges.
32

K nytelen-kelletlen mondom, hogy potencilisan, mert a legtbb oldalon mg mindigfele-jele az eslye annak,
hogy a keress hasznlhat eredmnyt ad. A hasznlhat keress nmagban is hatalmas tma; megszvlelend
tancsokat nyjt e trgykrben angol nyelven Louis R osenfeld s Peter Morville knyve, az Information
Architecture for the World Wide Web (Informciarchitektzra a vilghln), O'Reilly, 2002.

[ 77 J

6. FEJEZET

> Ne adjunk vlasztsi lehetsgeket! Ha komolyan


fennll a tveszts lehetsge (pldul korntsem
mindegy, hol keresnk: a honlapon, a honlap valamelyik menpontjban vagy az egsz weben), azt
mindenkppen tisztzzuk

Keress
a honlapon

Keress
a knyvek kztt

Azonban vakodjunk attl, hogy a felhasznl tl sok vlasztsi lehetsget kapjon (a


keresst pldul rdemes lehet a honlap tartalmra korltozni). Nem rdemes bonyoltani,
hogy mire kereshetnk (cmre, szerzre, cikkszmra vagy termknvre).
Ha tbb vlasztsi lehetsget adunk, akkor fejtrst okozunk a felhasznlnak, hogy melyik opcit rdemes hasznlnia - s ez csak nagyon ritkn ri meg. Ne trjk szegny
felhasznl fejt!

Csak akkor rdemes nvelni a vlasztsi lehetsgek szmt, ha tl sok keressi eredmny
szletne, s a felhasznl szmra is nyilvnval, hogy muszj szktenie a kritriumokat.
Meggyzdsem,

hogy az Amazon sikernek egyik f titka a kivlan mkd keress.


Emltettem az l. fejezetben, hogy az Amazon volt az egyik els (ha nem a legels) on-line
knyvesbolt, amely elhagyta a cm/szerz/kulcssz szenthromsgot, s megengedte, hogy
a keresmezbe brmit berjunk
Szmos webruhzat vizsgltam hasznlhatsgi szempontbL Amikor azt krtem egy
felhasznl tl, hogy gy hasznlja a honlapot, ahogy szeretn, mindig olyan knyvet keresett, amirl tudta, hogy meg kell tallnia, ha az oldal megfelelen mkdik Vizsglatom
eredmnye szerint az Arnazonon vgzett els keress rendszerint sikeres volt, mg ms
honlapokon sok felhasznl flrertelmezte az opcikat, s a keress nem adott hasznlhat eredmnyt.

[ 78 ]

UTCATABLAK S WEBMORZSAK

Vgl, de nem utolssorban: ha mr felajnljuk a tbbfle keressi opcit, akkor azok


mindenkppen mkdjenek.
Amikor egyszer rkerestem egy idzetre az IMDb-n, ami a Treasure of the Siena Madre
cm filmben hangzott el, a "Keress mindenre" opci kivlasztsval csak egyetlen tallatot kaptam, egy rgi tvmsort, aminek semmi kze nem volt az n filmemhez.

Keress

Eredmnyek

Search the database for

[Ali

l_~~~s____l ~

"Broken Badges"
[TV-Series]

(!22Q)

~=

l Y~J

Completecnatadust
'l'~t~ Drndson .... U . "BQQe( T-wee&s
Mlz.ld""= .... BuuJackBowmao
~ .... TobyBaktr~ - -. Sbdeyl-s
~

... Priscib:t.bd>er-

Amikor viszont az opci t "Keress az idzetekben'' -re vltoztattam, rgtn megtalltam.


Keress

Eredmnyek

Search the database for

jauotes
Jbadges

El

Quote Search
Here are the quotes containing badges

l~

l. "PreuGmg"(J982)
~ ~IIhoWdp.t~rayexsn.-rpe~-doKfrimdsacta

pttfereotilrilownte *Mid*badaes. !49 b.aTevlCII'lcietin mypeerarwp ...

2. BJa;ngS.a-id:n l 1974)
Ma:deuBuu!:alan:Badf.s7Wedoo.'toeedno~badcu!

Chxp Ruo:bon <19%)


E&~M S"~aeiGr.

Not eops. Cops t1nJ bMcn

4. i&Li4Wtj!;)(!D4(!2?8'l

[Hmrtli!tz N.J/ tJwvctlpl4in~ boi~)


S. TruJ>n oftM Sism. Macke The 094?1
Gold H t: Bdcu7 We aio'taotM badp1. We doo~ ot ed no i adJu. I
doo.'thavetoshowyoullll'fcickiQab..tcu.

Vajon megrendlt-e a bizalmarn ezek utn az IMDb.com-ban?

[ 79 J

6. FEJEZET

Msodlagos, harmadlagos navigci


s mg mlyebb bugyrok
Annyira jellemz, hogy mr meglepdnk, ha egyszer msknt lenne: amikor szmomra
ismeretlen tervezktl kapok honlaptervet webergonmiai tesztels cljbl, a legtbbszr
egy ngy szint mlysget megjelent bra rkezik ...

. . . tovbb mintaoldalak a kezdlaprl s az els kt szintrl.

- xyz

Termkek

Az XYZ imd tged!


Magunkrl
Hrek

Kezdlap

r- xyz
Termkek

>Hrek
>Termkek
Hardver
Szaftver

> Hrek
>Termkek

Szaftver

Hardver
Szoftvcr

> Termktmogats
>Magukrl

> Termktmogats
>Magukrl

Tmogats

Oldal az l. szintrl

Oldal a 2. szintrl

Hiba lapozgatarn a terveket, hiba keresem a csodlatos gretek beteljeslst, sosem tallok semmit. Ebbl is ltszik a webdizjn egyik kulcsproblmja: az alacsonyabb szint navigcira jval kisebb figyelem jut, mint a magasabb szintre. Ez klnsen jellemz a nagy
kiterjeds honlapokra. Amint a msodik szintnllejjebb lpnk, a navigci rengeteg weboldalon sszekuszldik, s ahogy esik, gy pujfan mdon szervezdik tovbb. A problma
annyira tipikus, hogy jl megtervezett harmadlagos navigcit alig lehet tallni.
Mirt van ez?

[ 80

UTCATBLK S WEBMORZSK

Azt hiszem, rszben egyszeren azrt, mert sok szintbl ll, j navigci t nagyon nehz
ltrehozni - tl sok elembl ll ahhoz kpest, hogy milyen kevs hely van az oldalon.
Rszben pedig azrt, mert a
sen tgondoljk.

tervezknek

arra sincs idejk, hogy az

els

kt szintet rende-

Ezenkvl az is az okok kz tartozik, hogy sok tervez szemben nem tnik igazn fontosnak. (A neve is mutatja: ha a navigci nem elsdleges, mg csak nem is msodlagos,
akkor nyilvn kisebb a jelentsge.) A webdizjnerek amgy is azt kpzelik, hogy a felhasznlkmr tkletesen rtik a honlap mkdst, ha mlyre jutottak benne.
Tovbbi problma, hogy nehz mintatartalmat kerteni az alsbb szintek bemutatsra.
Hiba krnnek ilyet a tervezk, aligha kapnnak. A tartalomrt felels dolgozk rendszerint nem gondolkodnak ilyen mlysgekig.
Azonban az a helyzet, hogy a felhasznlk ugyanannyi idt tltenek a honlap alsbb rgiiban, mint a felsznhez kzel. s ha kezdettl fogva nem gy tervezzk a navigcit,
hogy az egsz honlapon mkdjn, ksbb mr nehz toldozni-foldozni, a rendszer nem
lesz egysges.
Mi a tanulsg? Ltfontossg, hogy a honlap minden szintjrl kszljn navigcis
mintaoldal, mieltt belevesznnk olyan rszletekbe, mint az oldal sznsmja.

Az oldalak neve, avagy mirt szeretek


Los Angelesben vezetni
Aki jrt mr Los Angeles ben, tudja, hogy az egsz vros autplyk hatalmas szvevnye.
A helyiek olyan komolyan veszik a vezetst, hogy valsznleg itt alkalmazzk a vilg legjobb utcatbli t. Los Angelesben ugyanis ...
> Az utcatblk nagyok. Ha lefkeznk a sarkon, a kvetkez keresztutca nevt is el
tudjuk olvasni.
> Az utcatblk j helyen vannak: elg felpillantanunk, mindentt a fejnk felett
lgnak.

[ 81 ]

6. FEJEZET

Bevallom, a tjkozds a gyenge pontom, hiszen Bostonban lek, ahol a vezetk mr


akkor szerenessnek mondhatjk magukat, ha a bekanyarads eltti utols pillanatban el
tudjk olvasni az utcanvtblt.

Los Angeles

Boston

De mirt olyan fontos ez? Amikor Los Angelesben vezetek, kevesebb erfesztst s figyelmet kell fecsrelnem arra, hogy megtudj am, hol jrok. Jobban tudok figyelni viszont a
forgalomra, a beszlgetsre s a zenehallgatsra. Imdok Los Angelesben vezetni!
A web "utcatbli" az oldalnevek taln szre sem veszem ket, ha minden rendben van.
Amikor azonban azt gyantom, hogy eltvedtem, a legcseklyebb erfeszts nlkl akarom megtudni, hol jrok, s hogyan tarthatom a j irnyt.
Ngy f tudnival van az oldalnevekkel kapcsolatban:

> Nem maradhat oldal nv nlkl! Ahogyan a vrosban sem lehet utca elnevezetlenl,
gyminden weboldalnak sajt nvre van szksge.

Az"rversek" (Auctions) s az
"Elad nm" (Sell an ltem) sarkn
jrok

r-0!1
r~

H' l YOIJ A.CCOUNT l

Hf:lP

j ( SUllnMS)

fWilCOME T BOOICS -T.MUSI( T VlOEO TTOYS" GAMES T[t(ClROtliCS Tt!-<ARDS T~~IDNI ~~~
'ZSHOPS

,.,

. . . . . . . . .

rt'IIIINOW

~ Sellanltem

A webdizjnerek ezt nha flslegesnek gondoljk, mondvn, hogy feltntettk az oldal nevt a navigciban, s ez elg. 33 Csbt az tlet, mert helyet takart meg, s eggyel
kevesebb elemet kell kezelni alapon. Viszont tves: oldalnv mindenkppen kell.
> Az oldalnv lljon a megfelel helyen! Az oldalnevet gy kell elhelyezni a vizulis hierarchiban, hogy "bekeretezze" az oldalra jellemz egyedi tartalmat. (gy is
mondhatnnk, hogy a nv ne keretezze be azt, amire nem vonatkozik, pldul a navigcis elemeket s a hirdetseket, ezek ugyanis az infrastruktra rszei.)

33

Lsd "n itt ll': 84. oldal.

[ 82 J

UTCATABLAK S WEBMORZSAK

Oldal
egyedi

tartalma

> Az oldalnv legyen kellen feltn! A szveg elhelyezkedsbl, mretbl, sznbl s bettpusbl egyrtelmv kell vlnia, hogy az egsz oldal cmt ltjuk!
A legtbbszr ez az oldallegnagyobb betkkel rott szvege.
> A nv s a link, ami a felhasznlt az oldalra juttatta, legyen azonos! Br soha,
senki nem emlti, minden honlap megkti a kvetkez hallgatlagos megegyezst a
ltogat ival:

Az oldal elnevezse feleljen meg a hivatkozs szvegnek, amire rklikkelve oda jutunk!

Ms szval: ha olyan hivatkozsra vagy gomb ra kattintok, amin "Krumplipr" felirat


szerepel, olyan oldalra kell jutnom, aminek a neve "Krumplipr".
Mindez trivilisnak tnik, de rendkvl fontos. Ahnyszor egy honlap megsrti a
fenti megllapodst, ezredmsodpercnyi gondolkodsra knyszerti a felhasznlt,
aki nem rti a klnbsg okt. s ha a hivatkozs s az oldal neve kztt nagy az
eltrs, esetleg tbb kisebb klnbsg is akad, a felhasznl bizalma megrendl a
honlapban s az oldal fenntartinak hozzrtsben.

AMIRE
KATTINTOK ... AMIT KAPOK ...
Olajszrk

Szrk

Olajs ~ rk

Alkatrszek
(Emlts
sem esik
olajszrkrl)

A nevek megegyeznek.

Egyszer, bizalombreszt,

nem szksges gondolkodni

[ 83 ]

404-es hiba:
A keresett
oldal nem
tallhat

A nevek nem egyeznek


meg. Bosszant, hiteltelen

6 . FEJEZET

Nha persze kompromisszumot kell ktnnk! Ennek oka rendszerint a helyhiny.


Elfordul, hogy a hivatkozs nem egyezhet meg teljesen a nvvel, ilyenkor a lnyeg,
hogy: a) legyenek annyira hasonlak, amennyire lehetsges, vagy b) a klnbsg oka
legyen nyilvnval. Pldul, ha a Gap.com-on rkattintok az "Ajndkok frfiaknak''
s az "Ajndkok nknek'' gombra, a "Frfi ajndkok'' s a "Ni ajndkok" oldalra
jutok. A szavak nem teljesen azonosak, de annyira hasonltanak, hogy eszembe sem
jut a klnbzsgen fennakadni.

"n itt ll"


A navigci gy tehet a webes elveszettsgrzs ellen, ha megmutatja, hol llok a dolgok
rendszerben. Az a szerepe, mint az "n itt ll" ("You are here")-nyilacsknak egy bevsrlkzpontban vagy egy nemzeti parkban tallhat trkpen.

<

>

t:
!S
c
c

~
Ol

.Q.

Q/

-o
c

:;;

.o
c

g
"'v

.,

.o
v

ou
~

,g
~
z
Q/

.::o
8N

."

[ 84 J

UTCATBLK S WEBMORZSK

A weben rendszerint az aktulis pozcink kiemelten jelenik meg a navigci sorban,


listjban vagy msfle menjben.

ll

Women's Sale

Gap

tc~aternit y

Jean>
Shirts/SIJ\Iea.
hakis
~
"' PantsJShorts
Sl,irt s

(~

f'
\._

gy ltom, a "Ni alsruhzati


rvidnadrg" (Women's Pants/
Shorts) rovatnl jrok

(ni)

Ebben a t ldban az aktulis kategria


s alkategria (alsruhzat/rvidnadrg) egy- nint kiT elte n jelenik meg. A kiemel' tbb mdon t<tnhet
Nyilat tehetnk
mell
Sports
Business
~ Entertainment
Politics

Megvltoztathatjuk
a sznt
Sports
Business
Entertainment
Politics

Flkvren
szedjk
Sports
Business
Entertainment
Politics

Negatv kpet
alkalmazunk
Sports

I:JI,_j!UJf

l Entertainment l

limiDr.!D

Megvltoztatjuk
a gomb sznt

l Sports
l Business

l
l

l Enl8rlalnment l

l Politics

A z "n itt ll" indiktorok leggyakoribb hibja, hogy alig ltszanak. Pedig feltnnek kell
lennik, mert klnben elvesztik a szerepket s nem tjkozdsi pontknt szolglnak,
hanem csak jab b zavar elemek az oldalon. A kiemels szereness mdja, ha tbb vizulis
megklnbztet jegyet is alkalmazunk: lehet az indiktor sznes s vastagtott.
A rosszul lthat kiemels igen gyakori problma. A grafikusok szeretik, a kifinomult
dizjn jelnek tekintik, ha a tjkozdsi pontok nem feltnek. A felhasznlk azonban
ltalban annyira sietnek, hogy rutinosan elsiklanak a finomkod kiemelsek mellett.
ltalban igaz, hogy ha egy grafikus gy gondolja, olyan feltn kiemelst ksztett, hogy
azt mr teljes kptelensg nem szrevenni, akkor mr csak ktszer annyira lthatv kellene tennie.

[ 85

6. FEJEZET

Az a mesebeli morzsa
Ahogy az "n itt ll" indiktor, gy az angol terminolgival "breadcrumbs" -nak, vagyis
webmorzsnak nevezett helyzetjelz navigcis elemek is arra szolglnak, hogy segtsgkkel
megllapthassuk, hol vagyunk ppen. (Nha mg az "n itt ll" szavakat is tartalmazzk.)

Vou are here:

~ > ~ > Book CoUectina >Welcome l

www.about.com

A "breadcrumbs" magyar jelentse morzsa: ez a furcsa elnevezs onnan szrmazik, hogy


az eszkz hasznlata bizonyos rtelemben azokra a kenyrmorzskra emlkeztet, amiket a
mesebeli J an cs i szrt szt az erdben, hogy J uliskval hazatallj anak. 34
Mg az "n itt ll" indiktor azt jelzi, hol llunk a teljes honlap hierarchikus rendszerben,
a webmorzsk csak a kezdlaprl odavezet utat mutatjk meg. 35 (Ms szval: az elbbi
azt rzkelteti, hol jrunk az egsz smn bell, a msik pedig azt, hogyan jutottunk oda.
Hasonl a klnbsg, mint az autatlasz s a "fordulj jobbra a kvetkez sarkon, majd
menj tovbb egyenesen'' tpus tiersok kztt. A trkpbl tbbet lehet megtudni.)
Ha mr a kenyrmorzsa-hasonlatnl tartunk, rvelhetnnk amellett, hogy a knyvjelzk jobban hasonltanak amesebeli morzskra, mint maga a webmorzsa, mert a knyvjelzket nzelds kzben "szrjuk szt'' azzal a cllal, hogy ksbb megtalljuk a sajt nyomainkat. De azt
is mondhatnnk, hogy a korbban mr megltogatott, s ezrt elsznezdtt hivatkozsok
hasonltanak jobban Jancsi morzsira, mert ezek mutatjk a bejrt utat, s ha nem trnk
vissza elg hamar, a bngsz (mint a madarak) elnyeli, "felcsipegeti" a nyomokat. 36

34

A trtnetben a gonosz mostoha meggyzi Jancsi s Juliska apjt, hogy hagyja a gyerekeket az erdben, gy az
nsges idkben nem kell a csaldnak mg kt hes szjat etetni. A gyanakv s ravaszjancsi azonban kavicsokat szr el az ton, s a nyomukban hazatall. Csakhogy legkzelebb (!)Jancsi kenyrdarabkkat hasznl,
amit a madarak megesznek, mieltt a gyerekek hazatallnnak. Amesben ksbb mindenfle bntettfelbuk kan: emberevs ksrlete, tolvajls, gyilkossg, de az alapvet tanulsg az, hogy e/tvedni rossz.

35

Valjban a helyzet ennl valamivel bonyolultabb. A z rdekldk a tma kivl feldolgozst talljk Keith
Instone tollbl a http./luser-experience.org oldalon.

36

Ha nem trnk vissza, a megltogatott linkek "kiemeltsge" idvel eltnik. Ez az id ht s harminc nap
kztt vltozik, s attlfiigg, milyen bngszt hasznlunk. j lenne, ha n fedeztem volna fil a prhuzamot
a madarak s a linkfal bngszk kztt, de Mark Bernstein mr 1988-ban alkalmazta ezt a hasonlatot.
n Peter Glour Elements of Hyper-media D esign (Bevezets a hipermdis tervezsbeJ c. knyvben
talltam, amely angolul ingyenesen elrhet a www.ickn.org/elementslhype1:htm oldalon.

[ 86

Alarr gy, ru<M gy,

UTCATBLK S WEBMORZSK

h~ idbe

tdt, mg a webmoma igazin dte*dt. Sokig olyan

klnlegessgnek szmtott, amit csak olyan, mly struktrval s risi adathalmazzal


rendelkez honlapok hasznltak, mint a Yahoo! ...
Home

> Arts > Visual Arts > Photo9@.P.!:ly > Nature

and Wi ldlife

> Photographers >

Personal Exhlblts
www.yahoo.com

... vagy olyan hatalmas, sok honlapbl ll rendszerek, mint a CNET. ..


CNET About CNET Editorial

and Disclosure Policy


www.cnet.com

CNET Games

Action

Unreal Tournament
www.gamecenter.com

CNET . Downloads

PC . Utilities File

& Disk Management


www.download.com

... amelyek szerettek volna nmi tmponttal szolglni a felhasznlknak arrl, hogy ppen
hol jrnak a komplex rendszeren bell, de azt akartk, hogy az egyes honlapok megtarthassk egymstl fggetlen- s gyakran inkompatibilis - navigcis rendszerket.
Manapsg azonban a webmorzsa egyre tbb honlapon bukkan fel, sokszor a jl kivitelezett
navigci helyettestjeknt is.
Nem hiszem, hogy a honlapok tlnyom rsznek j navigcis megolds lenne a webmorzsa kizrlagos alkalmazsa. A honlap kt legfels szintjn biztosan nem elegend,
mert nem hatol elg mlyre: ad nmi rltst, de homlyban hagy fontos rszleteket. Ez
nem jelenti azt, hogy csak a webmorzsa segtsgvel ne lehetne nha megfelelen tjkozdni, de alkalmazsa a legtbb honlapon nem elegend.
Flrerts ne essk, a jl megszerkesztett webmorzsa magtl rtetd, kis helyigny,
kzenfekv, s folyamatosan lehetsget ad a kt taln leggyakoribb mvelet elvgzsre:
arra, hogy feljebb lpjnk egy szinttel, vagy visszatrjnk a kezdlapra. Mgis azt javaslom,
hogy csak kiegsztsknt alkalmazzuk. Legyen a webmorzsa a jl mkd navigcis
rendszer "megkoronzsa''. Alkalmazzuk klnsen mly hierarchij, nagy honlapokon,
vagy ha ssze akarunk kapcsolni egy sereg alacsonyabb szint weboldalt.

[ 87 J

6. FEJEZET

Az About.com nev honlap, amely az ltalam valaha ltott legjobb webmorzsval rendelkezik, kivlan illusztrlja az eszkz felhasznlsnak nhny, megjegyzsre rdemes
mdjt.

> A webmorzsa legyen az oldal legtetejn! Minden bizonnyal itt m


J ~~inden. Keepen.J ..
kdik a legjobban, valsznleg
azrt, mert ha a perifrin ll, jl
Atwwt
l:ut.com
ltszik, hogy segdeszkzrl van
sn.s 111.-t pillA
~Aillltl...Mm. }'CIU"Ab:U.eona GIDI \a.
sz - olyan, mint az oldalszmok a
L::_] Book Colleeting
knyvekben s folyiratokban. Az
oldal alsbb tartomnyaiban elhelyezett webmorzsa sszekeveredhet
www.about.com
az elsdleges navigcival, ez pedig
fejtrst okozhat. ("Most akkor melyik a navigci? Melyiket kellene hasznlnom?")
Tlw

of

lt1fl

> Legyen >jel a szintek kztt! A gyakorlat s a hibzsi lehetsgek ismeretben kijelenthetem, hogy aszintek kztti legjobb szepartorjel a kacsacs r, azaz a "nagyobb
mint" szimblum (> ).

You are here:

Home > Hobbies > Book Colleeting > Welcome


www.about.com

A kettspont (:) s a perjel (/) is mkdik, de a > tnik a legszerencssebbnek s legvilgosabbnak - valsznleg azrt, mert vizulisan is utal a szintek kztti mozgs
irnyra.

> Hasznljunk apr betket! Tegyk ezzel is vilgoss, hogy a webmorzsa


eszkz!

kiegszt

> Hasznljuk az "n itt ll" szavakat? A legtbben nyilvn megrtik, mire val a
webmorzsa, de nem rt, ha mg vilgosabb tesszk. Baj nem lehet belle, nem zavar,
aprcska felirat.
> Vastagtsuk meg az utols elemet! Az utols elem az oldal neve legyen! A vastagts
arra szolgl, hogy a nv megkapja azt a figyelmet, amit megrdemel.

[ 88 ]

UTCATBLK S WEBMORZSK

> Ne hasznljuk az oldalnv helyett! Sokan prblkoztak azzal, hogy a webmorzsa utols
tagjt kt feladat betltsre is hasznljk, hogy az oldal nevt ne kelljen kln is megjelentenik Egyes honlapok a lista utols tagjt brzoltk a legnagyobb betvel.
CN ET : Garnes : A ction :

Unreal Tournament
www.gamecenter.com

Ez a megolds lehetne mkdkpes is, de nem az. Taln azrt, mert ellentmond az
elvrsnak, hogy az oldal elnevezse mindig bal oldalon vagy kzpen van, s nem
valahol msutt, egy felsorols vgn lg a levegben.

Ngy rv arra, hogy mirt praktikus


a fles irattart
Nincs r ugyan bizonytkom (legalbbis ez idig nincs),
de ers a gyanm, hogy a fles irattartt Leonardo da
Vinci tallta fel, a XV. szzad vgn. Ahogy elnzem, mi
folyik a webes felhasznli felletek tern, ez a remek
eszkz nyilvnvalan egy lngelme mve. 37
Nincs sok plda arra, hogy az interfsz eszkzeinek
megnevezse az anyagi vilgbl szrmaz metaforn
alapul: a fl - angolul tab - azonban ilyen. 38 Ezek a
knyvjelzszer virtulis elemek gy osztjk egysgekre a honlap tartalmt, ahogy a szepartorlapok
teszik a lernzhet irattartkkal s mappkkaL Segtsgkkel gyorsabban thetjk fel az irattartt a keresett tartalomnl, az interneten pedig egyszeren rjuk
klikkelnk, s ott termnk, ahol szeretnnk.

,r.. (. v" J,.. " -ll ~v'? l l


..., . . ~.. , ..., ... 1'-'" -' - 1'\ . . - \(... ,' c,..(. .."..l l l
.......... ,, .. ...._ .. , (r.... ,l-"'\

l..

Sok honlap navigcis clra is alkalmazza a fleket.

37

Emlkeztet: utnanzn i, a Microsoft hasznlt-e fo/eket, mieltt Bill Gates megvette volna a da Vinci-jegy-

zetfzete t.
38

A msik, ami eszembe jut, a kukaikon, amit elszr a Xerox PARC alkalmazott, s az Apple tett npszen'iv.
Sajnos az Apple nem tudott ellenllni a ksrtsnek, hogy a felhasznlkat a felesleges fejtrs ingovnyba
hzza egy hasonl, szintn az ikon vonszolsn/ejtsn alapul eljrssal, amikor a floppyt is akukra kellett
1hzni, ha ki szereltem volna venni- ez millifelesleges gondolatbub01kot szlt: "Hoh! E z a gomb letrli
az egsz lemezt?!"

[ 89

6. FEJEZET

www.catalogcity.com

~drugstore.oom.

www.drugstore.com

Home
Ltam about Sloan

St udents
Vislt SJoan

Busmess
Read news

Faculty/Staff
Get an aoolication

Alumm
Contad Sloan

misloan.mit.edu

s...
800.com
Amazon.com
Beyond.com
bn.com
Borders.com
Buy.com
CD NOW
eToys.com
Fatbrain.com
Fidelity.com
LandsEnd.com
Pets.com
Quicken.com
Schwab.com
Snap.com
ToysRUs.com

Vlemnyem szerint a fl nagy kiterjeds oldalakon kivlan alkalmazhat navigcis


eszkz. Ennek okai a kvetkezk:

>

Egyrtelm. Sosem lttam senkit -lett lgyen brmennyire komputeranalfabta -,


aki ne rtette volna meg rgtn, mire valk egy weboldalon a flek.

> Nehz flrert eni. Amikor felhasznli tesztet vgzek, mindig meglepdm, milyen
sokan nem veszik szre az oldal tetejn elhelyezett, gombokbl ll mensort. 39 Mivel azt szinte senki nem gondolja, hogy a flek a navigcin kvl msra szolglnnak, segtsgkkel egy pillanat alatt vizulisan is megteremthetjk a klnbzsget
navigci s tartalom kztt.
> Sikkes. A webes grafikusok lnek-halnak a vizulisan nycsikland weboldalakrt.
A jl megtervezett (errl mg szlunk) flek remekl nznek ki, s igen hasznosak.

39

Nem kellene pedig meglepdnm . .. Legalbb egy tucatszor hasznltam a Yahoo! "M y Yahoo!" nevz, szemlyes
belltsokat tartalmaz rszt, mieltt rjttern volna, hogy az oldal tetejn elhelyezett linksor a My Yahoo!
tovbbi rszeire visz, s nem a Yahoo! ms menpontjaihoz.

[ 90 J

UTCATBLK S WEBMORZSK

> Materilis trre emlkeztet. A flek azt az illzit keltik, hogy a mappa ppen hasznlatban lev oldala fiziklis rtelemben is a felsznre kerl.
1(

J(

f==Y

te=

A fl egyszer, de hatsos eszkz, ami knnyen megfejthet vizulis jelzst ad: az


egyms tetejn elhelyezett iratok kpe mindannyiunk szmra ismers . A ltvny
hatrozottan azt sugallja, hogy a honlap "tematikus rovatokra'' van osztva, s mi most
az egyik ilyen rovatban jrunk.

Vedd felesgl az Amazonodat,


ha ennyire odavagy rte!
Mint sok ms esetben, az Amazon a flek navigcis h asznlatban is az elsk kztt volt,
s a legels honlapnak bizonyult, amely a fleketjl hasznlta. Az vek sorn folyamatosan
tkletestettk, csinostottk ezt az eszkzt, nohamindig j s j mappkkal kellett bv
tenik, ahogy j abb piacokra trtek be.

1998. oktber

amazon.co11J
109!-MIW

,!L:~~,
i!\li

1!li\ll

'Ff

l KEll'

amazOO.CQil)
MUSI.IDEO.GIFTS ~
. liiiiVtJGiiMtt
..... Mil\\\
SW.it/Jj M"'j,''SJ6iUf!.!"
1 M'l

.. .

1999. oktber

[ 91

6. FEJEZET

Ksbb az irattart mr nem is igazn emlkeztetett irattartra, de mg a rvid let ktsoros vltozat is figyelemremltan jl megtervezett volt.

amazon.com.
....._,

Javaslom, hogy mindenki, aki fleket alkalmazna a honlapjn, gondosan tanulmnyozza


az Amazon iskolateremt grafikjt, s szolgai hsggel msolj a a hrom kulcsfontossg
tulajdonsgot:

> Az Amazon kitnen megrajzolt fleket hasznl. A legjobb esetben a grafika azt
az illzit kelti, hogy az aktv oldal a tbbi lap felett tallhat. Ez teszi az irattartt
irattartv-ez mg a jellegzetes, megklnbztet flformnl is fontosabb. 4
Ehhez az aktv flnek klnbz sznben vagy megklnbztet rnyalattal kell
megjelennie, s kapcsolatban kell llnia az alatta tallhat trrel. Ettl tnik gy,
hogy az aktv fl a felsznre "ugrik''.

)(

)(

)(

ll

)(

l[

HIDEG: Nincs kapcsolat, nem ugrik a felsznre.


LANGYOSODIK: Van kapcsolat, de nincs
kontraszt. Alig ugrik a felsznre.

FORR: Tallt, sllyedt!

40

Semmikppen ne hasznljunk folformj elemeket akkor, ha azok valjban nem mkdnek flekknt. Az
Internet Movie Database, az egyik legnagyobb internetes filmadatbzis, amely mellesleg az Amazon tulajdonban ll (ez pedig a kztudottan a legjobb honlapok egyike), szintn e/kvette ezt a hibt.

------------------------- --

Az oldalak tetEjn tallhat gombok folszeren rendezettek, de gy mkdnek, mint a kznsges gombok.

[ 92

UTCATBLK S WEBMORZSK

> Sznkdols. A honlap klnbz rszein ms-ms sznt


hasznltak az irattartk megjelentsre. Ugyanazok a sznek
jelentek meg az oldal egyb
navigcis elemein is, gy vizulisan is sszekapcsoldott, ami
sszetartozott.
A sznkdols kivl tlet, de
nem szabad arra szmtani, hogy
mindenki rjn, mire szolgl.
Nagyjbl minden ktszzadik
n s tizenkettedik, fleg negyven v feletti frfi egyltaln
nem ltja a sznek kztti klnbsget a sznvaksga miatt.

lW1Hllln.Jn

,-

EJ

Hello. Already a customer? .siwl..Jn,

Naw to Amazon.com? Find

out ~

~.

Bud n en; A; lnyutng

l . Who Moytd My
~

by Spencer

Johnson

Flnd hundreds of

gre111t COs ,at pricas as


Hello . Alr"eady a customar?

.5.imL.io.

New to Amazon.com? Find out

low as $5 .99--ln
Bqm ~j n

1'1-lu s !c ,

J>Wr.

l 1:1-t.IJ(J

We've turned h"'OI

Thdqy'$ Igg s o l!ers


Up t o 30~0 Off

on bundreds g f oy rfqypdte c ps

durlng our sacond


celebratlon.

t~~nnlversl!lry

Radsul megfigyelsem szerint


ennl jval tbben (akr az emberek fele!) egyszeren nem veszik szre, hogy a sznkdolsnak brmifle jelents
ge volna. A sznkdols teht kivl kiegszt, de sosem szabad arra szmtani, hogy
nmagban mindent megold.

Az Amazon szereness megoldst vlasztott azzal, hogy

kellen

lnk, teltett szneket hasznlt, amelyek felett majdhogynem lehetetlen tsiklani. Az ppen nem
hasznlt irattartk semleges, bzs sznt kaptak, ettl a kontraszt az aktv s inaktv
mappk kztt annyira erteljes lett, hogy azt akr a sznvak felhasznlkis szlelhettk

[ 93 ]

6. FEJEZET

> A honlapon van alaprtelmezett fl. Ha nincs kivlasztott fl, amikor fellpek az
oldalra (mint pldul a Qyicken.com-on), mg az is elfordulhat, hogy az els, dnten fontos pillanatban nem jvk r, hogy fles rendszer navigcit ltok.

www.quicken.com

Az Amazon honlapjn az egyik fl - hossz ideig a Books (Knyv) menpont alaprtelmezsben kivlasztva llt.

www.amazon.com

Idvel,

amint a honlap mr nem volt teljesen knyvcentrikus, a


sajt mappt Welcome (dvzljk! ) elnevezssel.

kezdlap

kapott egy

Az Amazon nyilvn azrt hozta ltre a Welcome-flet, hogy a kezdlaprl npszerstse azokat az rucikkeket, amelyek nem knyvek. Ezzel viszont felvllaltk
a kockzatot, hogy az Amazonra elssorban mint knyvkereskedsre tekint vsrlk elidegenednek a honlap tl, hiszen ktszer kell klikkelnik ahhoz, hogy eljussanak
a knyvek kz. De az ilyesfajta interfszproblma csak a jghegy cscsa: a mlyben
szoks szerint bonyolultabb s sszetettebb problma rejlik.

[ 94 J

UTCATBLK S WEBMORZSK

El

a csomagtartteszttell

Most, hogy a krdsek zmt krljrtuk, eljtt az id, hogy bemutassak egy csalhatatlan
tesztet, ami minden ktsget kizran feltrja, hogy j-e egy honlap navigcis rendszere.
A ksrletet trfsan csomagtarttesztnek hvom, s a kvetkezkbl ll:
Kpzeljk el, hogy gonosz rablk harisnyt hznak a fejnkre, bezrnak egy aut
csomagtartjba, s hossz percekig bekttt szemmel ztykldnk a vroson keresztl. Aztn egyszer csak kinyitjk a csomagtartt, kiemelnek, s belehajtanak egy
weboldal kells kzepbe. Ha az oldal navigcijt jl terveztk meg, a kvetkez
krdsekre hezitls nlkl tudnunk kell felelni:
> Mifle honlap ez? (Log)
> Melyik oldaln vagyunk? (O l dalnv)
> Milyen fbb menpontjai vannak ennek a honlapnak? (Menpontok)
> Mit tehetnk ezen a szinten? (Helyi navigci)
> Hol llunk a dolgok rendszerben? ("n itt ll" indiktorok)
> Hogyan kereshetnk?

Felmerl a krds, hogy ez a gengszterfilmbe ill motvum mirt szksges ahhoz, hogy
csalhatatlanul megllaptsuk egy honlap navigcij nak hasznlhatsgt? A vlaszom a
kvetkez: hajlamosak vagyunk elfelejteni, hogy a webes bngszs nem trkp segtsgve!, gyakorlott vezet ksretben tett, napfnyes sta, ahol a rsztvevk pazarullthat,
korbban bemutatott turistasvnyt kvetnek. Sokkal inkbb arrl van sz, hogy a felhasznlk gyakran elzmnyek nlkl bukkannak fel egy honlap kzepn, halvny fogalmuk
sincs arrl, hol vannak, hogy kerltek oda, s hogyan kell hasznlni az oldal navigcijt
- pldul mert egy keresmotor vagy hivatkozs rptette ket oda az internet egy tvoli
pontjrl. 41
Kanyarodjunk vissza a hasonlathoz, s kpzeljk el jra, hogy harisnya van a fejnkn:
rzkeljk a fnyeket, ki tudjuk venni a trgyak krvonalait, de nem ltunk minden apr
rszletet. A teszt rtelme nem az, hogy kiismerjk-e magunkat az oldalon, ha elg idvel
rendelkeznk, s az egyb krlmnyek is zavartalan ok, hanem az, hogy a felsorolt elemek
annyira feltn en legyenek jelen az oldalon, hogy ne szmtson, kzelrlltjuk-e ket vagy
sem. Nem hagyatkozhatunk a rszletekre: a dolgok tfog megjelense a lnyeg. 42

41

Ez manapsg mg jellemzbb, mint korbban, mert sokak szmm a webhasznlat kiindulpontja a Google.

42

A Fidelity Investments munkatrsa, Tom Tullis lelemnyes ksdettel vizsglta a klnbz honlaptpusok
hasznlhatsgt, hasonl szempontok alapjn. Minden oldalt megtlttt rtelmetlen szvegge!, s megkrte
az alanyokat, hogy klalakjuk alapjn azonostsk az egyes elemeket, mint az oldal neve s a honlap navigcis rendszere.

[ 95

6. FEJEZET

A csomagtarttesztet gy kell elvgezni:


l. lps

Vlasszunk vletlenszeren egy oldalt a honlaprl, s nyomtassuk ki!

2. lps

Szemlljk meg kartvolsgbl vagy bandzstva, hogy a rszletek ne ltszdjanak tkletesen!

3. lps

Amilyen gyorsan csak lehet, prbljuk megtallni s bekarikzni az albbi lista


elemeit (ne feledjk, hogy bizonyos oldalakon a lista egyes elemei hinyozhatnak)!

Egy konkrt plda kvetkezik.

KARIKZZUK BE:

l . Log
2. Oldaln v
3. F men s almenk

4. Helyi navigci
S.,.n itt ll" indiktorok
6. Keress

Log
Keress
F men

Oldalnv

EBay 3rd 0 Results Top Expcctations


By CUFF EDWARDS, AP Technotogy Writer

SAN FRANCISCO -- Online auclion house eBay Inc. posted


higher quarterly operating profils after il signed up a record number
of new users and expanded its offeriogs to include cars and art.

Helms Has Congresswomen Removed

Helyi navigci

Annenian Premier KiJled In Parliameni


Sbooting

Three Americans Kidnapped in Yemen


Gore Bradlev Sguare Off ln First Debate

M ORE

[ 96 ]

UTCATBLK S WEBMORZSK

Most pedig tegynk prbt a kvetkez ngy weboldallal! A megoldsok a pldk utni
oldalon tallhatk.
Ha befejeztk, rdemes ugyanezt a mveletet elvgezni egy tucat ms honlaprl szrmaz
pldval. Mindez sokat segthet abban, hogy kifejlesszk magunkban a kpessget, hogy megllaptsuk, mi mkdik, s mi nem.

vletlenszer

D
Annuitles
Step by Step

Annuities Home

Int ro
What is an
annuity?

Step1
Fund other plans
first
~
ls an annuity right
for you?

Before thinking about annuities, fully fund the tax-deductible and tax-deferred
savings plans (other than annuities) that you're qualified to take part in. lndividua~
and employer-sponsored plans are great ways to squirrel away money for the
post-work years. They're more effectve than annuities because they usually have
lower fees and most give you a bigger break on taxes. For example, both a
401 (k)'s principal and eamings grow tax-deferred, whereas only an annuity's
eamings do so. Als o, most plans give you a wide variety of investmani options.
The follawing chart shows contribulion limils, advantagas , and other comparisan
points for the ditferant plans.
Retirement PlansAt A Glance
Plan

Step 3
Compara annuities
to funds

401(1<)

Sten4

Sponsor

Corporations
with more !han
25 emplovees

Vlaszok a 700. oldalon

[ 97 J

Annual Contribulion
limit

Maximum employee
contribulion is $1 O,OOO

Advanta ges

You choose how


to allocate your
investments

6 . FEJEZET

Products for alt horitons

Toshiba DVD Playern

Go.Video DVD Playern

Pioneer DVD Playern

Samsung DVD Playern

Philips DVD Playern

Panasonic DVD Players

Vlaszok a 1O1. oldalon

JVC DVD Players

Sharp DVD Players

-~

Surge Suppressurs

CNET Builder.com
ShipAPI- O

.ilfJ: _!c:.!_,~l.'!Jc.:c.

'-"-~

Critique ofthe Week

Laoking for
Web
Services?

Find en iSP

Sponsured links: Paint Shoo Pro 6 Ol~ l Free emai address!

CRITIQUE
Design Dispatch

Sign up for our free


newslelter for Web
designers.

f;lo~mai0ere __
Subscribe

ADY ERT ISEMENT

Fool.com
Sometimes it pays to be foolish. Thi s
we ek's eritique examines the success of
Fool.com's innovatve branding and design
techniques. (11110/99)

More Critiques From Builder.com


!JYS. (4114199)

Adobe.com (6130199)

Vlaszok az 102. oldalon

[ 98 ]

UTCATBLK S WEBMORZSK

ll
B~owse Blu~s

General
Blues Rock
Chicago Blues
Delta Blues
Female Vocal
Blues

New and Notable

Jndependents
Modern Blues
Rel>lonal Blues
Traditional Blues

Live At 85
Pinetop Perkins

Bitter ::Meet Blues


Gaye Adegbalola

Blues Editor's Picks


Can't-Miss
Classics
10 Under $10
Blues in a Box
Best of the Best
Personal Favorites

Ernerging .Artists
Blues on the
Road
Romantic Blues
Blues for Rock
Fans
Blues for the
Holidays

t The Good 7imes


Roll... Louis Jordan
B.B.King
.- More new releoses

Vlaszok a 703. oldalon

[ 99 ]

The se Blues Are AlJ


Mine
TabBenoit

6 . FEJEZET

n ittll

l
Annuities
Step by Step

Ml A GOND
EZZEL A KPPEL?

annUli y?

Befon? t hm!-;- ing :about annuities, fu!ly fund the ta~-deductible- and ta:-d efeu&d
s.:a-.,ngs plans {other than annuites) Ihat you're quaiifled to take part tn. !ndr,>idualand emplo~er- spons orE> d plnns are great ways to sqwrrel away money for the
post-wotk y ears They're more effecli'fe than :annuities becaus e they usvalty have
tower fees and mosl give you a bigger b1eak on ta-.:es. For e.::.ample. both a
.401(k)'s p!nc ipal and eamings grow t.ax-defened, whereas only an annuit )'s
e.armngs do so_ .AJso , most plans grfe you a Yride vane-ty of in.,-estment options

Az "Annuities Step by Step"


felirat (vi trlesztrszletek
lp srllpsre) oldalnvnek
tnik, de nem az.

~AJ~!i).i.il<

The follovting ciHut shows cont1ibut ion limi!S, att<fantages. and othe-r comparison
points for the different plans.

Az oldalnv valjban "Fund


other plans first" (Finanszrozzuk
elbb ms terveinket!), de ez
sehonnan sem derl ki, mert: a)
nincs oldalnv a la pon, s b) a
bal oldali lista nem rendelkezik
"n itt ll" jellveL

tlll!.l.!.!lilitlltmll!:
1:~:~~

What s an

first

~!.n.?.
ls an annuity right
for you?
_SJ~J~..J

Compare annultie-s

to funds

: Retirement Plaus At A Gla nce


Plan
401(k)

SJIOnsor
Corporat ions.

Annu a l Contribulion
limit
Maximum employee

v;ith mote than contribution is $10.000


-;..; 'ffi[I!CIYP !!S _

Advantagos

You choose hc.,:i

to allocate your
in:;tmnts

Nincskeresmez

vagy
sem. Ez meglep
egy olyan nagy s vltozatos
honlap esetben, mint a Qu ic ken.
com, ami radsul nagyon
sok hasznos informcival
szalglhatna a fel hasznlknak.
keresgomb

<AZ N JAVASLATOM
Kiegsztenm az oldalt ...

> a tartalom felett elhelyezett


Befors thinking about annuities, fully fund the tax-deductible and taxdeferred
savings plans (other than annuities) that you'te quaiifled to take part in. l
and employer-sponsored plans ara great ways to squirrel <NtaY money for the
post-worl< years. They're mara effective than annuities bacausa they usually have
lower fees and most give you a bigger break on taxes. For example, both a
401(k)'s principal and eamings grow taxdeferred, whereas only an annuit y's
earnings do so. Also, most plans give you a wide variaty of investmani options.
c . .....

ls an annuity right
for you?

The follawing chart shows cont ribulion limits, advantages , and other comparisan

points for the different plans.

SW!.1
Compara annuities
to funds

Annual Contributlan

Limit

Advantagas

[ 100 J

oldal nvvel;

> egy "n itt ll" jellvel a bal


oldali listban, s

> egy keresmezvel a


"Segdeszkzk"-szekciban.

UTCATB L K S WEBMORZSK

Ml A GOND EZZEL A KPPEL?

l~ l !!'~ " """'"''"''"'.u l

,
To Viow Our
. .""
_Home
Appliance
Selection, ......_

":""':':V;;)' !

~i
Pi!>u e t OVO

P tay~rs.

liiii~

f'llilips. 0V0 Pi aJ'UI5

"~H;_

1'1av;'gt!

A"DVD-players" cm az "AudioNideo Main"


elnevezs f ltt ll, pedig alacsonyabb
szin t a hierarchiban. Sehol sincs
keressi l ehetsg , am i hatalmas hiba egy
termkekke l zsfolt webruhz honlapjn.

Sh;up OVDPI<fY"111

IIIIIiiiiI~
t ~ ~~ ~ n i t

OVO

Pl :;oy~ rs.

Su.r!Jt

A log a navigcis elemek alatt


helyezkedik el, ezrt nehz szrevenni.
Tlsgosan hason lt a mel lette tallhat
hirdetsre, s nincs a bal fe l s sarokban,
ezrt knny azt hinni, hogy reklm .

S u ~prHS()IS

<A CG JAVTOTT VERZIJA

"""""'

"""""
.............
""""""

"""""
.............,
"""""'
..........
""""
"""""""'
""""""
"""""""'
"""""""
""'

lll

...
...
- - ...
..
-...-- - ...

Go.VId o0\10Pia)1rs-

d!!iiiiiiiJ

3iE

Pion..rDVD PI.,-.110

Sii!NIIngDVOPI.yrs

Shasp OVDP I_,..n

Panasanle OVDPirprs

Alw 0\IOPirprs

--.

Phlllps DVD PI.,..rs

lj

So"YDVDPI ~yt~rs

Sllfg Svppr- f l

" .. , .... ,, ... .

--......... .......
.........
""""

"'-"""
..............,

""""""'
,.,,"=.

"""""
"""""""'
~

""'

ill

NCDVOPI ~rs

T'*'lb DVOPI8)"1rs

TMIIIU D\IOPIII)"'Ill

Pi on ..r OVD PI.y.rs

"l

Go.VIdeo DW Piay~~rs

lll!iiiiii;j)

r.::::D

De mint az gyakran megtrtnik az


jratervezs sorn, az e l relpsek
ms tren ht ra lpst eredmnyeztek.
A segdeszkzk pldul egy jl olvashat
sorbl kt olvas hatatlan sorba kerltek.
(Soha ne alka lmazzunk tbbsoros linkeket,
nagyon nehezen olvashatak!)

<AZ N JAVASLATOM

........ ' , .. ''"" ~

JVCOVDPJ.,.ers

,, ,.

Se.,.. ng DVD PJ_,.rs-

Shilrp DVD PIJptc

PanROnic: 0VDPI8)"1B

NwaOVDPiqars

Phlll,-OVD Pirprs

lj

S.nyOVD P~f'l

Amg ezen a fejezet en dolgoztam, a Global


Mart j ratervezte a hon lapot, s a legtbb
hibt maguktl kijavtottk, pldu l a logt
a lap tetejre helyeztk, s keresmezt
adtak az oldal hoz.

SIUgtSuppr..of'l

[ 101

Az "AudioNideo" linket az olda lnv fl


helyeztem, gy a vizulis hierarchia megfelel
a logika i hierarchinak. Jobban kiemeltem
az oldalnevet, s kzprl balra helyeztem .
(A legtbbszr a ba lra vagy jobbra helyezett
fe liratokjobban rzkeltetik a vizu lis
hierarchit, mint a kzpen l lk.)
Ugyanebb l

az okbl a keresgombot a

keresmeza l l a mez mell tettem t.

6. FEJEZET

Ml A GOND EZZEL A KPPEL?


A navigcis elemek az egsz oldal terletn szt
vannak szrva, gy nehz megllaptani, mi a rsze
s mi nem. A navigcis elemek, a hirdetsek,
ajnlatok s maga a tartalom egybeolva d.
Hinyzik a me n ; az oldal tetejn lev lista
mennek tnik, de nem az, hanem a CNET.com
tovbbi alacsonyabb szint weboldalainak listja.
Klnsen zavar, hogy a Builder.com (a honlap,
ahol jrok) nincs rajta a listn.
Egyedl a webmarzsk jelzik, hogy hol vagyok a
Builder.com honlapjn bell.
Azt sem knny megmondani, hogy hol kezddik
maga a tartalom. Olyan az oldal, mintha folyton
jrakezddne: hosszan lefel kell grgetni, hogy
kitalljuk, mire j egyltaln.

<AZ N JAVASLATOM
Ez a honlap kifejezetten nagy falat: olyan alapvet
strukturlis hibi vannak, amiket elbb ki kell
javtanunk, s csak utna trhetnk r a kls
megjelensre.

More Crltiquas From Builder.com


""""'-"" -

~ f311689)

~ (7/14199)

JM (411"-'9)

Tht!n!tmf!MqetQIIJbn (4flJ99)

lJbwrdflnlt!flio1 (9f29.99)

~ (1Cl/2Df:J9)

Mt!!hSJtwlll!HjM fl/\199)

~-

~ (3131"'>

~ lll'l!tiuJ>m W"-'9)

~-

- ~~

e.i!!wm flllS"'>

E...!:!n!i!!t t9122.-99J

Rr!llarw!BJp!jJ!Cbi!N;b ~

taw, (10t13o93)

~ {9.&19)

A kvetkez vltozsokat hajtottam vgre:


nmikpp sszbb hztam a lap tetejt, s
megprbltam a tartalom rendelkezsre ll
terletetjobban elklnteni gy, hogy a bal oldali
oszlopnak sznes htteret adtam.
Arrl is gondoskodtam, hogy az oldalnv
pozcijbl vilgosan kiderljn: kapcsolatban ll
a tartalommal.

[ 102

UTCATBLK S WEBMORZSK

n ittll

Ml A GOND
EZZEL A KPPEL?
Szinte semmi. Ugye, milyen nehz
hibt tallni ezen az oldalon?

Eh~ ; f:":d:

G; ....:__El2.'.:..:

.
E~~~-'-;L?J2i.

: ~~~G~YJ,p avrga"~"-'''"'

L1 ~.:

f l>; t~

\~l

Ht ppen errl van sz .

,i fjt#>;!:;,

At -:'5

PinetopPerkins

Blues Ed ito r ' s Pick s

.....;- __

~Jo!'{

~ t::l!!t~..D-O:l.f:!.J:~JR~l..S..~

<AZ N JAVASLATOM
Szinte semmi olyan nincs ezen az
oldalon, amiben kivetnivalt ta llnk.

Indep~nll

General

ModemB!ues
Res:ionalBiu.es
Tra&tion.alB!ues

Blues Rock
Chitaao Blues
Deha B!ues
Female Vocal
Blues

85
Pm.topPorlcin>

Can't-Mss

Emeraing.Arti.sts

C!a s ~ics

Bluesenthe
Road
Romantic Blues
Blues for Rock

Best oftheBest
PenonalFavorit:es

lllliT>;l'

WIAt

Blues Editor's Picks

IOUnd.er$10
Blues inaBox

New and Notable

Browse Blues

p""
Bluesforthe

Holidays

&u u s-..tJet Biucs


Gay< Ad<gbolola

ll

t 7h4 Good Tv r.ll&


&IL.Louis JordaM
B.B. IGoo

The~

BluRs AN! Ali

J.fir~

TabBenoit

M g ra ngw rftl&osas

Taln csak a keressen vltoztatnk.


Nem rtem, mirt az"Enter Keywords"
(frja be a kulcsszavakat!) feliratot
alkalmaztk, amikor szinte az egsz
honlapon a"Search" (Keress)
formult hasznljk.
Ha a keress helyt s cljt
egyarnt megadhatj uk, angol
nye l v honlapokon clszer a "for"
elljrszt is hasznlni, hogy a
keresmezk felirata gy nzzen ki:
"Search _ _ for _ _" (Keress valahol- valamire).
Az oldalnevet jobban kiemeltem,
hogy a tartalom s a navigci
cljra szolgl terletek mg inkbb
elklnljenek egymstl.

[ 103 J

Egyszer majd krnk magtl valamit.


- SZLLIGE A TAN C . FILMB L

Az

EGYESLT LLAMOKBAN VOLT

egy npszer televzis vetlked az tvenes


vekben: a "Beat the Clock" (Csapd le az rt!).

A jtkosok kaptak egy trfs feladatot Bud


Collyer msorvezettl. Miutn figyelmesen
vgighallgattk az instrukcikat (pldul: "negyvent msodperce van arra, hogy a fejre erstett
szrbe ntsn tt ezekbl a vzzel tlttt lufikbl"), vgre kellett hajtaniuk a feladatot.
Ez elsre nehznek tnt, de egy kis szerencsvel
azrt meg lehetett csinlni.

Bud Collyer egyik oroszlnszv

Csakhogy, ammt a versenyzo keszen llt, Bud versenyzjt btortja


szinte szrakozottan- mindig hozztette: "Ja, s
mg valami ... mindezt gy tegye meg, hogy... be van ktve a szeme"; vagy:" ... a vz al
bukik."; vagy:" .. . elrepl az tdik dimenziba".
Valahogy gy ll a helyzet kezdlapokkal is. Amikor mr gy
megoldottunk, mindig felbukkan mg valami.

tnik,

minden problmt

Gondoljuk vgig, milyen sok nlklzhetetlen funkcija van a kezdlapnak

> Be kell mutatnia a honlap identitst s cljt! A kezdlapnak azonnal tudatnia


kell a ltogatval, hogy mi a honlap clja, mire hasznlhat, s ha lehet, azt is, mirt
jobb itt, mint mshol.
kezdlapnak informlnia kell arrl, mit
knl a honlap a tartalom ("Mit tallhatok itt?") s a forma vonatkozsban ("Mit
csinlhatok itt?")! Be kell mutatnia azt is, milyen elv alapjn szervezdik a honlap.
Minderre tbbnyire az lland navigci elemei szolglnak!

> Be kell mutatnia a honlap hierarchijt! A

Steve K rug termszetesen nem erre a jilm1e hivatkozik, hanem egy Magyarorszgon teljesen ismeretlen,
t venes vekbeli amerikai tvsorozatra, de a mott zenete ugyanaz . (A Ford.}

[ 105

.~

7. FEJEZET

>

r:~

D ...

_,._,;'"'"'=-]
'"'-'

Folyamatosan fri~sl
tartalom . ,._
;:

Folyamatosan
frissl
tartalom

Lehetsget kell adnia a keressre!


A legtbb honlapnak mr a kezdlapon
szksge van jl lthat keresmezre!

> Fel kell csigznia a ltogat rdekldst! Ami a folyiratnak a cmlap,


az a honlap szmra a kezdlap: kls
"csomagols", ami azzal kecsegtet, hogy
nagyszer dolgok rejlenek odabent.
A tartalomajnlk a tartalom legjabb,
leginkbb figyelemremlt vagy legnpszerbb rszleteit mutatjk be (pldul a
vezet hreket vagy a kedvezmnyes r
termkeket). A szolgltatsajnlk arra
sztklnek, hogy feldertsem a honlap
bizonyos szekciit, s kiprbljak olyan
szolgltatsokat, mint a szemlyreszabs
lehetsge vagy az e-mailes hrlevl.

> Folyamatosan frissl tartalommal


kell rendelkeznie! Mivel a legtbb honlap akkor sikeres, ha a ltogati idrl
idre visszatrnek, rdemes a kezdlapot
rendszeresen frisstett tartalmi elemekkel is elltni. De mg ha a honlapnak
nincs is okvetlenl szksge arra, hogy a
ltogatk rendszeresen visszatrjenek, nem rt nmi letjeL Ez lehet valami egszen
egyszer dolog, pldul egy sajtkzlemny linkje.
> Lennie kell rajta kereskedelmi cl felletnek! A kezdlapok tartalmazzk a hirdetseket, itt jelennek meg a ms honlapokkal kttt klcsns megllapods alapjn
elhelyezett reklmok s hirdetmnyek.
> Tartalmazniakellgyorslinkeket! A tartalom legkeresettebb elemei (pldul a szoftverfrisstsek) megrdemelnek egy sajt linket, hogy a ltogatknak ne kelljen kutakodniuk utnuk.
>

Lehetvkell tennie

a regisztrlst! Ha van ilyen lehetsg, a kezdlapo n legyenek


a linkek, amelyek segtsgvel az j felhasznlk regisztrlhatnak, a regisztrlt felhasznlkpedig bejelentkezhetnek. Itt kell informlni arrl, ha a felhasznl sikeresen belpett. ("dv, Steve Krug!")

[ 106

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Ezeken a konkrt szksgszersgeken tl a honlapnak nhny absztrakt clt is teljestenie


kell:

> Meg kell mutatnia, amit keresnk! Mr a kezdlapo n nyilvnvalv kell vlnia, hogyan rhetem el azt, amit szeretnk, feltve, ha az a honlapon megtallhat.
> s azt, amit nem keresnk! Az is a kezdlap feladata, hogy elm trjon nhny
csodlatos dolgot a honlap knlatbl, amit korbban nem kerestem ugyan, mgis
felkelthetik az rdekldsemet.
> Meg kell mutatnia, hol kezdjk! Nincs rosszabb, mint elveszetten csorogni egy kezdlapon, azon tndve, hogyan lehetne vgre elkezdeni a bngszst vagy keresst.
> Hitelesnek s bizalomkeltnek kell lennie! Vannak ltogatk, akik szmra a bizalom felkeltsnek els s utols lehetsges sznhelye a kezdlap.

s tegyk mindezt bekttt szemmel ...


Ha mg mindig nem elg ijeszt, hogy a kezdlapnak muszj az sszes felsorolt funkcival
rendelkeznie, tegyk hozz, hogy a tervezst kedveztlen krlmnyek kztt kell elvgezni. A leggyakoribb nehzsgek a kvetkezk:

> A kezdlapbl mindenki kikanyarintana egy jkora szeletet. Mivel ezt az oldalt
szinte minden felhasznl ltja- s nhnyan csak idig jutnak el-, a kezdlapon
hangslyosan megjelen ajnlatok biztosan kelendbbek lesznek.
A kezdlap ezrt a vilghl Rzsadombja: itt sorakoznak a legrtkesebb telkek, ahol
nem ptheti fel akrki a sajt hzt. Mgis mindenki, akinek kze van a honlaphoz, szeretne egy ajnlatot, vagy a maga szekcijra mutat linket, s a kezdlaprt folytatott dz
"bandahbork" elfajulhatnak
Mivel a legtbb felhasznl az els rdekes hivatkozs utn mr nem is nzi tovbb a lapot, a
"hajts feletti" 43 szakasz a Rzsadomb panorms, sparkos telke, amirt mg vadabb a harc.

> A kezdlap olyan, mint a foci: mindenki rt hozz. Ez az oldal annyira fontos, hogy
megtervezsbe a kzbesttl a cgvezetig mindenki beleszl.
> Mindenki elvrja, hogy a szja ze szerint kszljn. Az alsbb szintekkel ellenttben, a kezdlap knytelen minden ltogatnak kedvre tenni, korra, nemre, szemlyes rdekldsre val tekintet nlkl.
43

Ez a napilapszerkesztsbl tvett kiftjezs a weboldalnak azt a rsztjelli, amit grgets nlklttekinthet


az Olvas.

[ 107 J

7. FEJEZET

Mindenki szeretne magnak horgszengedlyt a


kezdlapon.

Radsul mindenki a legszebb csalit akarja


bedobni (j kvr linket), s a legjobb stget
kveteli (a hajts felett).

'"

\\11

Az els hadirokkant
A kezdlapnak annyi elvrsnak kell megfelelnie, hogy igazn komplex honlapok esetben mg a legkivlbbak sem kpesek minden ignyt kielgteni. A kezdlap ltrehozsa
hatatlanul kompromisszumokkal jr. s a kompromisszumok mr csak olyanok, hogy
valaki mindig rosszul jr velk: ha egy legeslegutols dolgot mg muszj bezsfolni, az
csak valami ms krra trtnhet.
Az egyetlen, ami nem tnhet el a sllyesztben -de mgis a leggyakrabban eltnik-, az
ppen a lnyeg: a ltogatnak azonnal meg kell rtenie, mire j s hogyan hasznlhat
a honlap. Ha kapok egy kezdlaptervet elemzsre, mindig arra szmthatok, hogy nem
fogom ltni a fktl az erdt.

[ 108

A GYGYULAS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

A kezdlapnak a lehet leggyorsabban s legvilgosabban felelnie kell ngy krdsre, ami


a ltogat fejben flbukkan, amikor elszr keres fel egy honlapot:

i~,._..._...,~

~
Miez?

r ;1

IlY''W
: Shoply~

..........

Q-.

essenti~.com

Why... c_..,,,.. .. ..,....


_ ..,.ot-. ..-,

=.:::::::.:
.....
=w:.~-:.:::;:;;:;!;:,..
_.... _,
o- ""'-"-'

Plua . w .

Mit knlnak?

~.t_,_,......,....,,_..,

- ~ ........ 9001-" ,...._


.....

r ";1
J

1 =.

-~. -,.....--. . ........


, .......,., lltloh--.g,YI .. 'I'ceH\nint,

H -...

"1 -~"'

"'t'..-,.

~\
l

m~-~"
- r\_
__

W~!lcometo i~

~ """:.:"

iJ

--

~
.-. .
~

...........

~ -""

ot ......

~"""'

'-M........

~---

@0111,.

AU. of

Mit csinlhatok
itt?

.~:!. :!!!.

(Q-.

f'
\_

Mirtjobb ez,
mint a tbbi?

~ :ooo ru_oL _..,I""'""" """'" ...,-4.

~ ~ ~~ ~

www.essential.com

Egyetlen szempillants alatt kell


ezekre a krdseimre.

egyrtelm,

vilgos s magtl

rtetd

vlaszt kapnom

Ha az els nhny msodpercben nem vilgos, hol jrok, ksbb mindent nehezebben
tudok rtelmezni, s ez tovbbi flrertseket szl s bosszsgot okoz.
De ha azonnal "veszem az adst", sokkal valsznbb, hogy az oldalon tallhat egyb
dolgokat is helyesen fogom rtelmezni, s gy nagyobb az eslye, hogy elgedett leszek, s
sikeresnek rzem majd magam.
Flrerts ne essk: ms dolgok is fontosak. A j benyoms, az elcsbuls, az ajnlatok tbngszse - minderre szksg van. De ezek gysem fognak elsikkadni, hiszen a tervez
csapaton bell s kvl sokan rdekeltek abban, hogy rvnyre jussanak. Ehhez kpest
fordul el tl gyakran, hogy a lnyeg senkinek sem szmt igazn.

[ 109

7. FEJEZET

AZ T LEGNPSZERBB RGY ARRA, MIRT NEM KZLIK


A KEZDLAPON, MIRE SZOLGL A HONLAP
Flsleges, mert
nyilvnval.

Az emberek
egyszer elolvassk a
magyar zatot, s mris
unjk: flsleges a
kezdlapra helyezni.

Akit igazn rdekel a


honlapunk, gyis tudja,
mire val.

Ha honlapot ksztnk, szmunkra annyira nyilvnval, mit knlunk (s milyen kivl minsgben!), hogy hajlamosak vagyunk
elfelejteni: msoknak fogalmuk sincs az egszrl.

Igen kevesen kerlnek el egy honlapot csak azrt, mert mindig


ltjk ugyanazt a feliratot vagy magyarzatot - hacsak nem terpeszkedik el az oldal feln . Gondoljunk bele: tudjuk ugyan, minek
a rvidtse a JAMA, de baj, ha a log alatt apr betkkel mgis
szerepel a .. Journal ofthe American Medical Association" felirat?

Csbt a gondolat, hogy azok, akik nem azonnal ..veszik az adst';


nem is tartoznak a honlap tulajdonkppeni clcsoportjba. Csakhogy ez egy nagy tveds. A felhasznli tesztelsek sorn sokszor
hallottam, hogy egy felhasznl gy kiltott fel az oldal lttn: .. A,
szval errl van sz? Hasznltam volna korbban is az oldalt, csak
nem tudtam, hogy erre val:'

Tegyk fel, hogy az emberek megjegyzik a televzis, rdis vagy


nyomtatott hirdetst- de vajon emlkezni fognak arra is, mi keltette fel az rdekldsket, amikor felkeresik a honlapot7 44

Tettnk a kezdlapra
egy .. Elszr jr
nlunk?" linket.

44

Ha a honlap bonyolult vagy jszer, egy jllthat .. Eiszr jr nlunk?" link elhelyezse nagyszer t let. Ez azonban nem ptolhatja
a honlap funkcijnak vilgos magyarzatt, mert a legtbb ember az ilyen li nkre gysem kl ikkel r addig, amg a sajt prblkezsai kudarccal nem vgzdtek . Addigra azonban mr valsz nl e g
nagyon ideges.

R szlet a Wall Street j ournal 2 000. mrcius 3 0-i szmbl:


"Az Outpost.com az 1999-es Super Bowl- bajnoksgra idztve rukkolt el hrhedett s nagy vihmt kavar reklmjval, amelyben hrcsgket lttek ki egy gyzbl. Azta [ezt a reklmot}felvltotta egy szolidabb hirdets, amelyben Martin M ull komikus elmagyarzza a vsrlknak, hogy mit fmgalmaz valjban az Outpost. com (szmtstechnikai, technolgiai s elektronikus berendezseket). E zt elmondhattuk volna korbban is- vicceldik-, de
inkbb hmgket ldztnk ki egy gyzbl. De hogy mirt. . . i'"

[ 110

A GYGYULAS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Hogyan kzvettsk zenetnket?


Lttuk: a kezdlapon mindennek azt a clt kell szolglnia, hogy a ltogat megrtse, mire
szolgl a site. A kezdlap ugyanakkor rendelkezik kt olyan klnleges elemmel is, amelyektl kifejezetten azt vrjuk, hogy informcit adjanak a honlaprL
> A szlogen. A kezdlap egyik legrtkesebb parcellja a logtl jobbra tallhat hely.
Ha itt nhny szavas, a logval kapcsolatban ll jelmondatot tallunk, tudjuk, hogy
ez a honlap szlogenje, amit az egsz honlap "jellemzseknt" kell rtelmeznnk.
A kvetkezkben rszletesen foglalkozunk a szlogennel.

L Z

c"";.,.,._.

{~J

Welcome to

BabyCenter

---, - - -

-,";
'ii'~.i-!~-~~-=~-11--------,

'Wbu'IIM~of

llridleOOIPf.-Ywd
blby, .~OI

~oont~.llilnhu!le beb)r

---e:qwl~.

start here ...


~is.csylo ~

Pregnant? Baby at home?

:~:t=,;=:..

> Az dvzl szveg. Az dvzl szveg a honlap rvid s vels lersa, ami a kezdlap egy jllthat, grdts nlkl elrhet szakaszn tallhat.
Nem fogjaminden ltogat tanulmnyozni ezt a kt elemet, sokan szre sem veszik majd.
s ez nem baj: a legtbben gyis a tartalom tfutsval ksrlik meg kitallni, mi clt szolgl az oldal. De ha kudarcot vallanak, szksgk lesz tmpontra.
Nhny honlapon egy h armadik lehetsggel lnek, s a lap tetejn, a logtl jobbra fekv
teljes felletet hasznljk, hogy minden szksgesnek tartott informcit tudassanak a
felhasznlval. Ekkor azonban vizulisan nyilvnvalv kell tenni, hogy az a terlet a log
kiegsztje, s nem hirdets, mivel a felhasznlk ezen a helyen rendszerint hirdetst
vrnak, ezrt nem is olvassk el.

[ lll

7. FEJEZET

l
Kvetkezzk nhny tlet annak rdekben, hogy sikerrel tolmcsolhassuk az hajtott
zenetet.
> Hasznljunk annyi helyet, amennyi szksges ... Nagy a ksrts, hogy sproljunk
a hellyel, mert: a) nem tudjuk elkpzelni, hogy van, aki nem tudja, mi clt szolgl a
honlapunk; s b) mindenki a sajt cljra szeretn megkaparintani a szabadon maradt
felletet.

Vegyk pldul az Essential.com-ot! Megjelensekor ez az oldal annyira jszer clt szolglt (segtsgve! az Egyeslt llamokban lk kivlaszthattk a szmukra legkedvezbb
kzmszolgltatkat), hogy a honlap clja aligha derlt volna ki alapos magyarzat nlkl.
Ezrt a kezdlap jelents rszt ennek a clnak szenteltk, s gyakorlatilag minden elem
arra szolglt, hogy a felhasznl rtelmezni tudja, vagy jobban tlssa, mit csinlhat a honlappal.

l. Jllthat szlogen.
2. Jllthat, mgis lnyegre tren rvid dvzl zenet: a "Mirt" (Why), "Hogyan" (How) s
"Plusz" (Plus) szavak jl tagolt felsorolss teszik a szveget, ami gy nem hossz s ijeszt.
3. A ,,Vsrls szaigitats szerint" felirat (Shop
by Department) vilgoss teszi, hogy a lejjebb
fekv szekcikban vsrolni is lehet, nem csak
informldni.
4. A pozitv gyflkritika (s a figyelmet r irnyt
fot) mg egyszer megismtli azt, ami fo ntos.

www.essential.com

[ 112 ]

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

> de ne hasznljunk tbb helyet, mint amennyi szksges! A legtbb honlapnak


nincs szksge arra, hogy tl nagy felleten tudassa alapvet cljt. Az egsz oldalt
zenetek amgy is tl hosszak ahhoz, hogy brki frassza magt velk. Legyen az zenet rvid: ppen annyira hossz, hogy a lnyeg kiderljn belle. Nem
szksges a honlap minden vonz szolgltatst kiemelni, elg a leglnyegesebbeket
megemlteni, legfeljebb ngyet.
betlt

> Ne hasznljuk dvzl zenetknt a cg kldetsnyilatkozatt! Vannak trsasgok, amik korbban megrt fellengzs s kacifntos kldetsnyilatkozatukat msoljk
a kezdlapra: "Vllalatunk profilja, hogy vilgsznvonalon alkalmazott ttr megoldsaink segtsgvel kiemelked szerephez jussunk a hazai kis- s kzpvllalatok
ilyen-olyan-amolyan elltsnak nagyfok felelssgrzetet s krltekintst kvn
terletn ... "Az ilyesmit senki sem olvassa el.
> Ha valamit tesztelni kell, a kezdlapot biztosan. Sajt megtlsnkben nem bzhatunk A kezdlapot muszj megmutatni olyanoknak, akik nem a honlap fenntartjnl dolgoznak. ppen a lnyeg az, aminek a hinyt senki nem fogja szrevenni,
aki a site mgtt ll szervezet munkatrsa.

Nin.cs is jobb egy j szlogennl!


A szlogen vels, lnyegre tr mondat, ami jellemz az egsz vllalkozsra, meggyz, hogy
mirt jobb, mint a konkurencia, s informl a knlt szolgltatsrl. A szlogenek hossz
ideje jelen vannak a reklm- s szrakoztatiparban s a kiadi szolgltatsok tern, mint
pldul "Cipt a cipboltbl", "Hetilap, ami lendletbe hoz", "A csald sznhza".

[ 113 ]

7. FEJEZET

A weboldalakon a jelmondat kzvetlenl a log alatt, fltt vagy mellett helyezkedik el.

.,El scm hiszed, dc itt megtallod azt a knywt is!


HOME

www.alibris.com

A szlogen kivlarr alkalmas arra, hogy clba juttassuk vele az zenetnket, mert valamiben egyedlll: a szlogentl minden felhasznl azt vrja, hogy a honlap cljnak tmr
sszefoglalst adja.

> A j szlogenek vilgosak s informatvak.

www.computerunderground.com

> A rossz j elmondatok homlyosak

SONICNET
AZ ON-LINE ZENEHALOlAT

www.sonicnet.com

> A j jelmondat szksges hosszsg. Hat-nyolc sz elg ahhoz, hogy teljes gondolatot kzvettsen, mgis elg rvid ahhoz, hogy knnyen befogadhat legyen.

ONv'A.com

Oolgou.! Okosan,_

ONv'A.com
Dolgozz! Okosan!-

A"Dolgozz! Okosan!" kivl szlogen lenne egy tvreklm ban,


de egy weboldalon tl keveset mond.
Erre nyilvnazOnvia is rjtt, s jabb szlogennel egsztette
ki az elzt.
" Nagy vllalkozsunk, hogy tmogassuk
kisvllalkozst "
MY BUSINESS

www.onvia.com

[ 114 J

"Nagy vllalkozsunk, hogy


tmogassuk kisvllalkozst:'
Sajnos ez a szlogen gy mr
tl hossz lett.

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

> A j jelmondat egynti a honlapo t, s azt is kzli, mirt jobb a rivlisainL

A legmegbzhatbb tnyforrs a neten.


www.refdesk.com

> A rossz jelmondat tl ltalnos.


Idt s pnzt sprol ni, egszsgesnek maradni j
dolgok, csakhogy ebbl semmit sem tudunk meg a
hon laprl.

www.netmarket.com

Aszlogennem sszekeverend a mottval. A mott, pldul "Jobb veled a vilg", "Nknek


szl", "Szolglunk s vdnk'' ltalnos letrzst fejez ki, megnevez egy clt vagy vezrelvet. A szlogen ezzel szemben tmren sszefoglalja, milyen szolgltatst nyjt az adott
cg vagy honlap. A jl cseng mott bizalmat breszt, de ha nem tudom, mire j a honlap,
a mott nem fogja megmondani.

> A j szlogen rneggyzen hangzik, figyelernfelkelt s olykor formabont is. J , ha


a szlogen tletes szjtk, de ez segtse s ne htrhassa a megrtst!

A "Crad le and ali" (magyarul krlbell: Blcs s minden ms)


frappnsnak tn szlogen. Mgis azt a benyomst keltheti, hogy
a BabyCenter.com csak babaholmikat forgalmaz, pedig a honlap
kivl tancsokkal s informcikkal is elltja az rdekldket.

~ 3/512000

Welcome to
BabyCenter
t

r' \

You1 flnd lhousands ot


articles on pregnancy and
baby, a community ot
parents, plus a huge baby
store wilh expertadvice.

www.babycenter.com

[ 115

Szerencsre a BabyCenter jl megrt


dvzl zenettelltta el az oldalt, ami
majdnem tkletes: szinte elg rvid
ahhoz, hogy knnyen olvashat legyen,
s a vastagon szedett kulcsszavaknak
ksznheten knnyebb tfutni.

1
7. FEJEZET

Van, aki szlogen nlkl szereti


Egyes honlapok szlogen nlkl is elboldogulnak. Pldul:
> az a nhny honlap,
amely sajt kategrijnak
legismertebb
kpviselje; 45

elj
.

a!l'la~on.com.
-

salon.com

. .

'------------------------'

> s azok a honlapok,


amelyeknek off-line
eredetijk is ismert s

Smithsonian
MAGAZIN

CJNN.com_

npszer.

Szerny vlemnyem szerint azrt mg ezeknek a honlapoknak is jt tenne egy szlogen.


Akrmennyire is kzismert egy trsasg, egy j szlogen csak nveli a szervezet ismertsgt
s elismertsgt. De nem rt akkor sem, ha npszer, weben kvl mr bejratott brandrl
van sz: a honlap cljamindig ms, mindig tbb, s rdemes elmagyarzni a klnbsget.

Az tdik krds
Ha mr tudom, hol jrok, akad egy tovbbi fontos krds, amire a vlaszt a
kell megadnia:

kezdlapnak

\Vcloomcto ;:::';\.

essenti~. com
Why. c.....,.
.. a...h.,.....................
-UIIIoilt'
-....... ,.........
,.....

.._.a... t ltlo~YIII.Y-< 11\f

1<#>4WII.T_.,;o,.,(_..,......,

--Mi<ttJ..
How... w.t._...,............,..,,_,ef, .....
...,_, . ,,.,. e.,~r"' R '"' ' '
-u-~ -Jeio' "'--

--.

45

1998- ig mg az A mazonnak is volt szlogenj e, p edig ekkor mr standardnak


szmtott (br igaz, a Time cmlapjn csak ksbb j elent meg).

[ 116 J

800kS.

MUSIC

&

MORE

amazon.com

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Amikor belpek egy szmomra ismeretlen honlapra, a


vlaszt kell kapnom a kvetkez krdsekre:

kezdlap

tanulmnyozsa utn

> Hol kezdhetern a keresst?


> Hol rdemes a bngszst elkezdenem?

> Hol kezdj em, ha a klnleges ajnlatok kztt akarok sztnzni?


A tbb lpsben ignyelhet szolgltatst (pldul hitelignylst) knl honlapok esetben a kezdpontnak a napnl is vilgosabbnak kell lennie. Azokon a weboldalakon pedig,
ahol az j felhasznlk regisztrlhatnak, a visszatrk pedig bejelentkezhetnek, feltn
helyen kelllennik az erre a clra szolgl mezknek.
Sajnos a kezdlapon tengernyi ms dolgot is muszj jllthatv tenni (hiszen klnben
hogyan lehetne sikeres az e heti zsenilis zleti modell?), s ez nha elhomlyostja az
emltett fontos kezdpon tokat, amiket tnyleg nehz megtallni, ha az oldal tele van harsnyabbnl harsnyabb hirdetsekkel: "Klikkelj rm!", "Ne oda! Ide kattints elszr!"
A fenti problma legjobb gygymdja, ha a kezdpontok gy nznek ki, mint a kezd
pontok (tovbb a keresmezgy nz ki, mint a keresmezk, s a men gy nz ki, mint
a menk). Az is segt, ha mindenhez olyan vilgos cmkket rendelnk, mint "Keress",
"Termkeink'', "Bejelentkezs" vagy "Kezdd itt!" (ha tbb lpsben ignyelhet szolgltatst knlunk).

Ez a lap ms, mint a tbbi


A webdizjnerek sokszor felteszik a krdst: szksges-e, hogy a navigci a kezdlaponis
ugyangy pljn fel, mint a honlap ms rszein? Pldul ha az lland mensor vzszintes, lehet-e a kezdlap menje fgglegesen rendezve?
A vlasz a kvetkez: igen, termszetesen lehet. De azrt ne legyen nagyon klnbz.
Tekintve, hogy a kezdlap amgy is sajtos clokat szolgl, nem baj, ha itt nem az lland
navigcit hasznljuk. A fbb klnbsgek a kvetkezk lehetnek:
> A kezdlapon rszletezhetjk a menpontokat. Mivel a kezdlapnak arrl kell
informlnia, hogy mi tallhat a honlapon, itt egy-egy mondattal jellemezhetjk a
menpontokat, st akr az almenk rszletes listjt is megadhatjuk - erre a tovbbi
oldalakon nincs elegend hely.

[ 117 J

7. FEJEZET

Kezdlap

occ:asion

redpent

lifestylc:

shops

wt>ddint;

fo r ht' r
fo r him
fo r ld d1

r lt ~up l o r n

gourmet bu keas
h orut' d ~co r
b.u h +body

lh ' Yio' b.~by


ll llni Vt' f U l f
IU 6 f t'

UhHC'

911 gHu

,th )) &carc b

;Ih remindu

!H i gH1s

th t' i;.Ud C' U ~ r


U\ f 't'

corporuc: sths

rc:cpent

Mshol

rh t' i pa uot'kt' r

JU O f t'

euuomcr care.

lifcstyle

corporatt &Ihs

shoppina

: ba1

shops

cu;,tomu care.

J hoppin&

hag

> Alkalmazhatunk ms elrendezst. A kezdlap gyakran ms szerkezettel rendelkezik, mint a tbbi oldal, ez nha szksgess teszi, hogy vzszintes helyett fgglege
sen elrendezett navigcit hasznljunk- vagy pp fordtva.

> A kezdlapon tbb hely jut a lognak Ahogy egy bolt bejratnl is feltnbb az
zlet emblmja, gy rendszerint a kezdlapon is nagyobb mretben szerepel a honlap logja. Emellett valahol a kzelben a szlogen szmra is helyet kell szortanunk
(a szlogen a tbbi oldalon nem felttlenl jelenik meg).
Ne feledjk: rdemes elkerlni a nem okvetlenl szksges vltoztatsokat. A kezdlap s
az lland navigci mindig hasonltson annyira, hogy a felhasznl tudja, hogy ugyanannak a dolognak kt klnbz vltozatt ltja.
A legfontosabb, hogy a szekcinevek teljesen azonosak maradjanak: ugyanabban a sorrendben, ugyanazzal a szhasznlattal, ugyangy csoportostva szerepeljenek. Az is segt,
ha a lehet legtbb vizulis fogdzt alkalmazzuk: legyen azonos a bettpus, a sznek s
a nagybetk/kisbetk hasznlata.
Pldul a Wildfire.com nagyszeren megtervezett s ltalban remekl kivitelezett honlap, de tl nagy a klnbsg a kezdlap s a tovbbi oldalak kztt.

[ 118 J

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

WILDPIRI

.................,
41

ie ""m"'"

l ~lib: illpen:Oil.

___ _

...--==--"':"'"_;_r-.----

butl'm rally acomput.e.-.

0h Hit"

.....

- ... . --.
~ '*""''' Wiklh.

....-.

=-:.:::~

- """'4'-"
"{'~'-

~~~;":;.!r-:::::--...,

=--_
. __ ,.. ""_,.
. .,. . . .,__
. . . .....
_ _,.. ,,_.._

="""'"~-

"1loo_o
--- ----- ~--

:::;;*-=::-

.........................
.... _ _

.)'0'1 . . . . -

. . . . ........, . . . _

_ _

=:.:-..:.-:~::.:.=-=-==::.~;:"

~s=

... ........,. ...... _,_,...._..,_*


,,__
.___
. -------11-""'

MyActv--.:I!AIIs

_..,.....,~--

=.:::-----.,
. .. _
.__
,_

,_ ,......._,

I ~ I ~ I ~ I ~ I U:.f.. l

WANT WILOFIR E!

o.--e-,..._

J ~:;;_~_~v;::-nJI
fOR (ARRIERS

" .!!i'

.J

EHTEltPRISE -

COIISUIIER

COIIPNIY

DEIIO

l RESUME l DESOUPTION l WHITEP.APERS l SUPPORT l GET WILDFIRE l

Navigci a tbbi oldalon

THE (OMPANY

Wildfire.com
A kezdlap navigcija

Az mg nem lenne baj, hogy a kezdlapon fggleges, a tbbi oldalon pedig vzszintes a
navigci. Mg a menpontok kisebb vltozsai, mint For Carriers/Carrier (llsajnlatainklllsajnlatok), The Company/Company (Trsasgunkrl!Trsasg) is rendben
vannak, hiszen nyilvnval, hogy ugyanazt jelentik.
Az igazi problma a kezdlap elhagysa utn bukkan fel. . .

> az I Want Wildfire! (Hasznlni akarom a Wildfire-t!) Consumer-r (Fogyasztv)


vltozik;
> a WildTalk (Beszlj a Wildfire-ral!) teljesen
> az Enterprise (Vllalat)

elbukkan

eltnik;

a semmibl, s

> mg az azonos nevek is ms sorrendben llnak.


Ennek az az eredmnye, hogy a kt navigci kztti sszefggst szinte lehetetlen szrevenni. Amikor elhagyom a kezdlapo t, jra ki kell ismernem magamat a honlap navigcijban, ez pedig felesleges gondolkodst s fraszt munkt jelent.

[ 119 J

7. FEJEZET

Amikor a legrdl men nem elgg


grdlkeny
Olyan sokan prbljk a kezdlap nhny bepthet telkt megkaparintani, hogy nem csoda,
ha a tervezk igyekeznek a lehet legtbb helyet
megsprolni. Ennek egyik leggyakoribb mdja
a legrdl menk alkalmazsa. Annyi szent: a
legrdl menvel tnyleg helyet takarthatunk
meg.
Hasznlata azonban ms szempontokbl kevsb szerencss.

l Choose a calegory EJ

Legrdl

Calegories

men

Ugyanaz a men
statikus listaknt
brzolva

Alternative
Pop/R&B
Hip-Hop
Jazz
Classical
Fcik/Blues
World
~

Christian/ Gospel
Soundtracks
Comady/Spoken
Kids(Family

> A legrdl ment meg kell keresni! Csak


akkor ltjuk a lis tt, ha rklikkelnk. A lista
egyes elemeire lehetetlen felfigyelnnk az oldal gyors tfutsa sorn. Ez ppen a
kezdlapon risi htrny, hiszen a cl a honlap tartalmnak bemutatsa.

> Nehz dtni. Ha a tervezk standard HTML legrdl ment alkalmaznak, nem
llthatjk be a bettpust, a sorkzt s a lista formjt, hogy olvashatbb tegyk.
Arra sincs igazn j mdszer, hogy almenket hozzanak ltre.
> A legrdl men elillan, mint a kmfor. Hol megjelenik, hol
a szubjektv rzetet okozza, hogy nehezen olvashat.
A legrdl men leginkbb bc-sorrendbe rendezett,
kzismert tagokat tartalmaz listk esetben hasznlhat,
ahol nincs szksg klnsebb gondolkodsra: ilyenek lehetnek az orszgnevek, a vrosok, valamint egyes termknevek. Ha pldul DVD-lejtszt keresek, csak legrdtem a listt a "d" betig.
Sokkal kevsb hasznlhat az a lista, amiben szmomra
ismeretlen ttelek kzl kell kivlasztanom azt, amit ppen keresek. Klnsen gy van ez, ha a lista nincs bcrendbe sorolva, vagy annyira hossz, hogy tovbbi grgetst ignyel.

[ 120 J

eltnik,

Chacse from list


Chacse from list
Alabema

AJaske.
Alizono

Arkansas
Colifornia

Hawaii
Idaho

fl

Conten ts
Stockquotes
Grephs
Yourportfolio
Mutualfunds
Mo~s~

Connecticut
Delaware
Oisbid Of Columbia

Illinois
IndiMa

leontents

Moneygools

Colorado

~~~ia

ez pedig azt

i~~~~:s ~
Bands

Seordl
Bestplaces
Bestrotes
Bestvalues
Briefi!!.Q.._room

Kevsb j

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Sajnos azonban a tervezk ppen akkor hajlamosak leginkbb a legrdl menk alkalmazsra, amikor a lista hossz; ilyenkor rhetik el a legnagyobb helymegtakartst.
Vannak felhasznlk, akik szeretik a legrdl menket, mert praktikus ak: msok a szagukat sem brjk. n gy vlem, jobb, ha nincs, mert tbbet vesztnk a vmon, mint amenynyit nyernk a rven.

Ne edd meg ma a holnap aranytojst


toj tykot!
gy tnik, van valami klnleges a kezdlap levegjben, ami beszkti a tudatot. A kezdlap tervezsrl szl megbeszlsek java rszn nem tudom elhessenteni a fejembl a
szlst: kr lenne ma levgni a holnap aranytojst toj tykot ...
A legrosszabb az, amikor a kezdlaporr mindent hirdetnek.
Ezzel a legnagyobb gond az, hogy a mdszer ltszlag tlsgosan is jl mkdik. Brmilyen, a kezdlaporr elhelyezett hirdets garantlt forgalomnvekmnyt eredmnyez (mgpedig ltalban jkora nvekmnyt!). Ettl mindenki vrszemet kap, s a sajt termkti
szolgltatst/reklmjt is a kezdlapon akarja ltni.
Az a problma, hogy a tlzsfolt kezdlap pozitv s negatv hozadkai nem egyenl
en oszlanak meg. Mg az jonnan hirdetett menpontok ltogatottsga nvekedni fog,
a kezdlap tovSbi rszeinek produktivitsa hatatlanul cskken az ltalnos zsfoltsg
kvetkeztben.
Kivl plda ez az gynevezett kzlegelk tragdijra. 46 Konklzija egyszer: minden
megosztott erforrs ("a kzlegel") hatatlanul tnkremegy a tlzott ignybevteltL

46

Ez a fogalom, amelyet eredetileg William Foster Lloyd amatr matematikus tallt ki a XIX szzadban,
Ganett Hardin biolgus tlnpesedsrl szl esszjnek ksznheten vlt ismertt (The Tragedy of the
Commans [A kzlegelk tragdija], Science, 1968. decembe1).

[ 121 ]

7. FEJEZET

Vegynk egy falusi legelt! Minden llat, ami kikerl a kzs rtre, eladsakor bevtelhez
juttatja a gazdjt- ez +l pozitv hozadk. Csakhogy a negatv hatsok- pldul a legel
lepuszttsa - egyenlen oszlanak el mindenki kztt, gy a tbbi gazda egyttesen -l
negatv hozadkot knytelen elknyvelni.
Ltszlag a legjobb lehetsg az, ha minden psztor kicsap mg egy llatot a legelre,
aztn mg egyet, mg egyet, lehetleg a tbbieket megelzve. Csakhogy mivel minden
pesz gazda ugyanazt fogja tenni, a rt szp lassan tnkremegy.
Folyamatosan vigyzni kell arra, hogy a kezdlap ne zsfoldjon teli tartalommal! Szem
eltt kell tartanunk, hogy ms forgalomnvel eljrsok is lteznek: klcsns hirdetsi
megllapodsok npszer honlapokkal, vagy a kezdlap rszeinek idben egyms utn
trtn f~losztsa.

[ 122 J

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

tlj magad!
Most az olvasra vr, hogy megtlj e, mennyire jl pl fel a kvetkez kt honlap. Krem,
mindenekeltt vessenek egy pillantst a kvetkez kt krdsre, s miutn megvlaszoltk
ket, hasonltsk ssze vlaszaikat az enymmel!

> Mire hasznlhat ez a honlap?


> rthet-e, hol kell kezdeni?

Els

plda: Az eTour honlapja.

tr.10a. . YUI!J

"Uost u..ful SJte of 1ttt."


fnt~t"'fl'-*17

"Most Addlctlve Site of 11tt."


n..lnfllnb'y!tott-.:r

www.etour.com

[ 123 ]

7. FEJEZET

Szrflj a weben keress nlkl!

MIRE HASZNLHAT
EZ A HONLAP?

Listk nlkl! Un kek nlkl! A webes szrfls igazi lmnye!

@ )'DUl'
You Ht.ct
lnt.,.ats
& hobbi

@ ethowuttda
Tour ftnds
of
tiM w.b'a

Az eTour rendkvl rdekes, konceptulisan


nagyon egyszer s (legalbbis szmomra)
igen hasznos honlap volt:47 kivlaszthattunk
olyan kategrikat, mint pldul utazs, csaldfa vagy webdizjn, s ennek alapjn a honlap tovbbreptett egy msik, gondosan kivlasztott weboldalra, ahnyszor csak r bktnk
a " Kvetkez honlap" felirat gombra.

-and ltrtnga them


to your sc~,
one elek at a t1n-.

-'!::~~...

Belps
tagoknak

Erfeszts nlkli, lvezetes webes bngszs volt az eredmny - tiszta bza, ocs
nlkl. Hetente egyszer rendszerint magam
is felkerestem az eTourt, hogy megtudjam,
van-e valami rdekes jdonsg a lthatron.

Rajta!

Vlemnyem szerint a honlap kszti kivl


munkt vgeztek azzal, hogy minden hasznlati utastst hrom rvid mondatra redukltak, s gy is szmoztk be ket: az 1-2-3
szekvencia arra utal, hogy a honlap hasznlata igen egyszer.
A "Szrflj a weben keress nlkl!" jelmondat
mr kevsb sikeres, mert elgondolkodtatott: tnyleg a keress teszi nehzz a webes
szrflst? De a legtbb jelmondathoz kpest tulajdonkppen mg ez sem olyan rossz.

Minden egyes
kattints az eTour
"Next Site"
(Kvetkez honlap)
gombjra j honlapot
nyit meg.

47

Persze az eTour a legtbb weboldalnl knynyebb helyzetben volt. Mivel nem rendelke zett megjelentend tartalmi hierarchival,
csak a koncepeit s a clkitzst kellett
megismertetnie a felhasznlkkaL De a honlap ennek ellenre is jobban sikerlt, mint
a tbbi hasonl lap, mert minden zben a
lnyegre koncentrlt, s a kezdlapot sem
zsfoltk tele aprlkos ntmjnezssel.
Mindig a j piaci lacikonyhs jutott rla az
eszembe, aki tudja, hogy mi a lnyeg: becsbitani az embereket a storba.

Az eTour a 2001-es webes csdsmozat ldozatul esett, gyhogy rviddel a finti szveg megrsa utn mindent
mlt idre javtottam.

[ 124 ]

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT
/

e t;:, U l

RTED, HOL KELL KEZDENI?


Surfthe Web W i thout Searching
No tiJtl! Ho Link ll Roa/ly, Truly Sur(inq!

.........

@ vouaotoct

yourlnt.,...b

@ eTour
IInda
thouunda of

tiM Web'a

-"'--

T.- ... _ _ _

Matatt..._

Go!'s

Srarr

Here '

Belps
tagoknak

.. .and brtngs them


to your screen,
one cAck at time.

A legtbb ember, akinek megmutattam az


eTour honlapjt, elszr a szmokra (1 , 2, 3)
vagy a kis kpekre kattintott Amikor kiderlt, hogy ezekre valjban nem lehet
klikkelni, mindenki azonnal a lap aljn lv
" Rajta!" gombbal prblkozott.
A nagy gomb kivl lehetsg azok szmra,
akik korbban nem jrtak mg a honlapon.
Az egyetlen baja az, hogy tlsgosan nagy (a
Rajta! pedig igencsak ltalnos), gy msodik
ltogatsomkor is rklikkeltem, amikor mr
a bal oldalon lv "Belps tagoknak" gombot kellett volna hasznl nom. St mivel egyegy ltogatsom kztt nha kt ht is eltelt,
harmadjra is a"Rajta!" gombra kattintottam.
Meg negyedszerre is.

~wo.t.~~.::~

.,.. . ._~~:!.!!:-

Els

ltogats

Mehet!

N EZZEL PRBLKOlNK - 1.
Nem vltoztatnk sokat a honlapon, csupn
a kezdpontokat
Vilgoss tennm, hogy a nagy gomb kezd
felhasznlknakszl ( Els ltogats?), a regisztrlt felhaszn Ik szmra pedig szintn a jobb
oldaln biztostank egy vilgosan elklntett
helyet a kezd la pon (Belps tagoknak)!

N EZZEL PRBLKOlNK - 2.

e t;:, U l

--

O Y-Miet;t

Surfthe Web Without Searching


Ho UstJ! Ho nlts! Ifao/ly, Truly Surflnq1

_ --__
..

..........
...........
eT_ ....

- ..--

..
e ---

""'

._._.

lfttwn

~7ll a@~D,com ~

ckkM . . . . .

Meglepve tapasztaltam, hogy hiba kzlnek tbb informcit, ez mgsem jelent el


relpst. St, sszessgben mg bonyolultabbnak is lttatja a folyamatot.

-..o.t .~.::-.r.otc A.~~s=--

..._

Mindig gy kpzeltem, hogy a hrom bra


az alatta ll szveget illusztrlja. Amikor
azonban tzetesen megvizsgltam az oldalt,
kiderlt, hogy errl sz sincs: egyszeren hrom klnbz mintaoldalt brzol nak. gy j
brkat ksztettem, amik tnyleg azt illusztrljk, amirl ppen sz van.

Mi ebbl a tanulsg? Ha azt akarjuk, hogy a


weboldalunkjl mkdjn , bizonyos dolgok
sz szerinti rtelmessgnek nem kell tlzott
fontossgot tulajdontanunk- ha amgy rtelmesnek tnnek .

7. FEJEZET

N EZZEL PRBLKOlNK- 3.

_.,
.......
.... ..__.
eTaur,..._

---Ilyen

Kiprbltam egy szmok nlkli vltozatot


is, hogy senkiben ne bredjen fel a vgy,
hogy rjuk klikkeljen. De gy csak az derlt
ki, hogy az oldal jobban mkdik szmokkal,
mint nlklk. A szmoknak lthatan van
valamifle vizulis "ragaszt" szerepk, seg tsgkkel knnyebb sszefggseiben ltn i
azt, hogy mit tehetnk az oldalon .

_
.. _
---dckM~

Az pedig, hogy a felhaszn Ik rjuk kattintanak,


csekly r ahhoz kpest, hogy a szmok vilgosabb teszik a honlap koncepcijt.

egyszer!

Szemlyes webtiknyv
mindenkinek

A HONLAP J RUHJA
Miutn elszr megrtam ezt a fejezetet,
az eTour jratervezte a kezdlap grafikjt.
Amint ez gyakran megtrtnik, a vltozsokkal sikerlt nhny lpst tenni elre ...

You r Personal Web Tour Gwde

A.cw-..,..... ..-,".
.....
. .....

>

Vilgosabbak lettek a kezdpontok az j


s visszatr felhasznJk szmra : a "Rajta! " gomb neve "Regisztrlj!" (Sign up) lett,
a mr regisztrlt felhaszn Ik szmra pedig bejelentkezmezt biztostottak.

>

A jelmondat is kedvez vltozson ment


t: egyrszt megjult, s "Your Personal
Web Tour Guide" (Szemlyes webtiknyv
mindenkinek) lett, msrszt elhelyeztk
alatta a "Discover Sites You'll Like, One
Click at a Time" (Fedezz fel kedvedre val
weboldalakat egy-egy klikkelssel! ) felirat
is, ami jabb jelmondattal r fel.

-~-

Bejelentkezs

.. .s nhny lpst htra:

>

A bejelentkezmezt legrdl menvel


kombinltk, gy a felhasznlknak plusz egy
dolgon kell gondolkodniuk, ugyanakkor pozitv hozadka a dolognak szinte nincs.

>

Az 1-2-3 brkat s szveget animlt giffel s hossz szveggel helyettestettk,


aminek az elolvassval aligha fogja frasztani magt valaki.

Animltgif

[ 126

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Msodik plda: A Productopia honlapja. 48

o
Nknek
Tavaszi divat 2000,
sportruhzat, rk ..

Frfiaknak
Tavaszi stlus 2000, rk,

borotvL

Babaholmi
Babakocsik, bbilsek,
Trakocsik, sportkocsik,
gumik, kombik, motorok ..

hintk, etetszkek ..

Hztartsi goek

Frdk, krk, szappanok,


pakolsok, krmek,
sampon ..

Szpsgpols

Porszvk, htk,
mosgpek, kenyrpiritk ..

Otthon
Szkek, lm pk, ksek,
konyhai

eveszkzk,

eszkzk ..

Jtk
Trsasjtk, grdeszka,
bicikli, sportszerek ..

Felhasznli vlemnyek Oszd meg tapasztalataidat!


Frumok Krj tancsot! Adj tancsot!
Mondd el ' Hogyan lehetnnk mg jobbak?

l{tJ'.'tl'.''Sj
Ed itors Cholot 1or

:llY.t!!b:

Kezdlap l Cg n krl l Kaocsolat

l ll s l Hirdetsi lehetsgek 1Lgy a partne r nk!

Copyright 1999-2000., productopia Inc. Minden jog fenntartva .


Fel h a sznl.!_~ l Adatydelmi nyilatkozat 1 ~

www.productopia.com

48

A honlap meniijt s szvegt az rthetsg kedvrt magyana fordtottuk. A Productopia eredeti honlapja
tennszetesen angolnyelvi. (A Szerk.)

[ 127 J

7. FEJEZET

MIRE HASZNLHAT EZ A HONLAP?


A Productopia kivl honlap volt,'9 de mgis, taln mg
azok sem ismerik fel a kezdlapjrl , akik egykor hasznltk.
A gond az, hogy egy slyos hiba tnkreteszi a honlap vizulis hierarchijt. Minthogy a jelmondat (Termkkeress s
tancsads) a Yahoo!-stlus hivatkozslista tetejn tallhat, gy tnik, hogy csupn a lista cme, nem pedig az egsz
honlapra vonatkozik. s mivel amgy is tl tlagos s kiss
elnagyolt, nem segt abban, hogy megklnbztethessern
a Productopit az egyb termktancsadssal foglalkoz
honlapoktl, s ugyangy hangzik, mint a tbbi fe l lengzs
internetes gret.

C ot>Yrill ht CI 1 ttt-2004., !"T.:~"' -P;JMnn tart.

f.t'rnrHl-:..lt.::t:r.e. l ~~-'.!'t~ l ~.o:~.m.

Els ltsra aligha rtnk meg tbbet, mint azt, hogy a


honlap valamilyen termktancsadssal foglalkozik. A kifinomult grafika s a bal oldalon lthat termkek azonban
arra utalnak, hogy stlusos, drga termkekrl van sz dizjnbtorrl, s nem kutyaeledelrl.

Azt gyantannk, hogy ezen a honlapon vagy a felhasznlk, vagy a Productopia ltal rott, egyedi termkekre vonatkoz rtkelseket, kritikkat tallunk. Valjban a weboldal ennl sokkal tbbet tud: tancsot ad, hogy egy adott
rkategriban hol lehet a legjobb termket megtallni,
s azt is meg indokolja, mi teszi a termket kiemelkedv a
maga kategrijban.
Pldul amikor rklikkeltem egy brra, amit a Dualit 2 kenyrpirt reklmjnak hittem, nagy meglepetsemre egy
hasznos, tgondolt s jl megrt informcikban bvel
ked oldalon talltam magam, ami abban adott tancsot,
hogyan rdemes kenyrpirtt vlasztani. (Volt ugyan egy
kiemeit link a Dualithoz, de ez csak egyike volt a kilenc kenyrpirtnak, amit hrom szem pont: minsg , stlus s r/
rtk alapjn osztlyoztak). sszessgben a kezdlap igen
keveset mondott el arrl, mit tallhatok a honlapon.
Az sem egyrtelm , hogy bal oldalon a mai hrom kiemeit
termk reklmjt, vagy egy klnsen szraz, szveges dvzl zenet tallok. (A hozz tartoz felirat sem segt sokat: divatos dizjn l trend i formk, a luxus grete.)

49

Sorsa ugyangy teljeslt be, mint az eTournak.

[ 128 ]

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

Az igazi dvzl zenet (Szakrtink elltnak mindazzal az informcival, amire szksged van, hogy megtalld azt, amire igazn
vgysz ... ) a hirdetsek alatt tallhat, pedig jobb lenne, ha felettk helyezkedne el.
Ezenkvl-mint szinte mindig- tl hossz
is. Nem kis munka kihmozni a lnyeget: a
szerkesztk a gyrtk s hirdetk befolysa
nlkl vlasztj k ki az ajnlott termkeket.

RTED, HOL KELL KEZDENI?


Hrom jl lthat kiindulsi pontja van az
oldalnak:
[ _ ___ .___ ji Keresesi
Nknek

>

Begpelhetnk valamit a keresmezbe .

>

Rklikkelhetnk a Yahoo!-stlus hivatkozsli stra.

Tavaszi Nat 2000,


spoltllJil<\zat.rk...

Babaholmi
Babakoc$ik,bebiiilsell.,
tliotk.etet6szkek ...

~~p~
Frdk,krk,szappanok,
pakoltlsolo;, krmok,

> Rkattinthatunk a hrom kiemeit termk


valamelyikre (ha csakugyan azok).

sampon...

QllbQn
Szkek. Lmpk, k6sek,
~konyhai

HZkzOI<. .. .

~
Trsasjltlk,grdeszka,
bicikli,sport.Uerek .. .

Bhrcx t441
~

""""""
Kezdlap l ~ l !Sa ~ l A!!n l tfjrdetesi lehetsaels. l ~e..tii.Qhl
Copyright C 1999-2000., ~ Mindt njogfe nntartva.

frlh~~ ~ ~tfl.o~e11~

[ 129

Az egyetlen gond a kvetkez : ha nem tudom biztosan, mire j a honlap, hogyan


dnthetem el, mit akarok keresni, s melyik kategrit rdemes vla sztanom? Egy
j honlap azt is bemutatja, mire szolgl az
oldal, s megmutatja, hol kell kezdenem .

7 . FEJEZET

j
r

A HONLAP J RUHJA

Amg ezt a fejezetet rtam, a Productopia


megvltoztatta a kezdlap arculatt, gy jelents fejldsen ment keresztl.
~~

Elhagytk az el bitangolt jelmondatot jobbrl, s egyszerencssebb vltozattal helyettestettk a bal oldal fels rszn: Segtnk,
hogy megtalld azt, ami igazn a kedvedre
val.

Tavaszlc!iv3t2000,
~rik ..

Frfiaknak
=:.~2000,e,

llabakocsi<, b6biil6sek,
hinok.ei.I6R6kell: ..

--

Srn>..."..,."..

Fi:rdOk,kirik,suoppan:>k.

....-.pOn .. .

S.P-9lt
~goll'klubok.

_J~
T""'tAtlt. gWeszka.

~;<.nosz.~blle

l;l;cio:Ji .'PQrt~el< ...

mrtwtNi ir.in'@ 'Iti:. Kivlasztjuka legjobbat a gyMtk

Jmgi~ N5iesleplek,jraledklasszi kus

vagyhirdetkbefolysarw'lkl

frissessg.
Slrokr~ hni? Usscsodt.alegjabbtzht>lyekfs
kiegsztksfet cslnlnakaszakcsbl!

fr!ha21'1;\!0ivotltmn'ttl. 1.\~l yi k a ked'lfnctermfkerl? 1.\i


voltkidobott~nz?Oszdmegvelnk!

fQrJ(!'!:(lj:. Csatlakouabeszlgetshez - krdezzvagy


monddeltlppjeidet.trkkjtidet

~.S1\.>J!lujjffi' ::-:_r. J_~-

Mr nincs szably!

s.szazml!

Hill':'fl!k v.JIJ~i? Mondd el sukrtlnknek, milyen


tennket kms~neka jvben. t.li figyelnk!

OigllliS i vilk. Hajtsd ki a VHS karneliidat A. digitilis

~ Karritrtszeretnel.skzremkdniegyremek

~~~

honlap ksztsben?Csallakon honnk!

A magyarzat lnyegt is lervidtettk


(Szakrtink rszrehajlstl mentes tancsokkal segtenek, hogy megtalld azt a
termket, amit igazn szeretnl}, gy most
mr nem lehetetlen, hogy el is olvassa valaki. Sajnos tovbbra is az oldal aljra slylyedve ll, mintha a kiemeit termkekhez
tartozna.
Ezenkvl egyes segdeszkzk (Szerkesztsi irnyelvek, Felhasznli vlemnyek
stb.) a lap aljn kln rovatba kerltek. [gy
viszont egy kupacban llnak olyan hirdetsekkel, mint a "Tavaszi ni divat" vagy a
"Szoktl fzni?': Nem volt knny rjnnm, hogy a kt oszlop klnbz elemeket tartalmaz.

vide m.r nem luxus s knny haszMini.


a. Blirfrissitmegoldsokanapistresszellen,
arcra s ttstre.

l{i:rm;Bj

Jll'!>.\-

Kezdlap l ~nt_F.il i !Vl~sola t 1lls 1H1rdotsi lfthetsgek l L~y;,. partn~rnk !


Copyriyh! CI 199'9-2000 ., ~,t,;!W'lh'o(; M!nden jogle nntrtva.

&'..~Mir~hU~~lMI!~ I ~.i'::'l

[ 130 J

A GYGYULS ELS JELE AZ, HA FELISMERJK, HOGY A KEZDLAP NEM LL AZ URALMUNK ALATT

SegtUnk, hogymegtalldazt,

N EZZEL PRBLKOlNK

o
productopiaw

amiigaznakedvedreval

- Ke!essl

Elszr is a jelmondatot a lap tetejre helyeznm a log kzelbe, gy tennm vilgoss, hogy az egsz honlapra vonatkozik.

DVO,d91L-,~

T....n~<Wr.t2000,

!6vllk,mobilok ...

ii!)QI1:uhhatlrik

~n

~.nyomtatk.POA4<,

Et!:fu!~na~
Tnui !Ws2000, 6til<,

PC-Ic,~Zlwlnerei<..

bo;orot\'liL

Az dvzl zenetet szintn a reklmok


fl tennm, gy feltnbb lenne.

rnodemek .

~baboh:ni

Au.!Q!s

~bftbiiil6sek.

Tlirtoc::.ik.~

llirdl<.etr.6s<:IH<el....

gumil<,kombii<.1T1<1101t*

~~~~

Po<ufvll, hCiW<

~. konyfpiri :i< ...

F~. krik, SMI~


pai<~Kll<.kroimek,

-- -lll!!lo!!

hltop6toll ..

eszkzk

SJ>O!l

!WII..<1!<U.

~ Ntiiesl~lek,jraledklaMkus

""""'

Veut61tniii 1Urk,

..............

lill!>->-~

Sz6ilek.~k6sek.

ill~

~. !l"'f'd:bol< ,

Thllsj,tl<. !;&dot.lb.,

~tnnz. moun~P!

~.

bille

porta;;!e<el< ..

Sze~esztkiir.irrte!vtk. KidlaSlljuka l egjobbata gyrt6k

vagyhlrdet\:befol)islnfilkiil

f'"='q.
Sz;it~: fzm: L.sscsod.lt, a legjabb tzhelyeks
kie9sztksfetcslnlnakaszakiksbl!

lmlziJ.hlu'>_ftt_f~~t Mrn i n csszaba l y!

Ft!l'!ilunali Wemro;tt. Melyik a ktdvenctermfkfd?1.\i

voltkidobottpnz?Oszdmegveliink!

fQrQmQt Csatlakozz a beszlgetshez - krdezz vagy


monddeltippjE'idet, trkkjeidel

sszazrral!

lliii!!Y?~~ MonddelszaktrtOi nknek,milyen

Oignalisa~ Hajitsdk:iaVHSkamerdat A

digitilisvide mrnemluxussknny(ihaszn.ilni.

termket ktresseneka jiivliben. Mi figyelnk!


All.isok. Kafriert szefetn. l,s kzremkdni egy 1emek j
honlapkszitsben?Csatlakozzhozz.ink!

~
~

mlll!ml

ma

Kezdlap i ~1JI!rpi i J(;~ I il~ l ~gell: l ~!:1oeriJic!


Copyright Q 1999-2000., ~~<;jopl~ .Inc Mind a n jog fa nnl3rtvl .
F(>ll)iH_")'jQr,~rfc: l~~!!'!r'..)' ,J'" PM!I ~

'"iii!
I!P
- l

[ 131

Klnvlasztanm a lap aljn a segdeszkzket s a hirdetseket - a hirdetseket


a bal oldalra, a kiemeit termkajnJk kzelbe helyeznm.
A webes djak ikonjait is trendeznm. A
legtbb webes djjal ellenttben ugyanis
ez a ngy valban jelents . (A Digital Timedj a Productopit egy szintre helyezi olyan
kereskedelmi honlapokkal, mint az Amazon
vagy az eBay.) Azzal azonban, hogy a lap
aljn egyms mell tesszk ket, gy tn
nek, mintha amolyan .,Jzsi s Bla kedvenc
honlapja"-tpus djacskk lennnek. Ez
jellegzetesen az az eset, amikor jobb, ha a
konveneit figyelmen kvl hagyjuk.

Ezer bart is kevs, egy ellensg is sok.


-RGI MONDS, AMIT AZ AP R SGO KON HAJBAKAP WEB ERGONMIAI
SZAKEMBE REK FIGYELMBE AJNLOK

WEBES TERVEZCSOPORTOK RITKN HOZNAK FORRADALMI

dntseket, ha magukra maradnak. A legtbbszr azzal tltik a drga


mr ezerszer megtrgyalt krdseken rgjk t magukat jra s jra.

Valahogy gy:

[ 133

idt,

hogy a

8 . FEJEZET

Gyerekek, vannak
menkkel
kapcsolatos kutatsi
adataink?
legrdl

Szval , mi a
vlemnyetek?
Hasznljunk legrdl
ment?

Ezeket a vgtelenbe nyl megbeszlseket hitvitnak szoktam hvni. Bizonyos rtelemben ugyanis olyanok, mint a vallsi (vagy politikai) vitafrumok a rsztvevk mlyen meg
vannak gyzdve valamirl, aminek igazsga bizonythatatlan, s (legalbbis elvileg) azrt
vitznak, hogy megegyezsre jussanak valamely fontos ggyel kapcsolatban, legyen az a

[ 134 ]

UGYE, Ml J BARTOK VAGYUNK?

vilgbke, a trvnyhozs hatkonysgnak nvelse vagy a webes tervezs. Akrcsak a


hitvitk sorn, itt is ritka, hogy brki hajland volna megvltoztatui a vlemnyt.
Azonkvl, hogy az ilyen vitk rengeteg idt elpazarolnak, feszltsget keltenek s kiirtjk
a csapattagok kztti klcsns tiszteletet, sokszor mg az igazn fontos dntsekrl is
eiterelik a figyelmet.
Sajnos a tervezcsoportok dinamikja mr csak olyan, hogy a veszekedsek szinte elkerlhetetlenek. Ebben a fejezetben arrl szlok, hogy mi a legjobb ellenszer velk szemben.

Mi~

egr szereti a sajtot?

Neknk, webe~rvezssel foglalkozknak van egy kzs tulajdonsgunk: magnemberknt webhasznl~,is vagyunk. Mint minden ms webhasznlnak, megvannak a magunk
preferencii; dolgo:\amiket szeretnk, s ms dolgok, amiket nem.
Munkaid utn tal~kedveljk a Flash-animcikat, mert jl nznek ki, de lehet, hogy
utljuk ket, mert kisebb svszlessgnllassan tltdnek le. Kedveljk a minden lap bal
oldaln megtallhat mensort, mert ismers s knnyen hasznlhat, de lehet, hogy unjuk, mert annyira egyhang. Szeretjk az oldalakat, ahol van
, vagy gy
-nl.
gondoljuk, hogy nincs rosszabb egy

Ezeket az rzseket nem akaszthatjuk a fogasra, amikor webes


zunk.

tervezcsoportban

dolgo-

Ennek eredmnyekppen a trgyalban olyan szakemberek gylnek ssze, akiknek ers


szemlyes meggyzdsk van azzal kapcsolatban, hogy mitl j egy honlap.
Az emberi termszet jellegbl s a szemlyes meggyzds erejbl fakad, hogy a sajt
vlemnynketminden webhasznlra
kivettjk amit mi kedvelnk, azt
De mi a baj
velk?
nyilvn ms is szereti. gy gondoljuk,
a legtbb webhasznl olyan, mint
ml.

Azt persze nyilvn nem hisszk, hogy


mindenki teljesen ugyanolyan. Tudjuk, hogy vannak, akik utljk, amit mi
szeretnk. Nem kell messzire menni,
ilyenek a sajt csapatunkban is akadnak. De k nyilvn nem rdekesek. s
nincsenek is olyan sokan.

[ 135

8. FEJEZET

Kutyk kontra macskk


Nemcsak a privt, hanem a szakmai meggyzds is fontos. Hiba dolgoznak ugyanazrt
a clrt, hiba lehetnnek elvileg a legjobb bartok, a tervezcsoport tagjainak munkakapcsolata pillanatok alatt kutya-macska bartsgg vlik, amikor sajt szakterletk szemszgbl tlik meg, mitl j egy honlap.
t'_, ....... . . . .

_ _ _ _ _ .. ,.. _ , .. _ _ _ (iTI

Ahogy
az idelis
webo ldalt
ltja a...

-~

cgvezet

,---

._,--___
... "_,

~---------

i5l

..

fejleszt

grafikus

marketinges

Vegyk pldul a grafikusokat s fejlesztket! A grafikusok azrt kpzelik, hogy a felhasznlk a ltvnyos honlapokat szeretik, mert k maguk a ltvnyos honlapokat szeretik. De
ht nyilvn ppen azrt lettek grafikusok, mert szeretik, ha egy honlap jl nz ki, s gy
vlik, hogy a meggyz kls a webdizjn sava-borsa. 5
A fejlesztk viszont azrt gondoljk, hogy a felhasznlk imdjk a praktikus eszkzkkel
s alkalmazsi lehetsgekkel elltott oldalakat, mert k az ilyeneket szeretik.
Az eredmny az, hogy a grafikusok a ltvnyos honlapokrt, a fejlesztk pedig az rdekes,
eredeti, elegns eszkzkben dskl weboldalakrt lnek-halnak. Az rdekellentt s a
prioritsok eldntse gyakran okoz szemlyes konfliktust s keser szjzt.
Ugyanakkor a grafikusok s programozk egy oldalon llnak abban a kzdelemben, amit
ArtKleinera fnyes kiilssgek vilga s a kzmvesek sszecsapsaknt rt le. 5 1
A "fnyes klssgek" magaslatban ll ember (a fels vezets, a marketing, az zleti
fejleszts) hajlamos mindent meggrni, ami vonzza a koCk~ti tkt, a felhasznlkat,
a stratgiai partnereket, s ami elsegti a bevtelnvel szerzd'Selqp.egktst. ,gretek megvalstsnak nehzsge azonban mindig a "kzmvesek'', a m~sits"'ert felels
grafikusok s programozk nyakba szakad.

50

Igen, ezek sztereotpik. D e szerintem hasznos szte1eotpik.

51

"Cultures of Hype and Claft" (A fnyes klssgek vilga s a kzmvesek). In: Corpora/e Culture in Internet Time, megtallhat angolul a strategy+business magazin hasbjain a www.stmtegy-business.com/pressl
mticle/10374 oldalon (ingyenes regisztrci szksges).

[ 136 ]

UGYE , Ml J BARTOK VAGYUNK?

A mvszet s kereskedelem rk ellenttnek megmutatkozsa az interneten csak mg


bonyolultabb teszi a hasznlhatsg krdsrl folytatott vitkat. A problma gyakran
fellrl, a "fnyes klssgek'' oldalrl nknyesen meghozott dntsek formjban
rkezik.

Az~azgat rnak tetszik


a honlap, de azt kri,
ogy legyen rajta minden
ktszer ekkora ...

...a jv heti
termkbemutatra.

Az tlagos Felhasznl mtosza


Az elkpzels, hogy a legtbb felhasznl olyan, mint mi, elegend ahhoz, hogy a webes
tervezsrl szl megbeszlseket forrong vitv vltoztassa. Az igazi problma azonban
az elkpzels mgtt hzd msik, mg tbb gondot okoz hiedelem: az, hogy a felhasznlk egyltaln hasonltanak brmire vagy brkire.
Amint a szemlyes s szakmai vlemnyklnbsgek patthelyzetbe jutnak, a vita, nha
szakvlemnnyel, kutatssal, fkuszcsoportos vagy felhasznli teszttel is megtmogatva,
valahogy mindig annak az elemzsbe torkollik, hogy mit kedvel vagy nem kedvel az tlagos felhasznl. Az egyetlen problma csak az, hogy nincs tlagos Felhasznl.
Hogy mennyire nincs, arrl az a sok szz vizsglat is tanskodik, amit magam folytattam,
s amelyek folyamatosan erstettk bennem a meggyzdst, hogy minden felhasznlnak egyedi tulajdonsgai vannak, s a webhasznlat is alapveten egyni.
Minl tovbb figyelnk egy felhasznlt, minl tbbszr hallgatjuk meg szndkait, motivciit, gondolatait, annl vilgosabb, hogy a klnbz honlapokra adott egyni reakcik
nagyon sok vltoztl fggenek, ezrt rtelmetlenek s krosak azok a prblkozsok,

[ 137 J

8. FEJEZET

amelyek a felhasznlkat csak a szeretilnem szereti dimenzi mentn rtelmezik. A j


webes tervezsnek ezt az sszetettsget is kezelnie kell.
Az tlagos Felhasznl mtosznak legkellemetlenebb mellkhatsa az, hogy megersti
a hitet, miszerint a sikeres webes tervezs nagymrtkben fgg attl, hogy ki tudjuk-e
tallni, mit szeretnek az emberek. Ez persze vonz gondolat: a legrdl menk jk
(mert a legtbben kedvelik ket), vagy rosszak (mert a legtbben nem kedvelik ket).
Az emberek preferencija miatt kell (illetve nem kell) a kezdlapon mindenre egy hivatkozs. Az oldal tetejn elhelyezett menk kzkedveltebbek Uobban mkdnek), mint a
lap aljn levk. A keretek s a legrdl menk stb. szintn vagy jk, vagy nem, minden
fekete vagy fehr.
A gond az, hogy a legtbb webes tervezsi krdsre nincs helyes vlasz, s a legfontosabbakra biztosan nincs. J az, ami jl mkdik: a vals ignyt kielgt, alaposan tgondolt,
gondosan kivitelezett s tesztelt, integrlt tervezs.
Vegyk pldul a Flash-animcikat. 52 Ha megkrdeznnk, a felhasznlk bizonyos szzalka azt mondan, hogy nagyon kedveli a Flasht, s valsznleg hasonl szzalkuk mondan azt, hogy utlja. De amit az utbbiak valjban nem kedvelnek, az a rosszul hasznlt
Flash: a nagy, bonyolult animcik, amik sokig tltdnek le, de szemernyit sem adnak
hozz a honlap rtkhez. Ha megfelel krdseket tesznk fel a "Flash-ellenes liga" tagjainak, felteheten azt az eredmnyt kapjuk, hogy k is kedvelik azokat a honlapokat, ahol
apr, praktikus, nem akadlyoz, jl megtervezett Flash- animcikkal teszik rdekesebb
s knnyebben hasznlhatv az oldalt.
Ez nem azt jelenti, hogy ne lennnek bizonyos dolgok, amiket sosem szabad megtenni, vagy
ms dolgok, amelyek ritkn clszerek. A webes tervezsnek vannak egyrtelmen rossz
mdjai. Ezek azonban sosem azok, amiket a webes tervezcsoportok napirendre tznek.

A hitvitk egyetlen hatkony ellenszere


A lnyeg a kvetkez: az olyan krdsek, mint hogy "szeretik-e az emberek a legrdl
ment?", nem vezetnek sehov. A helyes krds gy hangzik: "ez a legrdl men, ezekkel
az elemekkel, ilyen szhasznlattal, ebben a kontextusban s ezen az oldalon vajon j benyomst tesz majd azokra, akik megltogatjk ezt a honlapot?" ~

52

A Flash az Adobe animlt s interaktv kezelfelletek ltrehozsra szolgl eszkze.

[ 138

UGYE, M l J BARTOK VAGYUNK?

Erre a krdsre pedig csak egyflekppen adhat vlasz: tesztelssel. Ki kell hasznlnunk
a csapattagok kpessgt, tapasztalatt, kreativitst s jzan eszt; meg kell alkotnunk a
honlap egy akrmilyen kezdetleges vltozatt, majd meg kell figyelnnk, hogyan prbljk
hasznlni a nem szakmabeliek.
Ms megolds nincs.
Amikor a felhasznlk preferenciirl folytatott vita felemszti az rtkes idt s a csapat
energijt, a tesztels rendszerint segt kikeemeregni a "szeret-nem szeret" macsarbL
Lehetv~gel foglalkozzunk: mi az, ami mkdik, s mi az, ami nem.
A teszters segt su~ba vg~i elkpzelst, hogy a felhasznlk olyanok, mint mi magunk,
mert feltrja, mennyire klnbzek a felhasznlk motivcii, mennyire mst rzkelnek
s msknt reaglnak bizonyos helyzetekre.

:z

Ugye nem kell tovbb rvelnem, hogy j dolog a tesztels?


A

kvetkez

fejezet arrl szl, hogyan tesztelhetjk a sajt honlapunkat.

[ 139 ]

Ezt mirt nem csinltuk eddig?!


- AM IT MINDENKI UGYANABBAN A PILLANATBAN MOND A SAJT
HO NLAPJA ELS FELHASZNL I TESZTELSE SORN

AVONTA EGYSZER BIZTOSAN KAPOK EGY ILYEN TELEFONHVST:

Ed Grimley az XYZ trsasgtl


adta meg az n nevt.
Kt ht mlva kszlnk el a
honlapunkkal , s szeretnnk addig
felhasznli tesztelst vgezni.

e
o

Amint meghallom a hasznlhatsgi tesztels s a kt ht (vagy akr kt hnap.0 kifejezseket


ugyanabban a mondatban, rgtn elfog az a rettegs, amit a lngol olajfinomtha kldtt
tzolt rez- mert pontosan tudom, mi folyhat ott.
Ha kt htrl van sz, szinte biztos, hogy a cgnl mindenki a kzelg katasztrftl retteg. Kzeleg a honlap tadsnak pillanata, s az ltalnos pnikban valakinek az a kprzatos tlete tmadt, hogy kellene egy kis felhasznli tesztelst vgezni.
Ha kt hnapot emltettek, valsznleg dntsre van szksgk egy aktulis szakmai vitban - s rendszerint valami nagyon specifikus dologrl, pldul a sznsmrl van sz.
A honlapon dolgozk kt prtra szakadtak; egyesek a fiatalos, msok az elegns grafikt
kedvelik. De valaki, aki elg magas pozciban van ahhoz, hogy engedlyezze a tbbletkltsgeket, megunta a vitt, s gy hatrozott, hogy a dnts legjobb mdja a felhasznli
teszt lenne.

[ 141 ]

9. FEJEZET

Br a felhasznli teszt nha vits krdsekben is igazsgot szolgltat, egyetlen elnye az,
hogy bebizonytja, a dolgok, amik miatt egyms torknak esnk, tulajdonkppen egyltaln nem olyan fontosak. Az emberek annyit vitatkoznak a fggny sznn, hogy szre
sem veszik, elfelejtettek ablakokat vgni a falba. A felhasznli tesztels bebizonytja, hogy
mindegy, vzszintes vagy fggleges-e a navigci, ha egybknt senki sem rti, mire j a
honlap.
Sajnos a legtbb felhasznli tesztels ma mg gy zajlik: rvid id alatt, tl ksn s sokszor sszertlen indokok alapjn.

Akkor most ismteljk el krusban:


a fkuszcsoport-vizsglat nem felhasznli
tesztels
Van, hogy a telefonhvs mg

ijesztbb:

Kt ht mlva kszlnk
el az j honlapunkkal,
s szeretnnk addig
fkuszcsoport-tesztelst
vgezni.

Amikor az utols pillanatban rkezik egy fkuszcsoportra vonatkoz krs, az rendszerint


annak a jele, hogy az tletgazdt a marketing krnykn kell keresnnk. A honlap tervezse sorn a marketingesek sokszor mellzve rzik magukat: hiba tltik k a legtbb idt
a clcsoport meghatrozsval s az ignyek felmrsvel, mgis a grafikusok s fejlesztk
hatrozzk meg, hogyan nzzen ki a weboldal.

[ 142 ]

SZZFORINTOS HASZNLHATSGI TESZTELS

Ha mr kzeleg az tads napja, a marketingesek gy rzik, hogy a kizkkent vilgot csak


egy felsbb hatsg: a kutats llthatja helyre. A kutats pedig, amit k a legjobban ismernek, a fkuszcsoport-elemzs.
Sokszor nehz meggyznm az gyfeleimet arrl, hogy valjban hasznlhatsgi tesztre
- s nem fkuszcsoport-elemzsre - van szksgk A kett kztti klnbsg dihjban
a kvetkez:

> A fkuszcsoportos vizsglat sorn nhny ember (rendszerint t- nyolc f) krbel


egy asztalt, tleteket s dizjnterveket mutatnak nekik, k pedig ezekre reaglnak
valamilyen mdon. Ennek a vizsglatnak az az elnye, hogy a rsztvevk tovbbgondoljk egyms tleteit. A fkuszcsoportok segtsgvel pillanatkpet alkothatunk a
felhasznlk vlemnyrl, benyomsairl.
> A hasznlhatsgi teszt sorn egyszerre csak egy felhasznlnak mutatunk valamit (ez lehet honlap, egy honlap tervezete, vzlatok vagy egyes weboldalak), s arra
krjk, hogy: a) tallja ki, mi az, amit lt, vagy b) prblja meg rendeltetsszeren
hasznlni.

A fkuszcsoportok segtenek abban, hogy megtudjuk, mit vr, mit kedvel s mit ignyel
(legalbbis elvileg) az a csoport, amelyet megcloztunk Ez a vizsglat azt is feltrja, hogy
helyes-e az oldal mgtt ll koncepci, s kellen vonz-e a szolgltats, amit nyjtani
szeretnnk A fkuszcsoportos vizsglat rvilgt, hogy szerencssen vlasztottunk-e elnevezseket, s hogy mi a felhasznlk vlemnye a rivlisainkrL
De abban nem segtenek, hogy megtudjuk,jl mkdik-e a honlapunk, s ha nem, hogyan
tehetnnk jobb.
A fkuszcsoportos vizsglat csupa olyan dolgot rul el, amit mr a honlap tervezsnek megkezdse eltt tudnunk kell. Termszetesen a tervezs sorn is vgezhetnk ilyen
vizsglatot, ha meg akarunk bizonyosadni arrl, hogy j ton jrunk, vagy szeretnnk
"fi.nomhangolni" az zenetet. De ez nem felhasznli tesztels. Ebbl nem derl ki, hogy a
honlapunk hasznlhat-e.

Nhny tny a tesztelssei kapcsolatban


Kvetkezzenek a f pontjai annak, amit a tesztelsrl tudni kell:

> Ha igazn j honlapot akarunk, tesztelnnk kell! Elg, ha csak nhny hetet tltnk egy honlap tervezsvel, s mr nem ltunk tisztn: tl otthonosan mozgunk
benne. Csak gy tudhatjuk meg, jl mkdik-e, ha tesztelnk

[ 143 ]

9. FEJEZET

A tesztels segt szem eltt tartanunk, hogy msok nem gy gondolkodnak, mint mi, nem
tudjk azt, amit mi, s msok a webhasznlati szoksaik is.
Rgebben gyakran ltem a hasonlattal: a tesztels olyan, mint egy utazs: szlesti a ltkrnket, j tvlatokat nyit, s rbreszt, mennyire klnbzek- s mgis egyformk! - az
emberek.
Aztn rjttem, a tesztels inkbb olyan, mint amikor klfldi bartaim rkeznek ltogatba. Ha elvisszk ket vrosnzsre, hatatlanul felfigyelnk szmtalan apr rszletre:
szobrokra, pletdszekre, jl avagy rosszul szervezett kzssgi terekre. Ezek mskor elkerlik a figyelm nket, mert annyira megszaktuk ket. s kzben arra is rbred nk, hogy
bizonyos dolgok, amelyek szmunkra vilgosak, msoknak egyltaln nem azok.
> Egytesztalany ezerszer jobb, mint egy sem. A tesztels mindig hasznos, s egy roszszul kivlasztott felhasznlval vgzett gyenge teszt is feltr olyan fontos kvetkeztetseket, amelyek segtenek a honlap fejlesztsben. A kurzusaimon ezrt mindig
lben is bemutatom, hogy a felhasznli teszt mennyire egyszer, s hogy milyen
bsgesen "termeli" a hasznos tancsokat. Rendszerint krek egy nknt jelentkezt,
akinek el kell vgeznie egy mveletet az egyik trsa honlapjn. Egy-egy ilyen teszt
tz percig sem tart, de az, akinek a honlapjt teszteltk, rendszerint tbboldalnyi
jegyzetet kszt, utna pedig elkri a teszt felvtelt, hogy bemutathassa a cgnL
(Egyikk azt mondta, hogy miutn a csapata megnzte a felvtelt, vgrehajtottak
egy olyan vltoztatst, ami a ksbbi becslseik szerint dollrszzezrekben mrhet
megtakartst eredmnyezett.)
> Jobb egyeden felhasznlt t~sztelni a projekt elejn, mint tvenet a legvgn.
A legtbben embert prbl feladatknt kpzelik el a tesztelst. Ha gy gondolkodunk, hajlamosak vagyunk ritkbban s csak a folyamat vgn tesztelni, s ez cskkenti a hatkonysgot. Ha van id a tapasztalatok hasznostsra, egy korn elvgzett,
egyszer teszt majdnem mindig hatkonyabb, mint egy kifinomult teszt a vgn.

A webes tervezssei kapcsolatos egyik tvhit, hogy menet kzben is knny vltoztatsokat eszkzlni. Valjban ennek ellenkezje igaz, ha a honlap mr hasznlatban van.
A felhasznlk egy rsze zsigerileg idegenkedik mindenfle vltozstl, s mg az egyszernek tn mdostsok is komoly kvetkezmnyekkel jrhatnak. Ezrt ltfontossg,
hogy idejekorn megtalljuk a j megoldst.

> Sokszor tlrtkelik a reprezentatv mintbl szrmaz felhasznlkat. J, ha


olyanokkal teszteljk a honlapunkat, akik hasznlni is fogjk, de fontosabb a korn elkezdett s gyakori tesztels. A filozfim az, hogy teszteljnk brkivel, aztn a
vgn slyozzuk az eredmnyt.

[ 144 J

SZZFORINTOS HASZNLHATSGI TESZTELS

> Nem azrt tesztelnk, hogy bizonytsunk valamit, vagy valaminek az ellenkezjt. A cl az, hogy visszajelzst kapjunk! Sokan hiszik, hogy a tesztels segtsgvel bebizonythatjk, hogy az "a" navigcis rendszer jobb, mint a "b", de ez
tveds. Ehhez olyan ellenrztt ksrletre volna szksg, aminek az eszkzignye
elkpzelhetetlenl nagy. A tesztels arra szolgl, hogy rtkes visszajelzseket kapjunk, amelyek kiegszlve a sajt tapasztalatunkkal, szakvlemnynkkel
s jzan tlkpessgnkkel, knnyebb s biztonsgosabb teszik a vlasztst "a" s "b" kztt.

> jra s jra tesztelni kell! Egy teszt nem teszt. Elksztnk valamit, teszteljk, kijavtjuk, majd jra teszteljk
> A puding legjobb prbja a tesztels. A Marx fivrek filmjei tbbek kztt
azrt sikerltek olyan remekl, mert a sznszek minden forgats eltt kabarkrtra indultak, s eladtk a film jeleneteit.
A napi t elads sorn folyamatosan improvizltak, s feljegyeztk, melyik trfa aratta a legMrs. Teasdale (Margaret
zajosabb sikert. Groucho Marx mg akkor is raDumontJ s Rufus T.
Firefly hallgatznak a
gaszkodott ahhoz, hogy kiprbljanak klnbz
Kacsalevesben
vltozatokat, amikor a jelenet mr kszen volt.

Felejtsk el a mregdrga hasznlhatsgi


tesztelst!
A hasznlhatsgi tesztels nem j tlet. Alapsmja igen egyszer: ha meg akarjuk tudni,
hogy egy szoftver, egy honlap vagy egy tvirnyt knnyen mkdtethet-e, figyeljnk
meg nhny embert, akik hasznlni prbljk, s jegyezzk meg, hol tkznek nehzsgekbe. Aztn javtsuk ki a hibt, s teszteljnk jra!
Rgebben azonban a hasznlhatsgi tesztels nem volt olcs mulatsg. Szksg volt mindenekeltt egy megfigyelhelyisggel elltott laboratriumra (a kett kztt egy irnyban
tltsz tkrrel), s legalbb kt kamerra, melyek a vizsglat trgyt s a felhasznl
reakciit rgztettk A statisztikailag rtkelhet eredmny elrshez rengeteg ember
dolgozott egytt. Ez Nagybets Tudomny volt a javbl. 20-50 OOO dollrba kerlt alkalmanknt. Nem is ltek vele tl gyakran.

[ 145

9. FEJEZET

AZ T LEGNPSZERBB INDOK ARRA, HOGY EGY CG MIRT


NEM VGEZ HASZNLHATSGI TESZTELST
Nincs elg

idnk .

Nincs r pnznk.

Igaz, hogy a honlapok tervezsre szabott id rendszerint igen


mindenkinek kzre kell mkdnie, minden hat rid felborul, minden munkafolyamat t rendezdik, s
gy aligha jutunk a vgre. Ezrt fontos, hogy a tesztelsnek ne
kertsnk tl nagy feneket. Ha jl tesztel nk, mg idt is megtakartu nk, mert: a) nem kell folyamatosan vitatkoznunk, s b) nem
a vgn kell mindent ell rl kezdennk.
szks. Ha a tesztelsben

Felejtsk el a csillagszati sszegeket! Ha klcsnkrnk egy


videokamert, alkalmanknt 300 dollrbl megszhatjuk az egszet.

Nincs meg a kell


szaktudsunk.

A hasznlhatsgi tesztels kevss ismert tulajdonsga, hogy


valjban hihetetlenl knny. Egyesek persze nyilvn gyesebben tesztelnek msoknl, de sosem lttam mg olyan tesztelst,
ami ne adott volna hasznlhat eredmnyt - attl fggetlenl,
hogy me nnyire volt jl vagy rosszul kivitelezve.

Nincs
laboratriumunk.

Mindehhez elegend egy szoba rasztal/al, egy szmtgp, kt


szk s nmi nyugalom.

Nem tudjuk, hogyan


rtkeljk az
eredmnyt.

A hasznlhatsgi tesztelsben az a legcsodlatosabb, hogy


a fontos tanulsgokat rendszerint minden rsztvev megrti.
A lnyeget nehz nem szrevenni.

1989-ben Jakob Nielsen megrt egy cikket Koltsgkml hasznlhatsgi teszteljrsoi<5 3 cmmel,
amelyben rmutatott, hogy nincs szksg laborra, s ugyanolyan j eredmnyeket leh et elrni
sokkal kevesebb tesztalannyal is.
53

Usability Engineering at a D iscount. I n: Proceedings


I nteraction, Boston, MA, 1989. szeptembe1:

of the Third I nternational Confence on H uman-Computer

[ 146

SZZFORINTOS HASZNLHATSGI TESZTELS

A fa pados hasznlhatsgi teszt megszletse risi lps volt. Kr, hogy sokan nem vettk
szre, s mg sok v elteltvel is rendkvl bonyolult folyamatnak tartjk a tesztelst. Aminsgre val koncentrls egyrtelmen a szksges mennyisg rovsra megy, hiszen egy
ksrletvezet alkalmazsa 5000- 15 OOO dollrba kerl.
Ebben a fejezetben radiklis javaslattal lek: vegyk szre, hogy a mregdrga hasznlhatsgi tesztelsen kvl is van let!
Megprblom bemutatni, hogyan vgezhetjk el a sajt webergonmiai tesztnket, ha
nincs idnk s nincs pnznk. Flrerts ne essk: aki megengedheti magnak, hogy felfogadjon egy szakembert, mindenkppen tegye meg! Ne tegye meg azonban az, aki emiatt a tesztelsi alkalmak szmnak cskkensre knyszerlnel

HAGYOMNYOS TESZTELS

FAPADOS TESZTELS

l
l

ELHASZNAL~ szA; ; Af1a16ban ~ ~hogy legyen mt-1tfrorn.Mgy

TESZTEL~SENKNT --IK A TESZT ALANYAI?

OL TESZTELNK?

vel indokoini 8 magas 6lland klts6gelcet

l A~~~~

l TESZTEL?

----ERVEZS SZKSGES?

FELKSZLS

--------
MITSMIKOR
TESZTELNK?

MENNYIBE KERL?

MITRTNIK
A TESZTELS UTN?

l~segyir6nyban4ti
l6ts26 tOio6nel elltott laboratriumban

lTapasztalt webergonmlai szakember

Gyakorladlag b6dd, aki smllott Intemetet


haszn6lnl
B6rmllyen Irodban vagy trgyalban

B6rkJ, aidnek van tiOlZ kell6 trelme

Afelkszfllst hetekkel el6bb kell kemenl, Szinte semennyl, minlmlls el6kszQiemeg kell szerveznl a laborat6rlumot. s
Itek l.dn a teszt brmikor megkezdhet6
ld6 kell az alanyok toborDshol

kell d6ntenOnk, mit mutatunk meg az


lVzlatok. vtta, ellen6r7.tt: tesztelsl napl lElalanyoknak

1:~::.1

5000-1 SOOO dallrvagy mg t6bb

A~ folyamat SOiin folyamatosan


b!SZIIeNsre ~ a kszOI6 munka

rJecelt

1300 dollr (felhasznlnk 50-100 dolIM), vagy mg kevesebb

A teszteNs t.dn egy httel a fejteszt6cso- Afejleszt6csopor s az egyb rdekeltek


port hsJoldalas beszmolban kapja meg mg aznap az ebd mellett megbes2llk
a tanulsgokat, majd ss:a!Ol, hogy megvl- a tanuls6gokat
tassa a szOksges lpseket

[ 147 ]

9. FEJEZET

Hny felhasznlval tesztelj nk?


gy vlem, hogy a legtbbszr a tesztelsen rszt vev alanyok szma idelisan alkalmanknt hrom, legfeljebb ngy f.
Az els hrom felhasznl valsznleg gyis majdnem minden jelents problmba belegabalyodik,54 s inkbb tbb alkalommal teszteljnk, mint hogy minden egyes lsbl
kifacsarjuk a lehet legtbbet. H a csak hrom felhasznlval tesztelnk, biztosabb, ha hamarosan jabb krre kerl sor. 55
Emellett elbb gyis ki kell javtani az els hrom felhasznl ltal feltrt hinyossgokat.
Ezutn a kvetkez kr hrom alanya egszen j problmkat fog felfedezni, mert a mr
kikszblt hibk nem lljk tjukat.
Ha csak hrom-ngy felhasznlt vizsglunk, mg a tesztels napjn kirtkelhetjk az
eredmnyeket, s rgtn a tettek mezejre lphetnk Radsul, ha ngynl tbb alannyal
dolgozunk, akkor hatatlanul annyi jegyzetet gyrtunk, hogy senkinek nem lesz ideje trgnia magt rajtuk. Arrl nem is beszlve, hogy a jegyzetek java rsze felesleges aprsgokra vonatkozik, s gy k nny a fktl nem szrevenni az erdt.
ppen ezrt most mr sosem ksztek rsos rtkelst, ha szakvlemnyt krnek tlem
vagy hasznlhatsgi tesztelst vgzek Idvel rjttern ugyanis, hogy a legtbb webdizjnercsoport problmamegta/di kpessge jval fellmlja problmamegold kpessgket.
Ezrt muszj a megoldand krdsekre koncentrlni: rsos rtkelsek helyett hasznosabbak a rvid telefonkonferencik, ahol az egsz csoport jelen van, s nem tartanak tovbb
egy vagy kt rnl. A beszlgetsek vgn kzsen dntjk el, hogy mik a legfontosabb
megoldsra vr problmk, s hogyan lehet ket megoldani.

54 Lsd a tma ttekint5tJakob Niels en ,,Alertbox" c. heti cikksorozatban: Why You Only N eed to Test with 5
Users (Mit elg t felhasznlval teszte/ni?), www.useit.com.
55 Ha szakembert alkalmazunk, s a pnz nem ltkrds, hat vagy akr nyolc felhasznlt is tesztelhetnk,
hiszen a fejenknti kltsgnvekmny nem jelents. D e csakis akkor, ha ez nem jelenti a tesztelsi alkalmak
szmnak cskkenst!

[ 148 ]

SZZFORINTOS HASZNLHATSGI TESZTELS

EGYETLEN TESZT NYOLC FELHASZNLVAL


Nyolc felhasznl

:
.

MEGTALLT PROBLMK
SZMA: 5

Nyolc felhasznl
egy teszt sorn
elvileg tbb
problmra tall r .
De a legnagyobb
problma
rendszerint annyira
szembetn, hogy
eltakarja a tovbbi
gondok egy rszt is.

KT TESZT HROM FELHASZNLVAL


Els teszt:
hrom felhasznl
Hrom

A
W

__;

MEGTALLT
PROBLMK SZMA: 9

Msodik teszt:
hrom felhasznl
felhasznl
kevesebb
problmra
tall r egy
teszt alatt.

De a msodik

te~zt sorn,

A
W

m1nthogy
a kezdeti
problmk mr
nincsenek jelen,.
olyan gondokat IS
felfedeznek, amik
korbban rejtve
maradtak volna.

A
W

Teszteljnk brkive l, majd slyozzuk


az eredmnyt!
Ha tesztelsre kerl a sor, sokan hossz ideig keresik azokat a felhasznlkat, akik megfereprezentlnak egy bizonyos clcsoportot, pldul a 25 s 30 v kztti frfi knyvelket, akiknek legalbb egy, de legfeljebb hrom v szmtgpes tapasztalatuk van, s a
kzelmltban mrks lbbelit vsroltak.
lelen

A hasznlhatsgi teszt alig ismert tulajdonsga, hogy valjban nem klnsebben szmt,
kik a teszt alanyai.
A legtbb honlap esetben elg, ha olyasvalakiket vlasztunk, akik ismerik az internethasznlat alapjait.

[ 149 J

9. FEJEZET

Ha megengedhetjk magunknak, hogy szakember vlogassa ssze a rsztvevket, s ez


nem jelenti a tesztdsi alkalmak szmnak cskkenst, legynk btran annyira specifikusak, amennyire csak jlesik. De ha az idelis felhasznl felkutatsa a tovbbi tesztels ell
venn el a lehetsget, akkor ms megkzeltst javaslok:
Teszteljnk brkivel (bizonyos hatrok kztt), majd slyozzuk az eredmnyt!

Ms szavakkal: prbljunk olyan felhasznlkat tallni, akik tkrzik a clcsoportunkat,


de azrt tlsgosan ne ragaszkodjunk hozz. Nyugodtan tegynk engedmnyeket, s vizsgljunk olyan felhasznlkat, akik nem teljesen azonosak a clcsoporttaL Hrom okbl
prtolom ezt a megkzeltst:

> Valahol mlyen mindnyjan kezdk vagyunk. Nzzk csak meg kzelebbrl a
szakrtket: gyakran k is a boztharcos, "tverekedses" technikt alkalmazzk, csak
ppen mesterfokon.
> ltalban nem j olyan honlapot tervezni, amit csak a clcsoport kpes hasznlni.
Ha pldul knyvelk szmra ksztnk egy kzgazdasgi terminolgit hasznl
honlapot, kiderlhet, hogy a knyvelk kicsiny, de nem elhanyagolhat szzalka
nem rti, mirl van sz. A legtbb esetben amgy is lesznek kezdk s tapasztaltabb ltogatink. A honlap, amit a nagymamm hasznlni tud, tkletesen megfelel
a szakembereknek is.
> A profik ritkn srtdnek meg azon, ha valami a kezdknek is nyilvnval. Az rthetsg mindenkinek fontos. (A valdi rthetsgre gondolok, nem a butn szjbargs stlusra.)
Van azonban nhny kivtel:

> Ha a honlapot szinte kizrlag egyeden clcsoport fogja hasznlni, s megoldhat, hogy tesztalanyainkat innen meritsk, tegyk meg! Ha pldul nkhz szlunk, tesztalanyaink mindenkppen nk legyenek.
> Ha a clcsoport vilgosan krlhatrolhat, nagymrtkben klnbz rdekl
dssei s ignyekkel rendelkez kisebb csoportokbl ll, teszteljk minden csoport felhasznlit legalbb egyszer! Pldnak okrt, ha egyetemi weboldalt ksztnk, legalbb egy tesztdsi fzisra keressnk kt hallga tt, kt tanrt, kt vgzs
kzpiskolst s kt adminisztrtort. A tbbi tesztelsen ktetlenebbl is vlogathatunk.

[ 150 J

SZZFORINTOS HASZNLHATSGI TESZTELS

> Ha a honlapunk hasznlata klnleges szaktudst ignyel (pldul pnzgyi szakemberek rszre ksztnk devizarfolyamokat tartalmaz weboldalt), szksges,
hogy legalbb egy tesztelsre olyan alanyokat keressnk, akik rendelkeznek ezzel a
specilis tudssal. Ne keressnk azonban mindig ilyen felhasznlkat, ha emiatt kevesebb tesztelsre nylik lehetsgnk!
A tesztalanyok keresse sorn gyeljnk a

kvetkezkre:

> Ajnljunk fel ill javadalmazst! Az egyrs teszt jellemz brezse 50 dollrtl
tbb szz dollrig terjedhet, attl fggen, hogy tlagos webhasznlrl vagy a honlap tmjnak specialistjrl (pldul szvsebsz szakorvosrl) van-e sz.J tletnek
tartom, ha valamivel tbbet fizetnk, mint a piaci r, mert ezzel: a) rzkeltetui tudjuk, hogy fontosnak tartjuk a tesztalanyok vlemnyt; s b) alanyaink rendszerint
pontosabban rkeznek, s nagyobb rmmel vesznek rszt a munkban. Ne felejtsk
el, hogy mg egy flrs tesztelsen val rszvtel is legalbb egy ra utazssal jr.
Jobb az is, ha olyan emberekkel dolgozunk, akik rdekldnek a dolog irnt, s nem
csak a pnz utni vgy hajtja ket.
> Fogalmazzunk lnyegretren! "Olyan nknteseket keresnk, akik vlemnyt
mondannak a kszl honlapunkrL Klnleges szaktuds nem szksges, a tesztels 45 perc s egy ra kztti idt vesz ignybe, s _ _ sszeg javadalmazst
biztostunk rte."

> Ne beszljnk elre a honlaprl s a mgtte ll szervezetrl! Jobb, ha az alanyok


maguktl prbljk kitallni, ki s mire szolgl a weboldal. (Persze ha az irodnkban
vgezzk a tesztelst, nyilvn mr a bejratnl gyantani fogjk, ki a honlap.)
> Nyugodtan hvjunk ismersket s szomszdokat! Ne legynk zavarban, ha bartokat s szomszdokat is meghvunk a tesztelsre: a legtbben rdekesnek talljk
majd. Mindenkinek j rzs, ha vlemnyt komolyan veszik, plne, ha fizetnek is
rte, radsul sokszor az alanyok is tanulnak hasznos jdonsgokat az internetrl
vagy a szmtgpekrl ltalban.

[ 151 ]

9 . FEJEZET

Hol teszteljnk?
Mindssze a kvetkezkre lesz szksgnk: egy iroda vagy trgyal, benne kt szk, egy
PC vagy Macintosh (internetkapcsolattal, ha mkd honlapot tesztelnk), egy videokamera, egy hossz videokbel s egy kamerallvny.

Az alany (A) a szmtgp monitora (B) e l tt l,


mikzben a modertor (C) elmondja neki, mi a dolga,
s krdseket tesz fel. A videokamera (D), amihez a
hlzati tpforrst egy mkus hajtotta apr genertor
biztostja (E), a monitorra irnyul, s rgzti, amit a
tesztalany lt.

Ekzben a kbel (F) a videokamerbl jelet


kld egy televziba (G), ami egy szomszdos
teremben tallhat, ahol az rdekld
kollgk (H) is megszemii hetik a folyamatot.

A videokbel a karnerbl egy televziha tovbbtja a jelet. A televzit elhelyezhetjk egy


kzeli irodban vagy brmilyen helyisgben, hogy a fejlesztcsoport rdekld tagjai az
alany szksgtelen zavarsa nlkl szemllhessk a tesztelst.
A karnernak azt kell ltnia, amit a felhasznl ppen szemll (a monitort, brkat a papron, attl fuggen, mirl van sz), s azt kell hallania, amit a felhasznl s a modertor
beszlnek. A hagyomnyos webergonmiai laboratriumokban gyakran rendelkezsre ll
egy msodik karnera is, ami az alany arct figyeli, azonban ez nem felttlenl szksges: az
emberi hang is kell rzkenysggel tkrzi a frusztrcira utal jeleket.

[ 152 J

SZZFORINTOS HASZNLHATSGI TESZTELS

A kamera, a tv, a kbel s az llvny mr 600 dollrrt beszerezhetk. De ha anyagi lehetsgeink eddig nem terjednek, ltalban nem gond nhny napra valakitl klcsnkrni
az egsz holmit.
Nem okvetlenl javaslom, hogy kamerval is rgztsk a tesztelst. St korbban kifejezetten elleneztem, hiszen a felvteleket szinte sosem nzte meg senki, s csak bonyolultabb
s drgbb tettk az egsz folyamatot.
Az elmlt nhny vben azonban nagy vltozsok trtntek: a szmtgpek gyorsabb vltak,
s a kperny "trtnseit" rgzt szoftverek is forradalmi fejldsen mentek keresztl. Ezek
a programok (pldul a Camtasia Studio56 ) a httrben futnak, s mindent rgztenek, ami a
monitoron trtnik, valamint amit a tesztalany s a modertor beszlnek. Az gy ltrehozott
vicleofjlt a szmtgpen is le lehet jtszani, s sokkal hasznosabb, mint egy videofelvtel, mert
knnyebben, gyorsabban kirtkelhet, s hlzatokon is egyszeren megoszthat. Azt javaslom, hogy mindig hasznljunk kpernyfelvev szoftvert a webergonmiai tesztelsen.

Ki teszteljen?
Szinte brki el tud vgezni egy hasznlhatsgi tesztels t; a lnyeg, hogy legyen elg btorsga hozz. Nmi gyakorlattal a legtbb emberbl kitn modertor vlhat.
rdemes olyan modertort keresni, aki kellen trelmes, nyugodt, empatikus, tud figyelni,
s eltletektl mentes. Ne vlasszunk olyat, akit gy szoks jellemezni, hogy nem trsasgi ember, vagy aktakukac.

Ki kvesse figyelemmel a tesztelst?


Brki, akit rdekel. J, ha mindenkinek megadjuk a lehetsget, hogy jelen legyen, ha
rdekli a folyamat - a csapattagoktl kezdve a marketingeseken t az zleti fejleszts
munkatrsaiig s az egyb rdekeltekig.
Amikor felmerl a krds, hogy hogyan gyzzk meg a fels vezetst a tesztelshez val
anyagi hozzjrulsrl, melegen ajnlom, hogy ne a befektets vrhat hasznrl rvelj nk.
56

Szmos kpernyfelvev szaftver kaphat a piacon, n a TechSmith (www.techsmith.com) Camtasia Stztdijt


kedvelem a legjobban (ugyanez a cg kszti a Snag ft nev szoftvert, amely llkpeket rgzt a monitm-rl),
mert rendkvl megbzhat, s nagyon hasznos kiegszt eszkzei is vannak. Az ra kb. 300 doll1: A cg
1 OOO dollrral drgbban knlja a Mome nev szoftvert, amit kifejezetten webergonmiai tesztek rgztsrefejlesztettekki - ez egyfajtaJelturbzott Camtasia - ,s azt is lehetv teszi, hogy az rdekldk hlzatba
kttt szmtgpekrl kvessk a tesztels!. gy feleslegess vlik a kamera.

[ 153

9. FEJEZET

A legjobban mkd taktika az, ha legalbb egy tesztelst szemlyesen is bemutatunk nekik. Erdemes elmagyarzni, hogy webergonmiai elemzsre kszlnk, s a csapatszellem
szempontjbl fontos lenne, ha nhny percig k maguk is jelen lennnek. gy tapasztaltam, hogy a vezetst gyakran lenygzi a tesztels, s sokszor tovbb maradnak, mint terveztk. Nem meglep: ez az els eset, hogy a honlapjukat hasznlatban ltjk, s gyakran
kiderl, hogy nem gy ll a helyzet, mint kpzeltk

Mit teszteljnk s mikor?


A lnyeg, hogy idejben elkezdjk a tesztelst (soha nem lehet tl korn kezdeni), s gyakran, a fejleszts minden fzisban vgezznk vizsglatot.
Mg mieltt a honlap kialaktsba belevgnnk, clszer a minkhez hasonl weboldalakat tesztelni. Kereshetnk olyan honlapokat, amelyek mgtt rivlis vagy hasonl trsasgok llnak, rokon a felptsk vagy nagyon hasonl eszkzket alkalmaznak.
Teszteljk mi magunk ezeket a honlapokat, majd figyeljnk meg egy vagy kt embert,
akik hasznlatba veszik ket, s prbljuk meg megllaptani, mi a j s mi a rossz bennk.
Sokan kihagyjk ezt a lpst, pedig az rtke felbecslhetetlen - mintha valaki ingyen
prototpust ksztene a szmunkra.
Ha mg soha nem vezettnk ergonmiai tesztelst, az idegen honlapok vizsglata pomps lehetsget nyjt a stresszmentes gyakorlsra, s abban is segt, hogy nvessznk egy
vkonyka "pnclt": az els alkalmak sorn, amikor a sajt honlapunkat teszteljk, nehz nem mellre szvni a felhasznlk rtetlenkedst. Msok honlapjnak tesztelse segt
abban, hogy hozzszokjunk az emberek reakciihoz.
Tekintve, hogy az idegen honlapok mr kszen llnak, mkdnek, esetkben ktfle tesztelsre van mdunk: a) "fejest ugorhatunk'' a honlapba, vagy b) tesztelhetjk egyes kulcsfeladatok megoldhatsgt.
> A "fejesugrs" azt jelenti, hogy megmutatjuk az alanynak a honlapot: vesse bele

magt, lssuk, hogyan boldogul, megrti-e a weboldal cljt, azt, hogy mire szolgl,
hogyan pl fel, hogyan mkdik s gy tovbb.
>

A kulcsfeladatok tesztelse azt jelenti, hogy megkrjk az illett egy adott feladat
elvgzsre, s megnzzk, mennyire sikeresen hajtja vgre.

[ 154 J

SZZFORINTOS HASZNALHATSGI TESZTELS

Szablyszer, hogy mindig jobb eredmnyt kapunk, ha magt a felhasznlt is rdekeltt


tesszk a feladat elvgzsben. Sokkal jobb, pldul, ha arra krjk, hogy keressen meg egy
knyvet, amit meg akar venni (vagy egy olyat, amit a kzelmltban vsrolt meg), mintha
azt a feladatot kapn, hogy keressen egy olcs zsiai szakcsknyvet. Amikor az emberek
motivlatlan, letidegen feladatot vgeznek, rzelmileg nem azonosulnak vele, s kevsb
tudjk szemlyes ismeretanyagukat alkalmazni.

Ha elkezdnk a sajt honlapunkon dolgozni, mr a kezdet kezdetn meg kell ismertetnnk a felhasznlkat az tleteinkkel, legyenek akrmennyire vzlatosak. A dizjnerek
sokszor nem szvesen mutatjk meg a folyamatban lev munkt, a felhasznlk viszont
btrabban mondanak vlemnyt valamirl, ami lthatan befejezetlen: a flksz munkban
nyilvn nem fekszik annyi erfeszts, s knnyebben mdosthat. Radsul a tny, hogy
grafikailag sem tkletes, s mg hinyoznak egyes ltvnyos rszletek, segt a figyelmet a
lnyeges elemekre s a szhasznlatra koncentrlni.
Ksbb, amint a honlapunk mr
kulcsfeladatok tesztelst.

mkd

prototpusokat is tartalmaz, elkezdhetjk a

Szintn javaslom, hogy vgezzk el a szomszdos rasztal-tesztet: amint megterveztk a


honlapunk egy oldalt, nyomtassuk ki, mutassuk meg a szomszdos rasztalnl dolgoz
kollgnak, s nzzk meg, mihez kezd vele! Ez a fajta informlis tesztels igen hatkony,
s rengeteg lehetsges problmtl megkml.

gy nz ki egy tesztels
Kvetkezzen most egy tipikus- de fiktv- teszt jegyzknyvnek kivonata. A tesztelt honlap vals, de idkzben alaposan talaktottk. Az alany neve Janice, krlbell huszont
ves n.

[ 155 ]

l
9 . FEJE Z E T

BEVEZETS
dvzlm, Janice. A nevem Steve Krug, s egytt fogunk dolgozni a mai tesztels sorn.

A tesztelsek vezetse sorn mindig


ugyanazt a bevezet szveget hasznlom.57

Bizonyra tudja, mirt tallkoztunk ma, de azrt hadd


magyarzzam el nhny szban. A cgnk j honlapjt
kszti, s szeretnnk megtudni, hogy knnyen tudjk-e
majd hasznlni az emberek.

A szvegbl mindig tartok magam


egy kinyomtatott pldnyt, s
ha kell, felolvasok belle, de azrt
jobb emlkezetbl beszlni, mg ha
gy hibkat is vthetnk. Ha a felhasznl ltj a, hogy n is szaktam tveszten i, megknnyebbl.

Szeretnm teljesen vilgoss tenni, hogy a honlapot


teszteljk, s nem nt. n itt semmifle hibt nem
kvethet el. szintn szlva nem tudom, az elmlt
idkben volt-e olyan helyzetben, ahol ennyire lehetetlen volt hibzni, mint itt.

e l tt

Nyugodtan mondja azt, amit gondol, ne aggdjon, nem


fogunk megsrtdni! 58 Szeretnnk jobb tenni a honlapot, ezrt az szinte vlemnyre vagyunk kvncsiak.
Ha belekezdnk, arra fogom krni, hogy mindig
hangosan mondja, mi jr a fejben! Ezzel sokat segt
neknk.

57

Aszveg angol nyelven elrhet a honlapomon (www.sensible.com), ahonnan letlthet, s szabadon felhasznlhat.

58

H a a mode1tor nem mkdtt kzre a honlap adott rsznek elksztsben, azt is mondhatja: ,,Ne aggdjon, hogy
megsrtdm. Nem n ksztettem a webo!dalt, amivel dolgozni fogunk."

[ 156 J

SZZFORINTOS HASZNLHATSGI TESZTELS

Ha krdsei lennnek, csak szlj on! Lehet, hogy nem


vlaszolhatok azonnal, mert mi igazbl arra vagyunk
kvncsiak, hogyan boldogul a honlappal, ha senki nem
segt, de a vgn majd visszatrnk minden megvlaszolatlan krdsre.
Sok dolgunk van, ezrt igyeksznk sietni. Remlem,
rdekesnek fogja tallni a folyamatot!

Ezt fontos megemlteni, mert modortalansgnak tnhet, ha nem adunk


vlaszt a menet kzben felmerl
krdsekre. Kezds eltt vilgoss kell
tenni, hogy: a) nem szemlyes rokonszenv-ellenszenv vezrel, s b) a vgn
mindent megbeszlhetnk, ha a krds mg mindig fennll.

Nyilvn szrevette a kamert. Ha megengedi, felveszszk azt, ami a kpernyn trtnik, s azt, amit mond.
A felvtelt csak arra hasznljuk, hogy tleteket mertsnk, hogyan fejleszthetjk a honlapot, s senki nem
fogja ltni a proj ekt munkatrsain kvl. Radsul gy
nekem sem kell annyit jegyzetelnem. Nhnyan egy
szomszdos szabbl is figyelik a munknkat.

Ilyenkor krdezik meg a legtbben:


"De nem kerlk be valami kandi kamers msorba, ugye?"

Megkrnm, h ogy rja al ezt a dokumentumot. Csupn az ll benne, hogy megengedi a felvtel elksztst,
s hogy a felvtelt csak a munkatrsaink fogjk ltni.
Ezenkvl n gretet tesz, hogy senkinek nem fog arrl
beszlni, amit ma itt lt, hiszen ezek az informcik
mg nem nyilvnosak.

Ha szksges, rassuk al a hozzjrulsi s titoktartsi nyilatkozatot!


A nyilatkozatok legyenek rvidek s

Van krdse, mieltt elkezdjk?


Nincs. Azt hiszem, nincs.

[ 157 J

kzrthetk.

l
9 . FEJEZET

HTTRKRDSEK
Mieltt

elkezdennk a honlappal foglalkozni, hadd tegyek fel nhny rvid krdst. Elszr is: mi a foglalkozsa?
Lebonyolt vagyok.

Errl mg sose hallottam . Egszen pontosan mit csinl


egy lebonyolt?

Semmi klnset. Felveszem a berkez rendelseket,

J tletnek tartom, ha nhny bevezet krdssel kidertjk, ki az illet, s


hogyan hasznlja az internetet. A beszlgets segt felolddni, s a modertor is bizonythatja, hogy figyelmesen hallgatja, amit mondanak neki. Itt
az is kiderl, hogy nincsenek j vagy
rossz vlaszok.

Nyugodtan ruljuk el, ha valamit nem


tudunk. Nem az a feladatunk, hogy
szakrtknt tndkljnk, hanem az,
hogy j hallgatsgnak bizonyuljunk.

s tovbbtom az osztlyra, ahova tartoznak.

rtem. Hetente krlbell hny rt tlt internetezssei, az e-mailezst is belertve?


Nem is tudom. A munkban krlbell napi egy rt,
otthon meg mg heti ngyet. Fleg htvgn. Estre
olyan fradt vagyok, hogy nincs hozz trelmem. De
nha szeretekjtszani is.

H ogyan tlti el ezt az idt? Egy tlagos munkanapon


mire hasznlj a az internetet , s mire otthon?
Ht, az irodban az id legnagyobb rszben e-ma ileket nzek. Egy csom e-mailt kapok, s ezek egy rsze
szemt, de azrt mindet vgig kell nznem. Meg nha
keresnem kell ezt-azt a munka miatt.

[ 158

Figyeljk meg, hogy alanyunk nem


biztos benne, mennyi idt tlt valjban az interneten! A legtbb ember gy van ezzel. Ez nem problma,
mert pontosabb vlaszra nincs is
szksgnk. A lnyeg, hogy felhasznlnk beszljen s gondolkodjon a
sajt webhasznlati szoksairl, mi
pedig meg tudj uk becslni, mifle
felhasznlval llunk szemben.

SZZFORINTOS HASZNLHATSGI TESZTELS

Vannak kedvenc weboldalai?


A Yahoo!, asszem. Szeretem a Yahoot!-t, gyakran hasznlom. Meg van egy oldal, taln Snakes.com a neve, azt
is megnzem nha, mert nekem is van egy kgym .

Komolyan? M ilyen kgy?


riskgy. Most mg csak egy mter hossz, de ha
megn, kt s fl, hrommteres is lehet.

H. rtem. Egy utols krds: vsrolt mr valamit az


interneten? Szereti az internetes vsrlst ?
Mcstanban vettem egy pr dolgot. Azeltt sokig
nem vettem semmit, de csak azrt, mert nem tudtam
volna tvenni az rut. Nehz gy tvenni valamit, ha
egsz nap nem vagyok otthon. De a szomszdom
mcstanban mindig otthon van, s tvesz mindent.

s mit vsrolt?
Ht, vettem egy L. L. Bean eskabtot, s sokkal egyszerbb volt, mint gondoltam volna. Nagyon knny
volt az egsz vsrls.

rtem, nagyszer. E zzel meg is volnnk. Kezdh etjk


a munkt?
Kezdhetjk.

[ 159

Nyugodtan elkalandozhatunk, nem


baj, ha tbb dolog kiderl a felhasznlrl, ha aztn idejben visszatrnk a
lnyegre.

9 . FEJEZET

A KEZDLAPRA ADOTT REAKCIK


Elszr is arra krnm, hogy nzze meg ezt az oldalt, s
mondja meg, n szerint mire j, mi az els benyomsa,
s mire kattintana elszr.

De egyelre ne kattintson semmire! Csak mondja meg,


mire kattintana!
Mr emltettem, milyen hasznos lenne, ha hangosan
gondolkodna, hogy lssuk, mi jr a fejben.

. ~i.tiGJjtlt:. ~~-~~;;~-;;ll~C ---------~ -l.ill'

tell

m....c!JJHJ.:

u:oJ1tt

it>L'J.Il

l>tJQ

"'nl9ftn&-u .J ( .. f"Jit)
Flnan cl~

=-~~~::=~=~~
.
PI.....W.g,l.lo..,o,T~eo.

Ub l

c;!,.;,.o.r.C<?tlao.F......,.

~":".;:;!.::"'-~~..-,...,_.
Wl l r..w:.tl:lm
Oll& t iYe
C.OIItn. l lklrt>.oo,.,Nv<lc.

'""""9'--t.....~~oo-...,.... .-ty,
~:':':i.""':'":'.;.:'n*.:":'\.~"'..l,
u.t.a l f.!Uil:bia
l'olm1c.etlng

.. ........ ,.o... -. ..

-. . .... .. ph.r.w--.,.

!21 1 ~

U!J. ! !Wrlt:!r:IU.

f d uc:eU oo {CIIrlll' ur

I"Jed lcol

;::~:~:~'::';:;=:,::~t.~,
CN!4-,T~ ...

Ul!l. l ~

Legoli

Comput01r

..

"""-! .................

Oo tloeMpro"ectl
~-.. .

...-.~,,

c . ... ,....,,. g. ,,._,.,",,_,,,

Pl_...,_,,........- .

.S!tl l ~

' t:!!:l!pdcaMJ'

- ~

.............
""""""""'

.........
"""""""

~
~

...............

[ 160 J

A bngsz eddig is futott, de az ablakt lekicsinytettem. Ezen a ponton


nveltem meg teljes kpernymre
tre.

SZZFORINTOS HASZNLHATSGI TESZTELS

Ht, elszr is azt emelnm ki, hogy milyen j a szne.


Nagyon szeretem ezt a fajta narancssrgt, s tetszik a
napocska is (a lap tetejn lev eLance-log).
Nzzk! (Felolvassa, ami az oldalon ll) "A globlis szelgitatsok piaca:' "Ahol a vilg sszefut,5 9 hogy segtsen az n munkjt elvgezni:'

~ Where

Knnyen lehet, hogy a kvetkez


alany utini fogja ezt a narancssrga
rnyalatot, s a rajzot tl sablonosnak
tallja. Nem rdemes tlzottjelents
get tulajdontani annak, ha a honlap
grafikjt dicsrik, vagy szidjk.

the workt eompetes to get you r job done."

Nem rtem, ez mit akar jelenteni. Fogalmam sincs.

(A bal oldali "Top ajnlatok" rovatot bngszve) "lngyenes logszerkeszts'; "30 grafikai p iactr'; "elance kzssg';"eLance piactr".

QUALITY AT WORl<

"Where the world com p

Cool Stuff
Animate Your
Logo: Free !
3D Graphics
Marketplace
Build Yo ur Site:
Web Site in a Bo x
Travel Plann ing

59

( lllew l w RFP Mar1letptace ]

elance Marketplaces

s earch

] anice figyelmetlenl olvassa fel az oldal szvegt: "Where the world competes to get your job done" (Ahol az egsz
vilg verseng, hogy segtsen az n munkjt elvgezni) helyett "Where the world comes.. . " (Ahol az egsz vilg
sszefot)-ot mond.

[ 161

9. FEJEZET

Itt van egy csom minden. De fogalmam sincs, mire j


ez az egsz.

H a tippelnie kellene, m ire gondol, m i leh et ez ?


Ht, valami olyasmi, amivel venni lehet, meg eladni ...
Asszem.
(jra ttekinti az oldalt.) Most, hogy ltom ezt a listt
itt alul (a Yahoo!-stlus fel sorolsra gondol a lap kzepe t jn), szerintem ez valami szolgltats. Jogi, pnzgyi, iz .. . kreatv ... szolgltatsnak tnik.

Business

Financi a l

Con s u lti ng , Data Entry , Report


Production , Start u p Services,
Tran s:cription, Tran s lation , Wo rd
Processing .. ,
RFP:s J Fix edPri ce

Accounting , Auditing , Bookkee p ing,


Estate Pl<:mning , I n sur.a n ce, Fina n ci.al
Planning, Loans, T axes . . .
B.EE> I ~

Leg<ll
Computer

Clatms , Corporat e, Famll v,

Con:sulting , Software DeYelopment,


Tech Support...

Immigr~tion , Inte ll e ctual Property,


Internatio nal , Pate nt.. Perso nal,
Research , Wills/T rusts ..

RFPs

Fix edPrice

RFPs l ~

Cr eatv e
DesiQ n, Il lustration, Music.

Morketing

Szerintem biztos. Szolgltatsokat vesznek s eladnak.


Olyan internetes telefonknyv, mint az Arany Oldalak ...
Rendben. H a most egyedllen ne otthon , h ov klikkeine
elszr?

[ 162 J

Ez a felhasznl gyesen teszi a dolgt,


mindent kimond hangosan. Ha nem
gy tenne, krdezgetnem kellene, hogy
mire gondol ppen.

SZZFORINTOS HASZNLHATSGI TESZTELS

Szerintem rkattintank arra a 3D-s grafikai rszre. Birom a 3D-s grafikkat.

Mieltt

rklikkelne, volna mg egy krdsem. Mi a


helyzet azokkal a kis szmozott kpekkel a lap tetejn?
Vajon mire valk?

( "'"w ... RFP Ma'*- J

Lttam

ket,

PolitYout RFP

de nem igazn tudom, mire jk. Gondo-

lom, elmagyarzzk, hogy kell hasznlni a honlapot,


vagy ilyesmi.

Van valami klnleges oka, hogy mirt nem nzte meg


ket jobban?
Nincs. Csak minek nzzem meg a hasznlati utastst,
ha azt se tudom, hogy akarom-e hasznlni a hon lapot?
Gondoltam, elbb kidertem, mi ez az egsz.

Rendben. rtem.

[ 163

Azrt teszem fel ezt a krdst, mert a


webdizjnerek azt hiszik, hogy a legtbb felhasznl azonnal rveti magt
a kis kpekre, de legalbbis alaposan
megszemlli ket.

9 . FEJEZET

FELADATMEGOLD TESZT
Ezzel megvolnnk. Most megprblkozunk valami
mssal.
Arra krnm, hogy keressen valami olyat a honlap szolgltatsai kzl, amire amgy is szksge volna.
Hm. Hadd gondolkozzam . Mintha lttam volna valami
olyasmit, hogy "Lakberendezs': Aka runk pteni egy
galrit a szobban . Ez j lesz?
Kitn . Ha ennek a honlapnak a segtsgvel ptene
galrit, mit tenne elszr?

Taln rklikkelnk valamelyik kifejezsre itt alul. Szerintem itt kell valahol lennie a lakberendezsnek. (Szemlldik.) Itt is van, a"Csald s hztarts" alatt.

Szval mit tenne?


Ht, rklikkel nk ... (Tndik, mikzben a "Family &
Household " [Csald s hzta rts] alatti kt linket nzegeti : " RFPs" [nem tl kzismert angol rvidts arra,
hogy "rajnlatok bekr se"] s " Fi xed-Price" [rgztett
rak].)

Family & Household


Food & Cooking, Gardening,
Genealogy, Home Imp ro11ement,
Interior De s ign, Parenting, Pets, Real
Estate . ..
RFPs l Fi>( ed-Price

[ 164 ]

Ha van r lehetsg, j, ha a felhasznl


maga vlasztja ki a feladatot.

SZZFORINTOS HASZNLHATSGI TESZTELS

Ht, most nem tudom, mit csinljak. Arra nem tudok


klikkelni, hogy .,Lakberendezs'; gyhogy vagy az
.,RFP"-t, vagy a .,Fixed-Price"-t kellene megnyomnom.
De nem tudom, mi a klnbsg.
A .,Fixed-Price"-t, gondolom, rtem: valamire adnak

Sajnos, alanyunk tvton jr. A .,FixedPrice" ezen a honlapon fix radjas


szolgltatsokatjelent, mg az.,RFP"-re
kattintva ignyelhetnk rajnlatot. Ez
a fajta tveszts gyakran meglepetsknt ri a honlap kszt it.

egy rajnlatot, s abbl mr nem lehet alkudni . De mi


az az.,RFPs"? Nem rtem .

Innentl kezdve azt figyelem, hogy


a felhasznl hogyan prblja megoldani a sajt maga ltal kivlasztott
feladatot. Addig hagyom prblkozni,
amg: a) el nem vgzi a feladatot; b)
teljesen fel nem idegesti magt; c) r
nem jvk valami j, fontos informcira azltal, hogy figyelem, hogyan
verekszi t magt a problmkon.

Szval, hov kattintana most?


Szerintem a .,Fixed-Price"-ra.

Ht akkor vgjunk bele!

Ezutn kap mg hrom-ngy tovbbi feladatot, melyek sszessgkben


nem tartanak tovbb 45 percnl.

[ 165

9. FEJEZET

Minl hamarabb tekintsk


t az eredmnyeket!
Minden tesztdsi kr utn a lehet leghamarabb alkalmat kell tallni arra, hogy az egsz
tervez csoport jelenltben ttekintsk a tapasztalatokat, s eldntsk, mi legyen a kvetkez lps. Azt javaslom, hogy reggel vgezznk el hrom-ngy tesztet, s ebdnl
rtkeljk ki ket.
A megbeszlsnek ketts szerepe van:

> Szortrozs. tnzzk a felbukkant problmkat, s eldntjk, melyeket szksges


kijavtani.

> Problmamegolds. Ki kell tallnunk a mdjt, hogyan oldhatjuk meg a problmkat.


Vajon mkdhet-e ez a mdszer? Ha maguk a tervezk vitatjk meg a honlap kijavtsnak lehetsgeit, mitllesz ez egyszerbb a tesztelst kveten, mint eltte?
A helyzet az, hogy a webergonmiai tesztels sorn megismert tnyek teljesen j perspektvba helyezik a problmkat. A tesztels megfigyeli ilyenkor rendszerint tisztbban ltnak, mint korbban.
Valaki ms kszkdsnek megfigyelse gyakran mindenki szmra nyilvnval megoldst
sugall a problmkra, j fnybe helyezi a rgebbi tleteket.
Ne feledjk: mindez lpsrllpsre halad folyamat. A csoportnak nem kell azonnal kiegyeznie a tkletes megoldsban, elg, ha a kvetkez teendt elre tudjuk.

Jellegzetes problmk
me nhny tipikus problma, amire tesztelskor rbukkanhatunk:

> A felhasznlk nem ltjk t a weboldal koncepcijt. Nem rtik, mirl van sz.
Vgignzik a honlapot vagy egy oldalt, s nem tudjk, mit kezdhetnek vele. Elfor
dul, hogy kialakul ugyan bennk valamilyen elkpzels, de az teljesen tves.
> Nem talljk a szavakat, amiket keresnek. Ennek rendszerint az az oka, hogy: a) a tartalmat ms kategrik szerint rendeztk, mint amit a felhasznlk vrtak, vagy b) az
elvrt kategrikat hasznltuk ugyan fel, de ms elnevezsekkel, mint amire szmtottak.

[ 166

SZZFORINTOS HASZNLHATSGI TESZTELS

> Tlzsfolt a weboldaL Nha a felhasznlkorra eltt van az, amit keresnek, mgsem veszik szre. Ebben az esetben: a) cskkentennk kell az oldalon jelen lev zaj
mennyisgt; vagy b) hangslyosabb kell tennnk a keresett elemet, hogy a vizulis
hierarchia magasabb fokra kerljn, azaz feltnbb legyen.

Nhny szortrozsi alapelv


Kvetkezzk nhny tancs azzal kapcsolatban, hogy mit rdemes kijavtani, s mit nem.

> Hagyjuk figyelmen kvl a "kajakproblmt"! A tesztels sorn nagy valszn


sggel szembetalljuk magunkat azzal, hogy a felhasznl nhny pillanatra letr a
kvetend trl, de minden kls segtsg nlkl azonnal vissza is tall a j nyomra.
Amg ezek a kitrk olyanok, mint a vadvzi kajak tja, s nem befolysoljk az eredmnyt, ne foglalkozzunk velk. Szinte a mka rszei.
Amg teht: a) mindenki, aki letrt a helyes nyomrl, tudatban van annak, hogy helyesbtenie kell; b) helyesbteni is tud segtsg nlkl; s c) mindez nem klnsebben
zaklatja fel, figyelmen kvl hagyhatjuk a problmt. ltalban megelgedhetnk azzal, ha egy felhasznl msodjra helyesen megtippeli, hol tall valamit.
Termszetesen, ha ilyenkor birtokunkban van az egyszer s kzenfekv megolds,
ami a honlapon nem tesz tnkre semmi mst, mindenkppen javtsunk! A helyes
trl val letrs azonban ltalban elkerlhetetlen, mert bizonyos ktrtelmsgek
feloldsra nem ltezik egyszer megolds, s ez nem ri meglepetsknt a tervez
csoportot. Vgynk egy pldt: vannak olyan elemek, amelyek nem illenek igazn
egyetlen menpont al sem. A mozifilmeket a felhasznlk fele az "Idtlts" rovatban keresi elszr, msik fele a "Mvszet" alatt. Akrhogy is, egyik felk biztosan
rossz helyen kezdi a kutatst. Msodjra viszont mindenki megtallj a, s ez rendben
is van gy. 60

> Ne adjunk feltdenl tovbbi elemeket a weblaphoz! Amikor a tesztels nyilvnvalv teszi, hogy a felhasznlk valamit nem tallnak meg, a leggyakoribb els reakci az, hogy valamivel kiegsztjk az oldalt: rendszerint magyarzattal vagy hasznlati utastssal.

Felmerlhet a krds, hogy vajon nem lenne-e rdemes az ilyen elemeket mindkt kategria alatt elhelyezni.
gy vlem, az a legszerencssebb, ha egy dolog a hierarchia egyetlen pontjn tallhat csak meg, de alkalmazhatunk "Lsd mg"-tpus kereszthivatkozst ms helyeken, ahol aJelhasznlk keresni szoktk.

[ 167 ]

9. FEJEZET

A tlbonyolts helyett igen gyakran az lenne a j megolds, ha eltvoltannk egy vagy


tbb elemet, ami akadlyozza a tisztnltst.

> Szemiijk kritikusan az j eszkzk irnti ignyt! Az emberek gyakran mondogatjk, hogy jobb lenne, ha a honlapon ezt vagy azt is lehetne csinlni. rdemes az
ilyen ignyeket jkora kritikval szemllni, mert sokszor a honlapon van ms md
arra, hogy elrjk aszban forg clt. Taln nem lenne szereness megvltoztatni az
erre szolgl eszkzket; az emberek olykor csak szemlyes preferenciiknak adnak
hangot.
>

Szaktsuk le munknk karnyjtsnyira csng gymlcseit! A tesztels sorn felbukkan, hn htott tapasztalatok kt csoportba oszthatk:
> A "hogy-n-erre-eddig-nem-gondoltam" -tpus a vilgosan krlhatrolhat s

nyilvnval mdon megoldhat gondokat jelenti. Aki jelen volt a tesztelsen s


ltta akr csak a legels felhasznlt, felismeri a problmt, s azonnal tudja a
megoldst. Az ilyen tapasztalat tallt pnz: a hibt javtsuk ki azonnal!
>

A"sminkels-tpus" azokra az esetekre vonatkozik, amikor egyvltozats: a) szinte


nem ignyel energit, vagy b) ignyel ugyan nmi erfesztst, de ltvnyos eredmnnyel ajndkoz meg.

Vgl egy utols tancs a vltoztatsok mikntjvel kapcsolatban. Ez olyan fontos, hogy
megrdemli a maga kln bekezdst.

Ha egy pillang szrnya megrezdl


Knban
Mint minden gondos tervezst ignyl munkra, a webdizjnra is igaz, hogy a siker garancija a gondos mrlegels. Ezrt sose felejtsk el, hogy a legaprbb vltoztatsnak is
messzemen kvetkezmnyei lehetnek. Nha nem az a legnehezebb, hogy kijavtsunkegy
megtallt problmt; a krds az, hogy hogyan javthatunk ki valamit gy, hogy ekzben
nem rontunk el valami mst, ami jl mkdik.
Brmilyen mdostst is hajtunk vgre, gondoljuk vgig; mit rinthet a vltoztats. Ha egy
elemet hangslyosabb tesznk, klnsen figyeljnk arra, hogy ettl valami ms kevsb
hangslyoss vlik.

[ 168 ]

SZZFORINTOS HASZNLHATSGI TESZTELS

Havi egy reggel, s ms semmi


Optimlis esetben a webes fejlesztcsoportoknak havonta egy dlelttt hasznlhatsgi
tesztelssei kell tltenik
Egy dleltt hrom-ngy felhasznlvallehet tesztelst vgezni, aztn mindezt ki lehet
rtkelni ebdidben. Ennyi az egsz.
Mire megrkezik a desszert, dnts szlethet a kijavtand problmkrl, s ezzel ki is
piplhatjuk a tesztelst egszen a kvetkez hnapig. Nincs szksg rtkelsekre, vgtelenbe nyl megbeszlsekre.
Ha mindent ugyanazon a dlelttn vgznk el,jval valsznbb, hogy a csoport legtbb
tagja legalbb a tesztelsek egy rszn megjelenik. Ez igen melegen ajnlott.
Kvetkez knyvemet a fapados hasznlhatsgi tesztels csnjrl-hnjrl szndkozam
rni, de hatrozottan nem szeretnm, ha brki is addig vrna, mg megjelenik. Vgjunk bele
most!

[ 169 J

Az szintesg a legnehezebb.
Ha ezt gyesen e/jtszod, a tbbi mr magtl megy.
- EGY RGI HOLLYWOODI GYNK BON MOTJA

RTNT EGYSZER, HOGY VSROLTAM EGY REPLJEGYET


Denverbe. gy alakult, hogy a jratom indulsi idpontja az a nap lett, amit a szakszervezetek a lgitrsasggal val kollektv megegyezs vgs hatridejl tztek ki. Ha
nincs megegyezs: sztrjkolnak.

Ez persze aggodalommal tlttt el, s azt tettem, amit a helyemben brki tett volna: rnknt megnztem a Google hrportljt, hogy megszletett-e a megllapods. Felkerestem
a lgitrsasg honlapjt is, hogy vajon k mit mondanak a dologrl.
Dbbenten tapasztaltam, hogy nem csak a kezdlapon, de az egsz honlayon nincs egyetlen rvasz sem a kzelg sztrjk lehetsgrl. Kerestem. Bngsztem. Atnztem a gyakran idzett krdseket. Semmi: csak aszoksos oldalak. Sztrjk? Ugyan, mifle sztrjk?
Pedig pontosan lehetett volna tudni, hogy az grt sztrjk reggeln egyetlen igazn gyakori
krdst tesznek fel a trsasgnak, de azt szzezrek teszik fel, akik repljegyet vltottak a
htre: mi fog trtnni a jratokkal?
Azt vrtam, hogy egy kln krdslista foglalkozik a tmval, valahogy gy:
Valban lesz sztrjk?
Hogy llnakjelenleg a trgyalsok?
Mi fog trtnni sztrjk esetn?
Hogyan foglalliatom t a repljegyemet?
Hogyan kaphatok segtsget a lgitrsasgtl?
De semmi.
Mire kvetkeztettem

ebbl?

Arra, hogy: a) a lgitrsasgnak nincs forgatknyve arra, hogy a honlapjukat klnleges


esetekben miknt frisstsk; b) valamilyen jogi vagy zleti oknl fogva nem akarjk tudomsul venni a sztrjk eshetsgt; c) nem merlt fel bennk, hogy az embereket rdekelheti a krds; d) magasrl tesznek az egszre.
Mindegy, mi volt a valdi ok, a trsasg kitn munkt vgzett annak rdekben, hogy a
jindulatom vszesen megfogyatkozzon a cg s a honlapja irnt. A mrkanv, melynek
fnyestsre vente szzmillikat kltenek, az n szememben megkopott kiss.

[ 171 ]

10. FEJEZET

E knyv jelents rszben azt trgyaltuk, mennyire fontos kzrthet honlapokat kszteni:
elengedhetetlen, hogy a felhasznlk klnsebb erfeszts nlkl megrtsk, hol jrnak
s hogyan hasznlhatjk a honlapot: rtenik, "vennik'' kell az zenetet.
De van egy tovbbi kulcsfontossg jellemzje a felhasznlbart honlapoknak a felhasznl irnti figyelmessg. Nem csak jl rthetek, de udvariasakis a ltogatval szemben.

Jindulatitke
Nem jrunk messze az igazsgtl, ha gy kpzeljk, hogy minden alkalommal, amikor
felkeresnk egy honlapot, kezdetben rendelkeznk bizonyos mennyisg jindulati t
kvel. De minden felmerl nehzsg cskkenti ezt a jindulatot. Valahogy gy festhetett
pldul, amikor megltogattam a lgitrsasg weboldal t:

...

.'

' f'l
,ni!J
f'1
~s-/

....

...

/~~

Belpek a webolda Ira.

Krlnzek a honlapon.

Ajindulati tkm

Jl szervezettnek tnik,
ez megnyugtat. Bzom
benne, hogy itt vannak a
szksges informcik,
s meg is tallom ket.

valamicskt lehetne
tbb is, mert idegest,
hogy a lgitrsasg bels
problmi komolyan
rinthetik az n jratomat
is.

_:: ','!I!)J
n n

.,

Sz sincs sztrjkrl a

A kezdlapon t

kezdlapon.

hivatkozs mutat a
"Hrek" menre, de egyik
sem rdekes.

Nem tetszik, hogy azt


sznlelik, minden a
legnagyobb rendben
van.

' ~~~~t"';O

-4/
~

A legutols sajtkzlemny
tnapos.
Megkeresem a "Magunkrl"
rovatot.

Tele van reklmmal,


de egy fia gretes
linket sem tallok, ami
rendkvl dht. Mi a
fennek prblnak jabb
jegyeket rm szni,
amikor azt sem tudom,
hogy holnap felszll-e a
gpem?!

.~:,'

,..

-:
f'~ ' ...:~

Rkeresek a"sztrjk"
szra, s tallok is kt
sajtkzlemnyt a
tavalyi sztrjkrl, meg
a cgtrtnetet, benne
egy sztrjkkal az tvenes
vekbL

Legszvesebben hagynm a
fenbe az egsz hon lapot,
de ms informciforrs
nem ll a rendelkezsemre.

[ 172

Rkattintoka
"Sajtkzlemnyek"
ravatra a lista aljn .

, D

~~~~~(
"
-4
~

;::;;~ <)

tfutom a gyakran
ismtelt krdseket,
aztn odbbllok.

A HASZNLHATSG MINT AZ ELEMI UDVARIASSG RSZE

A jindulatitke mennyisge vges. Ha rosszul bnunk a ltogatkkal, elfogy, a felhasznlk pedig valsznleg odbbllnak s nem ez az egyetlen elkpzelhet negatv hozadk:
lehet, hogy a ksbbiekben kevsb szvesen hasznljk a honlapot, vagy megromlik a
trsasgunkrl alkotott vlemnyk.
A

kvetkez

dolgokat rdemes tudni a jindulati tkrl:

Y"~

~~ n,J,, "

> Az egyn alkattl fgg. Van, akinek nagyobb a jindulati tkje, van, akinek kisebb. Egyesek termszetktl
fogva gyanakvk vagy bizalmatlanok; msok szletsktl fogva trelmesebbek, bizakodbbak, optimistk.
A lnyeg az, hogy nagyon nagy tartalkra ltalban nem
szmthatunk

..... Cl

n l

<:;~

'

> A krlmnyeken is mlik. Ha sietek, ha ppen prul jrtam egy msik honlapon, hiba vagyok bizakod
alkat, a pillanatnyi jindulati tkm eleve alacsonyabb,
amikor belpek a honlapra.

> jratlthet. A jindulati tkm mennytsege megcsappanhat, amikor problmkba tkzm, de jra meg
is nhet, ha az az rzsem tmad, hogy a honlap mgtt
ll szervezet az n rdekeimnek megfelelen cselekszik.
> Nha egyetlen hiba nyomn kmforr vlhat. Sok felhasznl jindulati tkje mr attl nullra cskken, ha
arra knyszerl, hogy tbb tucat krdsre vlaszoljon a
regisztrci sorn.

[ 173

+Ebbl

elegem van!

\.

/Q

....

10. FEJEZET

Ami a jindulatot veszlybe sodorja


Kvetkezzen nhny olyan dolog, amitl a felhasznlnak ltalban az a benyomsa tmad,
hogy a honlap fenntarti nem az rdekeit szem eltt tartva jrnak el:

[Il

Ha eldugjk a keresett informcit. Nagyon gyakori az gyflszolglati telefonszmok, szlltsi djak s rak elrejtse.

Az gyflszolglati szmokat azrt szoks elrejteni, mert minden hvs megvlaszolsa


pnzbe kerl, s a cgek jobban szeretik, ha az gyfelek nem telefonlnak annyit. Ennek a leggyakoribb eredmnye az, hogy a jindulati tkm megfogyatkozik, s sokkal
idegesebben telefonlok, amikor vgre megtallom a szmot. Ellenben, ha a telefonszm jllthat (akr minden oldalon jelen van), valahogy maga a tny, hogy telefonlhatnk, ha akarnk, olyan bizalmat kelt, hogy tovbb keresem a szksges informcit,
s valsznbb, hogy egyedl oldom meg a problmt.
Egyes honlapok azrt rejtik el az rra vonatkoz informcit, mert abban bznak, hogy
mire kiderl, az gyfl mr mlyen jr a vsrls ban, s nem mond le a kivlasztott dologrl. A legjobb plda erre a nyilvnos wi-fi-szolgltats, pldul repltereken. Sokan rgtn kinyitjk a laptopjukat, ha megltjk a "Vezetk nlkli internet elrhet"
feliratot, hiszen tudjk, hogy ez a szolgltats szmos reptren ingyenes. Megtalljk a
jelet, keresik a kapcsolatot, s mikzben ide-oda klikkelgetnek a "Kapcsoldjon most!"
s a "Klikkeljen ide a kapcsoldshoz" feliratok kztt, vagy hrom oldalt vgig kell
futniuk, mire kiderl, hogy mit kstl a hlzat ignybevtele. Akr a legcskbb telefonmarketinges trkk: amg csak a vonalban vagyunk, mindenfle reklmmal bombznak minket, htha ...

[Il

Ha "megbntetnek" azrt, mert nem gy viselkedem, ahogy a honlapon vrjk.


Sohasem szabad arra knyszerteni, hogy a bevitt adatok formtumn trjem a fejem: kell-e pont a szletsi vem utn, tagoljam-e a hitelkrtyaszmomat, zrjelbe
rakjam-e a telefonom krzetszmt. Sok honlap perverz mdon ragaszkodik ahhoz,
hogy a hitelkrtyaszmot megszaktatlan szmsorknt rjuk le, pedig a szmok kztti
sznetek cskkentenk a hibzs valsznsgt. Ne a felhasznlnak kelljen erlkd
nie, ha a fejleszt lusta jobb weboldalt kszteni!

[Il

Ha felesleges informcikat kell megadnom. A legtbb felhasznl kellemetlenl


rzi magt, ha szemlyes informcikat kell megadnia, s zavarja, ha egy honlap tbbet
kr, mint amennyi az adott szituciban felttlenl szksges.

[ 174 J

A HASZNLHATSG MINT AZ ELEMI UDVARIASSG RSZE

Ha ostobnak nznek vagy negdeskednek. Az ember rzkenyen reagl a hamis


szintesgre, s klnsen bntnak tartja, amikor arrl akarjk meggyzni, hogy
milyen fontos a szemlye, ha nyilvnvalan nem ez a helyzet. Emlkezznk csak,
mire gondolunk, ahnyszor meghalljuk azt
a mondatot, hogy "az n hvsa fontos szmunkra".

Aha. Ezrt vrakoztatnak hsz


perce az "tmenetileg nem
elrhet" kezelk : a hvsom
fontos nekik, de az idm nem az,
mi?!

vvvt
d,

1- ' "' 4]

00

rn~:;:> ;fo'( ,

'-.:.;/

[Il

Ha akadlyokat raknak az utamba. Amikor vgig kell nznem egy hossz Flashintrt, vagy keresztl kell vgnom magam egy raks csiricsr reklmfotn, azonnal
arra gondolok, hogy a honlap fenntarti nem rtik - vagy nem rdekli ket -, hogy
sietek.

[I]

Ha a honlap amatr. A hanyagul elksztett, szervezetlen vagy nem professzionlis


honlap elveszti a bizalmamat, mert azt a benyomst kelti, hogy a ksztk nem fektettek energit abba, hogy elfogadhatan nzzen ki a lapjuk.

Fura, hogy az emberek elszeretettel kritizljk a weboldalak klalakjt (fleg azt,


hogy szeretik-e a sznt), de mgsem prtol el senki egy honlaptl csak azrt, mert a
grafikja nem feddhetetlenl tkletes. (Mindig azt mondom, hogy a webergonmiai
tesztelsen nem kell figyelembe venni a felhasznlk sznsmra vonatkoz megjegyzseit, hacsak ngybl hrom nem nevezi a honlapot "undort" -nak. Akkor rdemes
tgondolni. 61)
Nha dnthetnk gy, hogy szndkosan alkalmazunk nmi "felhasznlriaszt" jelleget.
Olykor zletileg j, ha nem pontosan azt nyjtjuk, amit a ltogatk elvrnak Pldul a
felpattan ablakok majdnem minden ltagatt idegestenek; de ha adataink vannak arrl,
hogy tzszzalkos bevtelnvekmnyt eredmnyeznek, hasznlhatjuk ket, ha gy vljk,
megri borzolni velk a felhasznlk kedlyt. Ez zleti dnts. De fontos, hogy tudatosan
hozzunk ilyen dntseket, ne vletlenl.

61

Ez az eset v alban megtrtnt az egyik tesztels sorn. M eg is vltoztattuk a sznt.

[ 175

10 . FEJEZET

Ami nveli a jindulatot


A j hr az, hogy kvethetnk el hibkat: a jindulati tke jra tlthet, ha meggyzzk a
felhasznlt, hogy tnyleg az rdekeit kpviseljk Ehhez a legtbbszr elg, ha az elz
listban lertak ellenkezjt tesszk.

[1)

Tudnunk kell, mit vrnak az emberek a honlapunktl, s azt vilgoss, knnyv


kell tennnk! Rendszerint knny kitallni, mit szeretnnek az emberek egy honlapon. Mg azok is, akik mindig egyms torknak esnek, ha a trsasg weboldalrl van
sz, rendszerint ugyangy vlaszolnak arra, hogy mi a hrom legfontosabb dolog, amit
a felhasznlk a honlaptl elvrnak A problma az, hogy az egyszersg sokszor rthetetlenl httrbe szarul. (Ha az emberek hitelt ignyelhetnek egy honlapon, mirt
akadlyozzuk ket abban, hogy a lehet legegyszerbb mdon ignyeljk a hitelt?)

[1)

Kzljk, amit tudni akarnak! Ne titkoljuk el a szlltsi kltsgeket, a napi parkolsi djakat a szlloda parkoljban, a szervizkltsget - semmit, amivel kapcsolatban
felmerl, hogy jobb lenne csak ksbb elrulni. A felhasznl jindulati tkje cskkenhet ugyan, ha a szlltsi kltsg magasabb, mint szeretn, de nyltsgunkkal viszszanyerhetjk a rven, amit elvesztettnk a vmon.

[1)

Hacsak lehet, sproljuk meg a felesleges teendket! Pldul ahelyett, hogy a webes
vsrls e-mailes visszajelzsben a szlltmnyoz cg ltal kibocstott referenciaszmot kzljk, adjunk egy linket, ami a termk nyomon kvetsre szolgl oldalra
mutat, s magtl be is msolja oda a szksges kdot. (Mint mindenben, ebben is az
Amazon volt az els.)

[1) Fektessnk kell energit a honlapbal Kedvenc pldm a HP termktmogatsi s

1 hibaelhrtsi oldala, ahol risi erfesztseket tettek annak rdekben, hogy: a) szszegyjtsk azt

az informcit, amire szksgem lehet egy problma megoldsa sorn;


b) ez az informci mindig pontos s hasznos legyen; c) knnyen megrtsem; s d) gy
szervezdjn, hogy knnyen meg is talljam. Tbb HP-nyomtatm volt, s a honlap
segtsgvel szinte mindig meg tudtam oldani a felmerl problmkat.

[ 176

A HASZNLHATSG MINT AZ ELEMI UDVARIASSG RSZE

[1]

Legynk tisztban a felhasznlk leggyakoribb krdseivel, s ezeket vlaszoljuk is meg! A "Gyakran idzett krdsek'' (GYIK, vagy angolul Frequently Asked
Qyestions, FAQ} listja rendkvl hasznos, fleg, ha:
>

tnyleg a leggyakrabban felmerl krdseket gyjtjk ssze, s nem azokat, amiket


szeretnnk, ha az emberek feltennnek;

>

rendszeresen frisstjk ket - az gyflszolglat s a termktmogats brmikor


tud adni egy listt az adott ht t leggyakoribb krdsrl, ezeket mindig rdemes
a honlap vonatkoz oldalnak tetejn elhelyezni;

>

a vlaszok szintk- az emberek gyakran olyan krdsekre keresik a vlaszt, amikrl azt szeretnnk, ha soha nem tettk volna fel ket. Az szintesg ilyenkor nagymrtkben megnveli a jindulati tkt.

[1]

Biztostsunk knyelmi eszkzket, pldul nyomtatbart oldalakat! Az emberek


imdjk, ha egyetlen kattintssal kinyomtathatnak hossz oldalakbl ll cikkeket.
A CSS viszonylag knnyv teszi a nyomtatbart oldalak ltrehozst. Ilyenkor mellzzk a reklmokat (a reklmok nagyon bosszantak, de mg ezt is lehet fokozni,
ha nyomtatsban is megjelennek, s helyet foglalnak a papron), de ne hagyjuk el az
illusztrcikat, fotkat s brkat.

[1]

Tegyk a lehet legknnyebb a tvedsek korriglst! Ha elegend hasznlhatsgi tesztelst vgznk, a tvedsek tbbsgtl megkmlhetjk a felhasznlt. De a
tvesztsekegy rsze elkerlhetetlen, ezrt mindig biztostsuk a knny s egyrtelm
korrekci lehetsgt!

[1]

Ha nem tudunk az elvrsoknak megfelelen teljesteni, krjnk elnzst! Vannak


problmk, amelyeken nem segthetnk: nincsenek meg az eszkzeink vagy lehet
sgeink ahhoz, hogy azt tegyk, amit a felhasznl szeretne. Ha pldul az egyetemi
knyvtr minden egyes katalgushoz kln jelsz szksges, nem adhatunk a felhasznlknak egyetlen univerzlis kdot, hiba is szeretnk. Ha nem sikerl az elvrsoknak megfelelen cselekednnk, akkor szabadkozzunk: ebbllegalbb ltszik, hogy
tudatban vagyunk, milyen problmk okoznak kellemetlensget.

[ 177 ]

A macskk mindig a talpukra esnek, ezzel szemben a vajas kenyr kztudoms/ag csakis
a vajas oldalra pottyan. Ezek szerint, ha a macska htra szijaznnk a vajas kenyeret,
az zgy ltrejv appartus nhny centimterrel a fold foltt prgne. Ha kellen sok,
egyms utn sorba ktztt macskra tesznk szert, a mdszer segtsgvel mgnesvasutat
zemeltethetnk New York s Chicago kztt.
- JOH N FRAZEE, JOURNA L OF IRREPRODUCIBLE RES ULTS

okszor felmerl a krds, hogy egy honlapnak mindenkppen akadlymentesnek kell-e


lennie a fogyatkkal lk szmra.

A vlasz termszetesen igen. Hacsak nyltan ki nem mondjuk, hogy a fogyatkkal l szemlyek nem tartoznak a clcsoportunkba, mindaddig nem llunk kszen a munkval, amg
a weboldalunk mindenki szmra knnyen el nem rhet.
Manapsg62 mindenki, akinek a webdizjnhoz kze van, tudja, milyen fontos krds az
akadlymentessg. 63 Mgis, ha elvgzek egy egyszer, hrom msodperces villmtesztet,
ami azt vizsglja, hogy megnvelhet-e egy honlap betmrete, az esetek dnt tbbsgben kibrndt eredmnyt kapok.
Bngsz

"Szveg
mrete" -parancs

(
~ZIP-:

Cl.\ml

loCANAGEYOIJRPOUCY )
WiWW

.fBOltrUS

~dat!~
-"'""~

FINOAHAGOO'

~lJ'-

. . . c:::m:::a

CCI:!:Ill

Eltte

NANNJEYOJRPQ.Jtr
&Wi <W W

ABOUTUS

~~

. . . c:::m:::a

Utna (nem trtnt semmi)

Mi ennek az oka?

62

2005-ben.

63

A z Egyeslt llamokban fogaiomm vlt az "508- as'; azaz az 1988-as R ehabilitcis Trvny kiegsztsnek 508-as szakasza, amely elrja az informcitechnolgia (kztk a weboldalakJ hozzjrhefsgi ktelezettsgt azon cgek sz mra, amelyek llami megrendelsekbl akarnak rszeslni.

[ 179

ll. FEJEZET

Ami a fejlesztk s grafikusok fejben jr


A legtbb cgnl s szervezetnl ugyanazok az emberek felelnek az akadlymentestsrt,
akik megtervezik magt a honlapo t: a grafikusok s a fejlesztk.
Brmelyik knyvet tik fel ezek a szakemberek, mindentt ugyanazokat az rveket talljk
amellett, hogy mirt kell egy honlapnak a fogyatkkal lk szmra akadlymentesnek
lennie:
zletileg elnys. Sok
fogyatkkal l hasznlja az
internetet, s egyttesen nagy
vsrlervel rendelkeznek.

Mindenkinek meg kell


adni az informcihoz
val hozzfrs
lehetsgt.

A legtbb knnyts
mindenkinek j, nem csak
a fogyatkkal lknek.

Potencilisan risi a
piac: az emberek 657o-a
valamilyen fogyatkkal l.

Tl azon, hogy
sokaknak j, egyes
orszgokban trvny is
elrja.

Ezekben az rvekben sok igazsg rejlik, de sajnos aligha gyzik meg a huszonhat ves
s grafikusokat arrl, hogy akadlymentes honlapokat ksztsenek. Klnsen
kt krlmny teheti ket szkeptikuss:
fejlesztket

> Minthogy az ket krlvev vilg fitt s fiatal huszonhat vesekbl ll, nehezen hiszik el, hogy rengeteg embernek tnyleg segtsgre van szksge a bngszs sorn.
Inkbb alapveten hasznos, de mrtktelenl eltlzott krdsnek tekintik a honlapok
kisegt lehetsgeit, s emiatt az els rdemi ellenrv hatsra szvesen sutba vgnk
az egszet.
> Azt sem hiszik el, hogy minden, ami j a fogyatkkal lk szmra, msoknak is
hasznos. Egyes dolgok, pldul a filmek feliratozsa nyilvnvalan a jl hallknak is
hasznra lehet64 De mivel ezzel nagyjbl vget is r a felsorols, az rv alig nyom
tbbet a latban, mint ha az rprogram hasznossgt azzal igazolnnk, hogy a NASA
mellesleg kifejlesztette a porbl hgthat dtitalt. A fejlesztks grafikusok knynyebben rngatnak el olyan pldkat, amelyek a nem fogyatkkal lkre nzve htrnyosak
64

M e/an ie-val gyakran nzzkfelilatozva a b1it akcentussal beszlfilmeket.

[ 180 J

AZ AKADLYMENTESTS, A CSS S AZ EMBER

Ennek a gondolkodsmdnak az az alapvet baja, hogy elfedi a lnyeget:

> Ez az egyetlen helyes t.


St egyszeren

nincs ms lehetsg. Hajlamosak vagyunk elfelejteni, hogy az akadlymentes


honlapok hihetetlen mrtkben javtjk egyes emberek lett. Vegynk egyetlen pldt:
manapsg a vakok nap mint nap segtsg nlkl el tudjk olvasni az jsgat a szmtgpkn. Gondoljunk bele!

Van-e ennl jobb

lehetsg,

hogy a munknkkal radiklisan javtsuk az emberek let-

minsgt?

De ha ez az rv mgsem elg
is ktelezni fog r minket.

Amitl

meggyz,

nem rt tudni, hogy

elbb

vagy utbb a trvny

a fejlesztk s grafikusok flnek

Ha szba kerl az akadlymentests, a fejlesztks grafikusok rmlmaiban kt lehetsg


bukkan fel:

> Tbb lesz a munka. A fejlesztk ltalban gy tekintenek az akadlymentestsre,


mint valami krmnfont jdonsgra, amit lehetetlensg begymszlni az amgy is
szks hatridkbe. Rossz esetben fellrl erltetett kezdemnyezsnek vlik, ami
idrabl beszmolkkal, rtkelsekkel, fraszt megbeszlsekkel jr egytt.
> Tnkremegy a dizjn. A grafikusok attl flnek, hogy bekvetkezik a macska esete
a vajas kenyrrel - az a dizjn, ami hasznos a fogyatkkal lk szmra, s az, ami
j a tbbieknek, kibkthetetlen ellenttben ll egymssal. Az a flelmk, hogy az e
clbl mdostott kls kevsb lesz vonz s hasznlhat a clcsoport nagy rsze
szmra.

[ 181 ]

ll. FEJEZET

Idelis esetben az akadlymentessg olyan, mint az a felirat, amit egy chicagi taxi hts
lsn lttam. Elszr egszen htkznapi kirsnak tnt, d~ aztn szrevettem, milyen
furcsn tri a fnyt. Kzelebbrl is szemgyre vettem, s kiderlt, milyen kivl tlet.

MfliME T ~
LAl TS SHO
A feliratot tltsz manyag lap fedte, amin a szveg Braille-rssal szerepelt. Msklnben a ktfajta rsmddal rt szvegnek csak fele-fele hely llt volna a rendelkezsre.
Milyen elegns megolds!
Szerintem a grafikusok j rsznek az akadlymentestsrl inkbb az a Vonnegut-novella
jut eszbe, amelyben a kormny gy teremt egyenlsget, hogy mindenkit hasonlan htrnyos helyzetbe hoz. 65

Mr csak pr ezret kell aludnunk


az idelis megolds megszletsig
Akik elkezdenek az akadlymentessg krdsvel foglalkozni, hamar rtallnak egy rendkvl gretes lehetsgre.

65

A "Harrison Be1geron"-ban a klnleges intelligencival megldott fszerepl!, George- ot arra ktelezi a


t1vny, hogy folhallgatt hordjon, ami hsz msodpercenknt hangos zajokat bocst ki, (g'y a visellije nem
tudja kihasznlni az les elmifjvel szerzett jogosulatlan elnyt.

[ 182

AZ AKADLYMENTESfTS, A CSS S AZ EMBER

Hasznlj ellenrz eszkzt,


mint a .. Bobby"! Az majd
megmondja, hogy a honiapad
megfelel-e az akadlymentessg
kvetelmnyeinek.

'/.~~
',~
- o
__~~\o

H! De j! Szoftver,
ami ellenrzi az
akadlymentessget!

l ~~~

D,=(

t)/

->

A problma azonban az, hogy a szveg- s kdellenrzsre szolgl - angol elnevezssel


validator - szoftverek inkbb nyelvtani, mint rtelmi ellenrzst vgeznek Persze megtallnak nhny knnyen javthat hibt s figyelmetlensget, mint pldul a hinyz alt
szvegeket. 66 De mindig generlnak egy hossz, felletes figyelmeztetlistt is arrl, hogy
az oldalon hibk lehetnek, s terjengs javaslatokat tesznek arra, hogy milyen, egybknt
gondot nem okoz tovbbi jelensgeket rdemes mg ellenrizni.
Ez elveheti a kezdk kedvt, mert a hossz listk s kihmozhatatlan tancsok azt a benyomst keltik, hogy iszony sokat kell tudni az akadlymentestsrl.
Az a helyzet, hogy manapsg mg mindig nagyon nehz mindenki szmra felhasznlbart honlapokat kszteni.
A legtbb grafikus s fejleszt nem akadlymentestsi szakember. Ha az akadlymentestett weboldalak szlesebb krben elterjednnek, bizonyosan knnyebb lenne jabbakat
tervezni. A kpernyolvasknak s az egyb technolgiai segdeszkzknek ma mg fejldnik kell, a weboldalkszt szaftvereknek (mint a Macromedia Dreamweaver6 7) meg
kellene knnyteni a felhasznlbart weboldalak programozst, s az ltalnos irnyvonalaknak is ki kell mg kristlyosodniuk.
Ngy kivlt oka lehet az igazi ttrsnek a magasabb profit hajtereje, a szankcik,
a megfelel trvnyek s a mobil eszkzk (amelyek szintn problmsak az akadlymentessg szempontjbl) trhdtsa.

66

Az alt szveg szveges lerst rendel egy kphez (pldul: "a kpen kt ember lthat egy vitorlshajn"), ami
elengedhetetlen azok szmra, akik kpernyolvast hasznlnak, vagy gy bngsznek, hogy kikapcsoljk a
kpek letltst.

67

A Dreamweaver mr nem Macromedia, hanem Adobe. (A Ford.)

[ 183

ll. FEJEZET

Fejlettebb
segdprogramok
fogyatkkal lk
szmra

Jobb fejleszti
eszkzk

"

"

TRVNYEK

PNZ

MOBILTELEFNIA S PDA

t dolog, amit ma megtehetnk


Val igaz, nem lnk tkletes vilgban, de ez nem ment fel az all, hogy megtegynk
nhny mr most is lehetsges lpst.
Mg a jelenleg elrhet technolgik s szablyozk segtsgvel is lehet akadlymentes
honlapokat kszteni, s nem is kell hozz tl nagy erfeszts. Elg arra a nhny dologra
koncentrlnunk, amellyel a legjelentsebb vltozsokat tudjuk elrni. (Korntsem szksges hozz pldul macska vagy vajas kenyr.)

1. Tntessk el a mindenki szmra zavar


akadlyokat!
Van egy zavarba ejt jellemzje a jl ismert rvelsnek, miszerint az akadlymentes honlapok mindenki ms szmra hasznlhat bbak: az, hogy az llts megfordtva is tkletesen
igaz. Ha egy honlap "mindenki ms" szmra knnyebben hasznlhat, akkor a fogyatkkal lk is sokkal egyszerbben tudjk kezelni.

[ 184 J

AZ AKADLYMENTESTS, A CSS S AZ EMBER

Ha egy problma a legtbb felhasznlnak kellemetlensget okoz, az minden bizonnyal


a fogyatkkal lket is rinti. (Akik csupn amiatt, hogy fogyatkkal lnek, nyilvn nem
vlnak egy csapsra jobb kpessgv.) Az is nagyon valszn, hogy szmukra tbb nehzsggel jr mindenfajta korrekci.
Visszaemlkezhetnk a legutbbi esetre, amikor gondunk volt a web hasznlata sorn. Pldul valahol megadtuk az adatainkat, s vlaszknt hibazenetet kaptunk. Most kpzeljk
el, hogy egy ilyen problmt gy kell megoldanunk, hogy nem ltjuk az oldalt.
Az a legjobb md egy honlap akadlymentestsre, ha gyakran teszteljk, s folyamatosan "finomtjuk'' a mindenki szmra potencilisan zavar rszleteket. Amennyiben ezt
nem tartjuk szem eltt, mindegy, milyen szigoran alkalmazzuk magukat az irnyelveket,
a honlap nem vlik felhasznlbartt. Ha egy weboldal nem minden zben magtl rtetd, annyira lehetetlen akadlymentess tenni, mint (itt most mindenki kpzeljen el
valami nagyon, nagyon lehetetlen dolgot).

2. Olvassunk el egy cikket!


A knyv eddigi fejezeteibl szndkom szerint kiderlt, hogy ha valamit jobb akarunk
tenni, meg kell figyelnnk az embereket, akik hasznljk. Az akadlymentestssel azonban
nagy fba vgjuk a fejsznket. Sokunknak semmilyen tapasztalata nincs a htrnyos helyzeteket szolgl technolgiai eszkzkkel kapcsolatban, s mg sosem volt lehetsgnk
arra, hogy megfigyeljnk olyan embereket, akik ezeket az eszkzket lesben hasznljk.
Akinek van elg ideje, s rdekldik a krds irnt, jl teszi, ha kapcsolatba lp egy-kt vak
szmtgp-hasznlval, eltlt a trsasgukban nhny rt, s megfigyeli, hogyan hasznljk a gyakorlatban a kpernyolvas szoftvert.
Szerencsre ilyen tpus vizsglati eredmnyek mr a rendelkezsnkre llnak. Mary
Theofanos s Janice (Ginny) Redish 16 vak felhasznl kpernyolvas-hasznlati szoksait kvette figyelemmel klnfle feladatok segtsgveL Eredmnyeikrl a "Felhasznlbart s knnyen kezelhet weboldalak nhny alapvetse: tapasztalatok a kpernyolvas t
alkalmaz felhasznlk megfigyelse alapjn" c. tanulmnyukban szmoltak be.68

68

Guidelines for Accessib/e and Usab/e U&b Sites: Obse1ving Usen Who Work with Screen R eaders, ACM
Magazine, Intemctions (2003. november- december). SzemlyesfelhasznlsmazA CM engedlyvel Ginny
elrhetv tette a tanulmnyt a http:llredish.net/contentlpaperslinteractions.html oldalon (angol nyelven).

[ 185

11. FEJEZET

Mint minden webergonmiai teszt, ez a vizsglat is felbecslhetetlen eredmnyeket hozott.


me egy tapasztalat:
A kpernyolvast alkalmaz felhasznJk kpesek a flkkel "tfutni" az oldalt. A legtbb vak ltogat ugyanolyan trelmetlen, mint lt trsaik, s a lehet
leggyorsabban szeretnk megtallni az ket illet informcikat. Nem hallgatnak
meg minden, az oldalon lev szt, ahogyan a ltk sem olvasnak el mindent. A flkkel"futjk t" a tartalmat, bele-belehallgatnak a szvegbe, hogy megtudjk, rdemes-e tovbb figyelnik. Sokan elkpeszten magas sebessgre lltjk a szoftvert.
Meghallgatjk egy hivatkozs vagy szvegsor els nhny szavt, s ha nem tnik
rdekesnek, azonnal odbbllnak a kvetkez hivatkozsra, sorra, cmre, bekezdsre. Egy lt felhasznl viszonylag knnyen meglelhet egy kulcsszt, mert rendszerint az egsz oldalt tfutja, a nem ltk viszont gyakran nem tallnak r arra, amit
keresnek, ha nem a hivatkozs vagy sor elejn ll.

Melegen ajnlom, hogy aki teheti, tanulmnyozza t ezt a cikket, mieltt brmi mst elolvasna a hozzfrhetsgrL Szk fl ra alatt olyan problmk megoldsi lehetsgeit
ismerhetjk meg, melyeket ms knyvekben vagy cikkekben hiba keresnnk.

3. Olvassunk el egy knyvet!


Miutn ttanulmnyoztuk a fenti cikket, kszen llunk arra, hogy egy napot vagy akr egy
htvgt a webes akadlymentests szakirodalmnak tanulmnyozsval tltsnk. Sok j
knyv szletett a trgykrben, nagy rszk angol nyelven elrhet:

> Joe Clark: Building Accessible Websites (Felhasznlbart honlapok ksztse);


> Jim Thateher s msok: Constructing Accessible Websites (Felhasznlbart honlapok
ltrehozsa);

> John Slatin s Sharron Rush: Maximum Accessibility: Making Your Web Site More
Usab/e for E veryone (Maximlis hozzfrhetsg: Hogyan lehet honlapunk mindenki
szmra felhasznlbart?);

> a 7he WebAIM Guide to Web Accessibility Techniques and Concepts (A WebAIM irnyvonalai a felhasznlbart technolgik gyakorlatrl s elveirl) cm CD- ROM;
... s biztos vagyok benne, hogy a kzeljvben szmos egyb munka is napvilgot lt majd. 69
Ezek a knyvek a tma szmos aspektusval foglalkoznak, gyhogy ne aggdjunk nem
szksges az sszeset elolvasni. Egyelre elg, ha a lnyeget megrtjk.
69

Honlapomon folyamatosan frisstem a vonatkoz szakirodalmak listjt.

[ 186 J

AZ AKADLYMENTES[TS, A CSS S AZ EMBER

4. Alkalmazzunk egymsba gyazott


stluslapokat {CSS)!
Elszr

is egy kis webtrtnelem.

Kezdetben mindent a szveg uralt. Amikor az els grafikus bngszket megalkottk,


a dizjnerek rdbbentek, hogy a kiadvnyszerkesztssei szemben, ahol mindent szabadon
mdosthattak, a HTML hasznlata sorn szinte minden ellenrzs kicsszott a kezkbl. A HTML-t eredetileg tudomnyos rtekezsek publiklsra alaktottk ki: a szvegformzsra hasznlt parancsok elnagyoltan mkdtek, s nagyon nehz volt brmit is
pontosan elhelyezni a lapon. Mg ha sikerlt is, ugyanazok az oldalak teljesen mskppen
festettek a klnbz bngszkn.
Hogy jra kzbe vegyk a gyeplt, a grafikusok s fejlesztk elkezdtek tblzatokat
alkalmazni a rendezettebb kls rdekben.
veken keresztl a tblzatba foglals volt
az egyetlen md, ha valamit pozicionlni
akartak az oldalon. A nagy tblzatokon bell kisebb tblzatok sorakoztak, s az egsz
gy plt fel, mint egy Matrjoska-baba.

J.--....

fu~~ ~;.';~~~dani - ts

-~

-~

A H.JIIi:

~,

~J}: ~~~

~J

t<:..-)*0

~.

.........-s

~~t>o.nool<
::1~~~ .. ~

:hiw.. ~.,.

-...

~~!' --

.-

I ~ ..... ilr. :J 5 1Dfl ( l -

, ) lllO~I ( l-)
twe;-id<obl<4.tw ohoI: :J:W.Oft(- lo<llo )
1l~UM'feri

"VG ~rl.y.... "":JUOfl( lO'IIo)

J(l(;~l

.:...-.,

Sajnos ez nem igazn mkdtt egytt a korai kperny


olvas szoftverekkel, mert azok szolgaian balrl jobbra
vgigolvastk a kpernyn lthat sorokat, valahogy gy:

Az r egyike azoknak az
zletembereknek, akik
trgyalpartnereiket
megeszik reggelire.
Mindenki szeretne ..
rszletek

..""'...

,.we!><liu". ...

;; ~~~~

Az r egyike azoknak az
a webdizjn s a
zletembereknek, akik
hasznlhatsg tvzse

A webdizjn s a
hasznlhatsg tvzse
a legfonto sabb s egyben
legnehezebb krds egy
j weboldal ...
rszletek

Bolti r : 3-966-Ft-

A tervezk radsul- aszvegstlus mdosthatsga rdekben- elkezdtek egyes HTMLparancsokat nem rendeltetsszeren hasznlni. A vilg ekkor egy hatalmas ztonyokkal
teli tengerre emlkeztetett, ahol a hajnk brmelyik pillanatban meglkeldhetett.

[ 187 ]

11 . FEJEZET

Szerencsre 1998-ban nhny elsznt ember torkig lett ezzel az llapottal, s gy dntttek, meggyzik a bngszfejlesztket, hogy tmogassanak olyan webes szabvnyokat, amik a dizjnerek szmra szilrd talajt biztostanak. Egy magt The Web Standards
Projects nvvel illet dizjnercsoport a passzv rezisztencia brilins formjt vlasztotta:
honlapjaikat egyszeren nem tettk tbb kompatibiliss azokkal a bngszkkel, amelyek
nem tmogattk a CSS-hez hasonl standardokat, s msokat is erre btortottak
vekkel ksbb a CSS Zen Garden 70 nev projekt (egyetlen HTML-oldal, ami teljesen
msknt nz ki aszerint, hogy melyik tervez stluslapjt alkalmazzuk rajta) igazolta, hogy
gynyr, kifinomult dizjn kszthet az egymsba gyazott stluslapok segtsgveL
A CSS-t a mai bngszk olyan szleskren tmogatjk, hogy mr nincs rtelme nlkle
honlapot fejleszteni. Elnyei ugyanis risiak:

> A formzsban szinte teljesen szabad kezet ad.


> Rugalmas. Egyetlen cservel megvltoztathatjuk az egsz honlap klalakjt, vagy
automatikusan generlhatunk olyan hasznos vltozatokat, mint a nyomtatbart
oldalak.
> llandsgot biztost klnbz bngszk esetn is. Nmi furfang s trkkzs
mg mindig kell ahhoz, hogy a CSS minden bngszvel egyformn mkdjn, de
ez is a mlt lesz, ha a bngszk CSS-tmogatsa univerzliss vlik.
Az egymsba gyazott stluslapok hasznlata legalbb kt mdon jrul hozz egy honlap
akadlymentessghez:

> Sorba rendezi a tartalmat. Nem gy, mint a tblzatok esetn: a CSS-sel sorrendbe
llthatjuk egy oldal tartalmt. A kpernyolvas szoftver ebben a sorrendben fogja
felolvasni a szveget, s az oldalon ekzben brmit oda helyezhetnk, ahov szeretnnk.
> tmretezhetv teszi a szveget. A CSS-sel knnyen megvltoztathat egy szveg mrete, ami rendkvl hasznos a cskkent ltkpessg felhasznlk szmra
(s azoknak is, akiknek letkoruk miatt bifoklis lencst kell hasznlniuk).

A CSS hasznlata gy sajtrhat el legknnyebben, ha megkrnk egy szakrtt, hogy rja


jra a honlapunk nhny oldalt CSS segtsgve!, s megfigyeljk, hogyan csinlja. Emellett szmos j knyv foglalkozik az egymsba gyazott stluslapokkal, klnsen ajnlom
Eric Meyer munkit.

io

www.csszengmden.com. Lsd Dav id Shea-Molly Holzschlag: The Zen of CSS Design (A CSS-dizjn
z enje), New Riders, 2005. c. 1st angolul, amely nagyszen en leja a projektet.

[ 188 ]

AZ AKADLYMENTES[TS, A CSS S AZ EMBER

5. lvezzk, hogy munknk gymlcse


csupn karnyjtsnyira csng!
Lassan megvagyunk mindazzal, ami a kzvlekeds szerint elengedhetetlen az akadlymentes honlap megteremtshez: specifikus vltozsokat alkalmaztunk a HTML-kdban.
Legfontosabb

teendink

a kvetkezk:

> Adjunk megfelel alt szveget minden kphez! lltsuk be, mely kpekkel nem kell
a szvegolvas szaftvereknek trdnik, a tbbihez pedig rendeljnk lnyegre tr,
ler szveget! Minden webes akadlymentestssel foglalkoz knyv elmagyarzza,
hogyan lehet ezt megtenni.
> Olyan webes rlapokat ksztsnk, amelyek egyttmkdnek a kpernyolva
skkal! A feliratot megfelel szvegmezhz kell rendelni a HTML-kdban, label
elem segtsgveL gy mindenki tudni fogja, milyen adatot kell megadnia.

> Minden oldal elejn helyezznk el egy "Ugrs a lnyegi tartalomra" hivatkozst!
Kpzeljk el, hogy minden lap tetejn hsz msodpercet (vagy egy, st akr kt percet) azzal kell tltennk, hogy vgighallgatjuk az lland navigci elemeinek felsorolst, s rgtn megrtjk, mirt fontos ez!

> Tegynk mindent elrhetv a billentyzet segtsgvel is! N e feledjk, hogy nem
mindenki tud egeret hasznlni!
> J ok nlkl ne hasznljunkJavaScriptet! Egyes kiegszt technolgik mg nem
kezelik tl jl.
> Hasznljunkkliensoldali (ne szerveroldali) image map-et! Nem minden elem mkdik szerveroldali image map-ekkel.

Ez minden. Menet kzben nyilvn sokat lehet mg tanulni az egsz folyamatrl, de ha


mindssze annyit tesznk, amennyit idig felsoroltunk, mris nagy munkt vgeztnk.
Remlhetleg t v mlva nem lesz tbb szksg erre a fejezetre, mert a fejlesztk
rendelkezsre ll eszkzk, bngszk, kpernyolvask s a szablyrendszer annyira
kirlelt s magtl rtetden mkdkpes lesz, hogy termszetess vlik az akadlymentes honlapok ltrehozsa. A knyvben felszabadul helyet akkor majd valami msra
hasznlom fel.

[ 189

...._

l'
,.

jobb flni. jobb nagyon flni.


- GEENA DAVIS A LGYBEN

"

"

SZREVETTEM, HOGY A WEBERGO NOMlAl KURZUSOKON FELTUnen

gyakran merl fel a

kvetkez

problma:

"Segtsg! A fnkm (vagy a marketingmenedzser, esetleg az igazgat) arra knyszert,


hogy _ _ _ .
Valahogy gy: "A marketingmenedzserem ragaszkodik hozz, hogy az gyfelek a postai cmket is megadjk, amikor feliratkoznak az e-mailes hrlevelnkre. Most mit csinljak?!"
Az effle vgzetes tvedsek kt jellegzetes formja a kvetkez:

> A

fnk

tbb szemlyes adatot kr az gyfelektl, mint amennyire szksg lenne.

> A

fnk

tbb csicst (ltvnyos kezdoldalt, animcit, zent stb.) akar.

Odig jutottunk, hogy az ilyen krsek hallatn flig-meddig trfbl felajnlom, hogy
kldk a cgvezetnek egy e-mailt (olyan webergonmiai szakember vagyok, akinek
knyve is megjelent, ez nyilvn hatni fog r!), s elmagyarzom, miben tved.
Meg is rtam kt ilyen levelet. Nyugodt szvvel hasznljk fel, ahogy jlesik.

.l'

[ 191

12 . FEJEZET

A tl sok szemlyes adat veszlyei


Kldi: Steve Krug (skrug@sensible.com)
To:

[fnk@cg.com]

Legutbbi webergonmiai kurzusomon, amit [vrosnv]-ban tartottam, cgnek egyik


a vlemnyemet krdezte azzal kapcsolatban,
hogy mennyi szemlyes informcittancsos krni a webes regisztrcis rlapon. Felajnlottam neki, hogy e-mail ben nnek is sszefoglalom a javaslata imat.

grafikusalfejlesztjelmenedzsere, [nv]

Mindannyian tallkoztunk a kvetkez jelensggel: eldntttk, hogy egy weboldalon


valamirt cserbe informcikat adunk meg magunkrl (feliratkozunk egy elektronikus
hrlevl re, ingyenes mintt krnk, regisztrlunk egy megvsrolt term ket, esetleg ltrehozunk egy felhasznli fikot).
Rklikkeltnk a"Feliratkozs" gombra, s megjelent egy rlap . Hosszabbnak tnt, mint vrtuk, s az is kiderlt, mirt: minden klnsebb ok nlkl meg kellett adnunk a levelezsi
cm nket. Meg a telefonszmu nkat. Meg a foglalkozsunkat. A regisztrci ksz klvriv
vlt.
Mi, webergonmia i szakemberek alkalmazunk egy specilis kifejezst az ilyen helyzetekre.
gy hvjuk, hogy nagyon rossz tlet.
Megrtem, hogy csbtnak tnik a szemlyes informcik beszerzse, hiszen felhasznlsi lehetsgeik sokrtek. A problma az, hogy az emberek felteszik ilyenkor maguknak a
krdst:"Mire kell nekik ez az adat? Tnyleg felttlenl szksges ahhoz, hogy megkapjam,
amit szeretnk?" Ha a vlasz nem, a kvetkez krds ez lesz:"Akkor pedig mirt akarjk?"
A legtbb felhasznlnak kt megolds jut az eszbe: a) a honlap fenntartja annyira esetlenl mozog az internet vilgban, hogy fogalma sincs, milyen kellemetlensget okoz ezzel; vagy b) rti ugyan a helyzetet, de annyira ktsgbeesetten akarja az informcit, hogy
nem zavarja a kellemetlensg .
Hrom kellemetlen eredmnye lehet annak, ha tbbet krdeznk a felttlenl szksgesnl.

- Nem vals adatokat kapunk. Amint az emberek rjnnek, hogy felesleges krdsekkel zaklatjuk ket, jogosnak rzik, ha hazudnak. Gyakran mondom az gyfeleimnek,
hogy az e-mail cmek olyanok a marketingeseknek, mint a heroin - annyira fggv
vlnak, hogy nem tnik fel nekik, ha a felhaszn Ik l O szzalkt Frdi Bnnek hvjk.
- Kevesebb kitlttt krdvet kapunk. Egyszer az sszefggs: minl kevesebb adatot krnk, annl tbben vllaljk a kitltst. Az emberek az interneten rendszerint nagyon sietnek, s ha az rlap brmennyivel is hosszabbnak tnik, mint elvrnk, nem
kszkdnek vele.

[ 192 ]

SEGTSG! A FNKM ARRA KNYSZERT, HOGY

- Rossz fnyben tnteti fel a honlap tulajdonost. Ha a felhasznl mindenkppen


szeretn a hrlevelet, felesleges lpseket is hajland megtenni, de ne higgyk, hogy
kzben nem rendl meg a honlap fenntartjba vetett bizalma. Ellenben ha csak szksges informcikat krnk, a bizalmi viszony megersdik, s a felhasznl ksbb
tovbbi szksges adatokat is megoszt velnk.
rdemes hrom irnyelvet szem eltt tartani:
- Csak azt krdezzk meg, ami az adott helyzetben szksges!
-

Ne krjnk tl sok opcionlis informcit sem! Mr a kitltend


frusztrl. Kevesebb opcionlis krdsre tbb vlasz rkezik.

mezk

Mutassuk be, mit kap a felhasznl az adatairt cserbe: rjuk le, mi kapcsoldik a regisztrlshoz, mutassunk be hrlevlmintt stb.!

ltvnya is

Remlem, hogy segtettem. Mellesleg a rvid beszlgets alapjn, amit [nv] kellgjval
folytattam, meg vagyok gyzdve, hogy kitn grafikuslfejlesztlmenedzser, s nagy szerencse, hogy munkatrsai kztt tudhatja.
A Ne trd a fejem! Felhasznlbart webdizjn c. knyv

szerzje

Ltvnyelemek a honlapon
Kldi: Steve Krug (skrug@sensible.com)
To:

[fnk@cg.com]

Az n cgnek grafikusalfejlesztjelmenedzsere, [nv] a kzelmltban rszt vett egy ltalam vezetett webergonmiai kurzuson, s tancsomat krte azzal kapcsolatban, hogy milyen mrtkben rdemes a honlapot vizulisan rdekesebblvonzbb tenni azltal, hogy
bekszn oldallallanimcivallnagy fotkkali httrzenvelltjuk el.
Azt feleltem, hogy rmmel adom a cge szmra ugyanazt a tancsot, amit sajt vezet
gyfeleimnek is javaslok, ha hasonl krssel fordulnak webes tervezcsoportj ukhoz.
Hadd kezdjem azzal, hogy nem neveznm szerenessnek azt, ahogyan a cgvezetk ltalban rszt vesznek a honlapok elksztsben. Tekintetbe vve, hogy a honlap minden
trsasg szmra kiemelkeden fontos megjelensi forma, egyfajta kirakat, kialaktsrl
rendszerint maga a cgvezet mondja ki a dnt szt. Csakhogy a weboldalak gy kszlnek, hogy a cgvezet tulajdonkppen az elzetes tervek klalakjn, megjelensn kvl
semmirl nem mondhat vlemnyt: termszetes, hogy ilyenkor vizulisan vonzbb meg-

[ 193

12 . FEJEZET

jelenst, tbb csillogst, izgalmasabb dizjnt kr. Nem is tehet mst, hiszen csak azt tudja
megtlni, hogy az szmra vonz-e, hogy r j benyomst tesz-e az, amit lt.
A gond azonban az, hogy nhny kivteltl eltekintve- ezekrl hamarosan szlok- a legtbb honlapnak nincs szksge izgalmasabb grafikra. Termszetesen fontos a j megjelens. J, ha a honlap professzionlis s vonz megjelens. De j-e, ha csillog vagy
szemkprztat? Nemigen.
Az emberek a legtbb esetben nem szeretik, ha elkprztatjk ket a weben: nem akarnak
mst, mint elvgezni a dolgukat, s a "csbts i ksrletek" ebben csak akadlyozzk ket.
A kprztatst ezrt zavar nak, feleslegesnek, legrosszabb esetben olcs, bazri trkknek
rzik. A lenygzs szndkval kszlt honlapok majdnem mindig zavarlag hatnak.
Nem ll szndkomban rszletesen kitrni minden egyes problmra, de hogy vilgos legyek: a bekszn oldalak mr nem korszerek; a nagy fotk hossz ideig tltdnek, s
kevesebb helyet hagynak azoknak a dolgoknak, amiket a felhaszn Ik keresnek (prblta
mr hasznlni cge weboldalt egy hotelszobbl?); a zavar zent s az animcikat pedig ki nem llhatjk az emberek.
Ha egy honlap nem ltja el a ltogatit az ltaluk keresett informcikkal, s nem hasznlhat elg knnyen, azt sugallja, hogy a mgtte ll szervezet nem rt az internethez,
vagy jobban trdik a sajt imzsval, mint a fogyasztkkal.
Persze vannak kivtelek. Bizonyos mrtk "pompa" elfogadhat olyan honlapokon, amik
maguk is "csillog st" rulnak: gondolok itt a szrakoztat (filmmel, zenvel foglalkoz) s
a pusztn egy mrka (pldul egyfajta mzli) hirdetsre szolgl weboldalakra. Ugyanez
a helyzet a webes fejlesztk portflioldalaival is. De ha a cges honlapja nem ezek kz
tartozik, akkor a tlzott szemkprztats tbbet rt, mint hasznl.
sszefoglalva: rdemes trdni azzal, hogy a honlapunkjl nzzen ki, ha ez nem megy
a mkdkpessg rovsra. De a legtbb csillog-villog elem ppen hogy a mkd
kpessg rovsra megy.
Gondoljon a sajt tapasztalataira: a honlapokra, amiket hasznlni szokott. Vajon azrt kedveli ket, me rt olyan jl nznek ki, vagy azrt, me rt olyasmit knlnak, amire szksge van?
Meg tudna-e nevezni olyan hon lapokat, amelyek rdekes vagy hasznos tartalommal rendelkeznek, s mgsem hasznlja ket, mert vizulisan nem elgg vonzk?
Remlem, hogy segtettem. Mellesleg hadd emltsem meg, hogy meg vagyok gyzdve:
nagy szerencse, hogy [nv]-t a munkatrsai kztt tudhatja. Remek szakember!
Steve Krug
A Ne trd a fejem! Felhasznlbart webdizjn c. knyv

[ 194 J

szerzje

SEGfTSG! A FNKM ARRA KNYSZERfT, HOGY

Sohase mondd, hogy soha!


Megismtlem: sz sincs arrl, hogy a fenti jelensgek mindig krosak lennnek. Ha van
valami, amit a weboldalakkal val munkavgzs sorn megtanultam, az az, hogy nincs
olyan, jl megvalstott tervezsi tlet - akrmennyire is szkeptikusak vagyunk vele kezdetben-, ami ne mkdne jl bizonyos krlmnyek kztt. Ugyanakkor j tletek is
lehetnek teljesen mkdskptelenek, ha rosszul valstjk meg ket.
A felsorolt dolgok azonban az esetek nagy rszben nem mkdnek jl, ezrt csak akkor
ljnk velk, ha: a) vilgosan tudjuk, mirt tesszk; b) klnlegesen nyoms okunk van r;
c) alaposan teszteltk a vgeredmnyt, hogy megbizonyosodjunk arrl: tnyleg mkdik
(s nem csak akartuk tesztelni).
Ne feledjnk: nem arrl van sz, hogy a fnknk rosszindulat vagy szk ltkr! Megvan a maga j (vagy legalbbis nem tl rossz) oka arra, hogy mirt ragaszkodik egy tves
tervezsi tlethez: egyszeren csak azt szeretn, ha a honlap jobb lenne. Ha ezt megrtjk,
knnyebben sszebkthetjk a klnbz nzpontokat.

Ennyi az egsz
Ahogyan a rgi tvmsorok vgn elhangzott: ennyit mra a tudomny s technika
vilgbl. Remlem, jra dvzlhetem majd olvasimat honlapomon, a www.sensible.
com-on.
Fel a fejjel! Ahogyan mr mondtam, egy j honlap elksztse risi munka, s legnagyobb
elismersem mindenkinek, aki akrcsak fltig eljutott a tkletes honlap elksztsben.
s mg egyszer: nem kell betrl betre kvetend aranyszablyknt rtelmezni mindazt,
amit lertam. Igen, vannak olyan honlapok, ahol a cl az, hogy a felhasznlt gondolkodsra vagy erfesztsre ksztessk, st megzavarjuk Ha tudjuk, melyik szablytl trnk el,
s legalbbis gy vljk, hogy j okunk van r, tegyk nyugodtan.

[ 195 ]

Ksznjk tovbb a negyvenkettedik harckocsiz zszlalj katoninak,


akiknek a segtsge nlkl a film sohasem jhetett volna ltre.
- JELLEGZETES STBLISTAZR MONDAT

TSG SEM FR HOZZ, HOGY EZ A KNYV TLNYOMRSZT

egyetlen szemly munkja. A vilgon nincs olyan ember, aki akr csak megkzelten
annyi idt tlttt volna vele, mint n: folyamatosan tgondoltam, jrartam, minden egyes
mondatt hromszor tjavtottam, majd visszalltottam a javtsokat.
De az n nevem mr gyis szerepel a bortn, s a tbbieknek eddig nem jutott semmilyen
elismers. Pedig dolgozhattam volna a knyvn ezer vig: nem jutottam volna messzire, ha
nem szmthattam volna nhny szemly segtsgre, kpessgre, btortsra, trelmre,
nagyvonalsgra s bketrsre.

Szerkesztk,

grafikusok, tmogatk, segtk

A knyvkiads vilgban rmiszt trtnetek keringenek az egyms lett klcsnsen


megkesert szerzkrl s szerkesztkrl, de n szemly szerint kedvelem, ha egy j szerkeszt rmutat, ha elhibztam valamit. A knyvek is olyanok, mint a honlapok: ha sokig
dolgozunk velk, elvesztjk a realitsrzknket. Munkm sorn kt szerkeszt ldsos
segtsgt lvezhettem:

> Karen Whitehouse a Macmillan kiadtl, aki folyamatosan megerstett abban,


hogy e knyvnek van ltjogosultsga. Vilgosan tudta, mi a knyvvel a szndkom
(mg akkor is, amikor n nem), sosem bnt velem tl szigoran (mg akkor sem,
amikor megrdemeltem volna), s mindig rm volt tallkozni vele. Minden szerz
ilyen szerkesztrl lmodik! Sajnlom, hogy a munka elkszltvel nehezen tudok
jabb rgyet tallni egy j beszlgetsre.
> Barbara Flanagan, aki sajt bevallsa szerint mg regnyt is ceruzval a kezben
olvas, hossz ideje j bartom, egyttal kivl korrektor, aki e knyv kziratnak
megszletsnl is bbskodott. rtkes szabadidejt arra ldozta, hogy puszta jszvsgbl nhny elegns tollvonssal - kpletesen szlva - mindig kihzzon a sajt
magam ltal sott gdrbL

Aki stilisztikai hibt tall ebben a knyvben, biztos lehet benne, hogy Karen vagy Barbara
- esetleg mindketten egytt - csak az n kifejezett erskdsern miatt nem gyomlltk ki.

[ 197 J

KSZNETNYILVNTS

> Allison Cecil elmondhatatlanul sok munkt fektetett e knyv megtervezs be. Mindig hsgesen kvette a szigor s szrszlhasogat szerz krseit, aki egy egsz
knyvet szentelt a sajt tervezsi elveinek, s ragaszkodott hozz, hogy a ktet maga
is tkrzze ezeket az elveket. Radsul - a Csapd le az rt! vetlkedben me~szo
kott mdon - mg valami neheztette a munkjt: a szrnysges idhiny. Orisi
trelmt s ragyog tehetsgt latba vetve gy dolgozott, hogy j kedlyt egy pillanatra sem vesztve, hetekig alig aludt. Ha e knyvben vitathat grafikai megoldsra
lelne az Olvas, az nyilvnvalan az n knyszerts emre, Aliiso n jobb meggyzdse
ellenre szletett.
David Matt s Elizabeth Oh a Roger Black Consultingtl, valamint Trina Wurst s
Sandra Schroeder a Macmillantl szintn nagymrtkben hozzjrultak e knyv ltrejtthez. Az brkat MarkMatcho ksztette, elkpeszt gyorsasggal.
Roger Black hossz vek ta btortja munkmat. Szmomra mindig risi rm, ha vele
dolgozhatok, s megfigyelhetem, milyen egyni - s szrakoztat! - mdon pattannak ki
a fejbl a kis gondolatfelhk Egyetlen fjdalmam, hogy becses trsasgt ritkn lvezhetem, mert folyton Uruguayban vagy Szingaprban van. Az tlete volt, hogy rjarn meg
ezt a knyvet, az s Jock Spivy kzremkdsnek ksznhetem, hogy a Circle.com
segtsgvel az lom valsgg vlt.
Alexandra Anderson-Spivy (becenevn Ally) a Circle.com projektfelelse volt. Ksznm neki a felbecslhetetlen rtk szerkesztsi tancsokat, s azt, hogy a munka elejtl
vgig rezhettem a tmogatst - ahogyan az r mindig jellemz.

Akik krbevesznek
Sokszor nyaggattam a krnyezetemet azzal, hogy mondjk meg, rthet-e egyltaln,
a knyvemben beszlek. A legtbbet a kt legjobb bartom segtett:

amirl

> Paul Shakespear hossz rkon t bogarszta a mg csak flig-meddig rtelmes kziratot,
amit senki msnak nem mutattam volna meg,
s segtett abban, hogy a szveg egyes rszleteit hogyan egsztsem ki vagy nyirbljam meg.
Mindezt radsul ahelyett tette, hogy festett
volna. A vele folytatott beszlgetsek sokkal
rdekesebbek voltak, mint maga a knyv, de
ht ez mindig gy van Paullal.

Szrnyacska
2004
150x71 cm
fa, akril
paulshakespear.com

[ 198 ]

KSZNETNYILVN[TS

> Richard Gingras tbbet tud az on-line kiadsrl s arrl, hogyan lehet felhasznlbart weboldalakat ellltani, mint n magam. Az btortsnak ksznhetem,
hogy az els fejezet megrsa utn nem tettem le a tollat. Bartsga kitgtotta letem hatrait. Az utols simtsokat a knyvn Richard, felesge, Mitzi Trumbo, lnyuk, Molly s Mitzi csodlatos desanyja, Cleo hzban vendgeskedve vgeztem
el. Mindig nluk idzm, ha aSzilcium-vlgyben jrok: k az n msodik csaldom,
ahogy a felesgem mondja. Trsasguknak tbbet ksznhetek, mint amit szavakba
nthetek

Sokan msok szintn nagylelken a segtsgemre voltak abban, hogy elolvastk s vlemnyeztk e knyv vzlatait: Sue Hay, Hilary Goodall, Peggy Redpath,Jennifer Fleming,
Lou Rosenfeld, Robert Raines, Richard Saul Wurman,JeffVeen, Donna Slote, Matt
Stark, Christine Bauer, Bob Gower, Dan Roam, Peter Stoermer s John Kernick Az
vlemnyk s javaslataik- ahogyan ez a felhasznli tesztels sorn mindig megtrtnik
- risi segtsgemre voltak abban, hogy jobb knyvet rjak.

Cleo Huggins, azonkvl, hogy vgigolvasta a kziratot, elmondhatatlanul nagylelken


mellettem llt, amikor a legnagyobb segtsgre volt szksgem. az egyik legjobb dizjner,
akit ismerek, ezenkvl rendkvl kedves s vonz szemlyisg.
Gail Blumberg volt az n nagy problmamegoldm a knyv rsa sorn. Hihetetlen vidmsggal s magabiztossggal kerlte ki a szerkeszts ztonyait, akrmilyen rafinria
vagy politikai rzk kellett is hozz. Olyan sok vacsorameghvssal tartozom neki a szvessgeirt, hogy legutbb azt fontolgattam, vsrolak neki egy ttermet.
Szomszdom, a kivl grafikai tervez, Courtney McGlynn tkletes hitelessggel alaktotta az "tlagos felhasznl" szerept, ahnyszor csak szksgem volt r egy instant felhasznli tesztelsnL Ksznm neki, hogy a legnyugtalantbb tervezsi gyekben is
segtsgemre volt.

Mentorok
Dave Flanagan,John Kirsch s Jon Hirschtick sajt pldjukkal tantottk meg, hogy a
kkemny zlet s az elzkenysg nem egymst kizr fogalmak; nekik ksznhetem,
hogy tancsadi munkmat nyugodt krlmnyek kztt vgezhetem.John volt az, aki
nem csekly szemlyes erfeszts rn megtantott mindenre, amire szakmai rettsgern
megszerzse rdekben szksgem volt. Sohasem tudom meghllni, hogy trelmesen
kitartott mellettem, mg megtanultam, hogyan kell hosszabb szveget alkotnom. Peter
Johnson gy is risi inspircit jelentett e knyv szmra, hogy egy pillantst sem vetett
r - egyszeren azzal, hogy megtestestette szmomra a jl r szerzt.

[ 199

KSZN ET N Y l LV N T 5

gyfelek, munkatrsak, gyfelekbllett


bartok s munkatrsakbllett bartok

f.

sszehasonlthatatlanul kevesebbet tudnk a hasznlhatsgrl, ha nem dolgozhattam


volna olyan kitn, pratlan szemlyisgekkel, mint Arwyn Bryant, Jim Albrecht, John
Lennon,John Goecke,Jim Kent, Bill McCall, Dan Roam,James Caldwell,John Lyle
Sanford, Lucie Soublin, PeterKarnigs 1heo Fels.

Csaldom
Btym, Phil Krug, egsz letemben mellettem llt (kivve gyermekkorom homlyba
.

vesz veit, amikor rendszerint inkbb letepert a fldre, s csikizett).

Kisfiam, Harry, elkpeszt trelemmel viselte a knyv megrsval jr megprbltatsokat, mg ha ez olykor azzal jrt is, hogy knytelen volt lehalktani kedvenc szmtgpes jtknak zenjt. Ksbb kilencves sajtgynkmm avanzslt: levitte a kziratot
a sarki knyvesboltba, hogy megnzze, jl mutatna-e a polcon. Bortt is rajzolt hozz, s
megnyugtatott, hogy j knyvet rtam.
Felesgem, Melanie Sokol, arra krt, hogy ne emltsem meg, milyen sokat segtett a knyv
megrsban. Pedig mindenben tmogatott abban a ngy hnapban, amit eredetileg a
munkra szntam - s a r kvetkez ngy hnapban is. Aztn a kvetkez ngy hnapban ugyangy; olyan csekly gyekben llt mellettem, mint pldul amikor fogalmam sem
volt, mikor fejezem be a knyvet (ha ugyan valaha befejezem). Ha valakinek, neki igazn
hls vagyok.

Msok
Flo s a bostoni Brueggers' Bagel kvz szemlyzete sosem nzett rm ferde szemmel,
amikor reggelente egy cssze kv mellett rkig magam el bambulva egy egsz asztalt
elfoglaltam, s kzben miridnyi paprlapot telefirkltam.
Knnyen meglehet, hogy csekly rtelm medvebocsknt valakit kifelejtettem.Taln nem
fognak haragudni, hiszen nekik els helyen, mr e fejezet alcmben kln ksznetet
mondtam.

[ 200 ]

j
J.

KSZNETNYILVNTS

Akik nlkl nem lenne msodik kiads


risi szerencse, hogy amikor a rgi munkatrsakra volt szksgem - gondolok elssor
ban Karen Whitehouse-ra, Allison Cecilre (a vilg egyik legjobb knyvtervezje!), Paul
Shakespearre, Barbara Fianagame s Roger Blackre, mindannyian rendelkezsemre lltak.
Harry s Melanie nlkl ismt elveszett ember lettem volna, k tartottk bennem a lelket.
Sokaknak ksznm, hogy ezttal is megosztottk
velem a tudsukat: Ginny Redish,Jeffiey Zeldman,
Eric Meyer, Caroline J arrett, Carol Barnum s Lou
Rosenfeld munkatrsaim a kurzusok sorn, egyttal
j bartaim.
Ksznm a Peachpit kiad munkatrsainak: Nancy
Ruenzelnek, Matjorie Baernek, Liza Brazielnek, Harry Krug, 2005 krl
Kim Lombardinak s a tbbieknek, klnsen
Rachel Charlton Tiley-nek (s mg klnsebben Kathy Malmoffnak), hogy risi
trelemmel vlaszoltk meg a knyvet illet krdseket s krseket.
Ksznm a brookline-i Putterham Circle Starbucks kvz munkatrsainak a rengeteg
kitn gymlcssaltt, melynek zamatos szljt mig a szmban rzem - pp annyira
otthon voltam nluk, mint korbban a Brueggersben!
Ksznm vgezetl mindenkinek, aki szemlyesen megkeresett a knyv megjelenst
kveten. rlk, hogy megismerhettem nket!

[ 201

almenk /. menpontok
Amazon .com 27, 78, 90-94, 116, 131, 176
aranytojst toj tyk 121

llny,

lland navigci 72-73, 76, 105, 117-18,


189
tlagos felhasznl 28, 137-38, 199
tfuts, gyors 30, 120
"tverekedses" technika 150

trgy vagy fogalom? 50-51

F
fnyes klssgek vilga s a
kzmvesek sszecsapsa 136-37
fkuszcsoport 13 7, 142-43
flsleges szavak, elhagysuk 55
fl
-ek navigcis clra 89-91
-es irattart 89
sznkdolsa 92

B
G

bngszs 24, 27, 32, 47, 65, 67-68, 77,


95,107,109,117,124,180
Burma arcszesz 41

Gates, Bill
az tverekedses technika alkalmazsa
37
a da Vinci-jegyzetfzet megvsrlsa
89
globlis navigci/. lland navigci
gondolkods nlkli vlaszads 51

c
Camtasia Studio 153

cs
Csapd le az rt! 105, 198
csomagtartteszt 95-96
CSS 177-78, 184, 187-88

GY
GYIK 76, 177

H-1

egymsba gyazott stluslapok (CSS)


187-88
Elements ofStyle (Stlustan) 55
elsdleges navigci/. men
els elfogadhat lehetsg megragadsa
30,34

hagyomnyos tesztels 147


hasznlati utasts 36, 55, 57, 70, 77, 124,
163,167
hasznl hatsg
-i elemzs 13
-i tesztels 13, 38, 140-41, 143,
145-49,153,163,177

[ 203 ]

webes-47
- i tancsad 15
- i elv 16-17
Hatch, Orrin 47
hierarchia
szervezsi - 62
tartalmi - 75, 124
vizulis - 41 - 43, 82, l Ol, 128, 167
hitvitk 15, 135, 138
.,hogy-n-erre-eddig-nem-gondoltam"tpus 168

L-LY
ltvnyelemek 193
legrdl menk 58, 120-21, 126,
133- 35, 138
.,linkorientlt" felhaszn Ik 65
log 44, 71-74,76-77,95-96, l 00- 03,
ll 0-ll' 114, 118, 131' 161

M
msodiagos navigci/. menpontok
men 49, 58, 65, 71,74-75,85,90, 94, 96,
l 00-03, 117
menpontok 65, 71 -72, 75, 77-78, 90, 95,
117
Morae 153
mott 15,105,115

J
Jancsi s Juliska 86
jelmondat lll , 114-15, 124, 126, 128,
130-31
jindulatitke 172-74, 176-77
jpofizs 56-58

K
.,kajakproblma" 167
.,keressorientlt" ltogatk 64
keresmez 37, 48, 64, 77-78, 100-01,
l 03, l 06, 117, 129
kerk jrafelfedezse 46
kezdlap 56, 59, 65, 68,72- 74, 76-77,80,
86-87,94,704- 37,138,160, 171-72
Klein, Gary 34-35, 136
konvencik41,44- 46,48, 70-71,77,131
kzlegelk tragdija 121
kldetsnyilatkozat 113
Krug, Steve 20-21,51,55, l 05-06, 156,
192- 94, 200-01

navigci
a - megtervezse 60
alacsonyabb szint - 80
lland- 72-73, 76, l 05, 117-18, 189
webes - 69-71
nv
oldal - 82-83, 89, 95-96, l 00-03
orszg- 120
szekci- 118
termk- 78, 120
utca- 82
Nielsen, Jakob 32, 64-65, 146, 148

NY
nyomtatbart oldalak 177, 188

[ 204 J

.,

kezdlap~

l 07, 121
198
navigci ~ 60
webes ~ 15, 17, 21, 59, 135, 137-38,
144
Theofanos, Mary 185
knyv~

oldalnv 82-83, 89, 95-96, l 00-03

-
"n itt ll " indiktor 71, 82, 84-86, 88,
95-96, l 00, l 03

U-

professzionlis hasznlhatsgi elemzs


13

utcatblk 60, 71,81

dvzl

Redish, Janice (Gin ny) 185, 201


regisztrci 76, l 06, 136, 173, 192
Rosenfeld, Louis 77, 199, 201

rlapok,

webes 73, 189

validator 183
vizulis hierarchia 41-43, 82, l Ol, 128,
167
vizulis zaj 49

sz

T-TY
Talking Heads 61
teleportci 68, 73
tartalomajnlk l 06
tervezs
honlap~ 142-43, 146
sszertlen ~ 18
integrlt ~ 138

webmarzsk 62, 86- 89, l 02


White, E. B. 55
Whitehouse, Karen 197, 201

y
Yahoo!37,87,90, 128-29,159,162

Z-ZS
zaj,/. vizulis zaj

"'-

[ 205 ]

'

zenet 112-13, 115, 128-29, 131

segdeszkzk 71-72,75- 77,88,100-01,


130-31,183
"sminkels-tpus" 168
Spool, Jared 17, 51

szaig Itatsajnlk l 06

...