Web design
Boltban Belépünk
nem Biztos hogy igen a jó helyen vagyunk nem Eléggé frusztráltak vagyunk? igen
Keressük meg a jó részleget
Keressük meg a pénztárat
Keressük meg a jó sort
Fizessünk
Keressük meg a kijáratot
Keressük meg a terméket
nem Megtaláltuk?
igen
Boltban Belépünk
Megkérdezzünk igen valakit? nem Keressük meg a jó részleget
nem Biztos hogy igen a jó helyen vagyunk? nem Eléggé frusztráltak nem vagyunk? majdnem igen
Keressük meg a jó sort Keressük meg a terméket Megtaláltuk? igen
Browse Search
Keressünk egy eladót Kérdezzük meg Keressük meg a sort Keressük meg a terméket
Keressük meg a pénztárat Fizessünk
Keressük meg a kijáratot
Web navigáció • Web oldalak esetén hasonló történik – Valamit próbálunk megtalálni – Eldöntjük hogy először kérdezzünk vagy átnézzünk oldalakat • Keresés domináns emberek • Link-domináns emberek
Weben Belépünk
Keressünk? nem Keressük meg a szekciót
nem Biztos hogy igen a jó helyen vagyunk? nem Eléggé frusztráltak nem vagyunk? majdnem igen
Keressük meg az alszekciót Keressük meg amit kerestünk Megtaláltuk? igen
igen
Browse Search
Keressük meg az entry-t Írjuk be a keresett kif.
Boldogan távozzunk
Keressük ki a választ
Nézzük meg a választ
Távozzunk
Problémák a web navigációval • Nem érzékeljük a léptéket, nagyságot – Több oldal megnézése után sem tudjuk eldönteni, hogy 10 vagy 1000 oldalból áll-e a web site • Magazin, múzeum esetén könnyű • Praktikusan nem tudjuk eldönteni mikor lehet abbahagyni a felfedezést
• Nem érzékeljük az irányt – Nincs bal és jobb, fent és lent
• Nem érzékeljük a helyet
Mozgás a boltban Első alkalommal
További látogatások során
Mozgás a weben • Nem érzékelünk mozgást • Kattintunk a linkre és már át is „transzportálódunk” egy másik helyre • Amikor visszatérünk ugyanazt az útvonalat kellene követni – Könyvjelzők ezért nagyon fontosak – Home page, fix kiindulási pont
Mozgás a weben Akár olyan oldalra is ugorhatunk, aminek nem láttuk a kezdőlapját Minden lapról legyen megfelelő hivatkozás, különben zsákutca
Fizikai valóság hiánya • Előny: – Elveszthetjük az idő érzékelést és sok időt töltünk a weben
• Hátrány – Ezért beszélünk web navigálásról, míg a valóságban nem beszélünk bolt navigálásról
Web navigáció célja • Támogassa az egyik helyről a másik helyre való eljutást • Elárulja hogy éppen hol vagyunk – Fogodzót adjon, ne legyünk elveszve
• Szintén fontos, hogy elárulja hogy – mi van az adott oldalon – hogyan használjuk az oldalt – a készítő mennyire jó
Konvenciók a fizikai valóságban • Városokban és épületekben is vannak navigálást segítő jelek • Szabványos, megszokott helyekre téve a jeleket segítjük a gyors tájékozódást – Utca tábla sarkokon, vízszintesen
Web navigáció elemei Site ID
szekciók
Segéd eszközök Alszekciók
„Itt állsz” indikátor Oldal neve
Lokális navigáció
Kis szöveges verzió
Ne nézz oda, de azt hiszem követnek • Perzisztens navigáció (globális navigáció) – Minden oldalon megtalálható • Megerősít abban hogy még mindig jó helyen járunk
Perzisztens navigáció elemei 1. 2. 3. 4. 5.
Site ID Vissza a kezdőlapra Keresés Segédeszközök Szekciók 1
2
3
4
5
Perzisztens navigáció elemei • Nem minden oldalon – A kezdőlapon (Home) lehetnek mások a szabályok – Formok esetén lehet figyelem elterelő, így ott is lehet egy kicsit más az oldal
• Általában minimális alakot öltenek
Site ID • Site ID vagy egy logó olyan mint egy épület neve
Jelzi hogy hol vagyunk
Site ID • Az egész oldalt reprezentálja • A legprominensebb helyre kell tenni a hierarchiában vagy • Legyen minden kerete Site ID
Minden egyéb
Site ID • Logó • Tipikus betűtípus • Grafika
Szekciók • Elsődleges navigáció • A hierarchia legfelső elemei • Gyakran alárendelt elemek is vannak
Segédeszközök • Nem része a tartalomnak, de segíthet – az oldalak kezelésében vagy – információt adhat az oldal tulajdonosáról
• Lista – Register, Search, Shopping cart, Sign in, Site Map, Your account, How to shop, Jobs, Order tracking, Privacy policy, FAQs, Help, Contact Us,
Home link • Vissza a kezdőlapra • „Üsd össze a bokádat kétszer és otthon is leszel.” • Arról biztosít, hogy bármikor visszatérhetünk a kezdőlapra – Kezdhetem elölről
• Vagy egy Home link kell vagy a Site ID-t szokás használni
Keresési lehetőség • Kicsi és jól szervezett oldalak kivételével mindenhova kell keresési lehetőség – Sajnos még ma is csak 50% esélyünk van arra, hogy működik-e a keresés • Google sokat segíthet
• Több ember preferálja a keresést
Keresési lehetőség formája • Egy doboz • Egy gomb • És a keresés címke Search Search
Search
Keresési lehetőség formája • Kerüljük a csilli-villi variációkat: – Nem: Find, Quick Find, Quick Search,
• Ha van Search címke, akkor a Go szerepeljen a gombot • Nem kellenek instrukciók • De ha kell adjuk meg az értelmezési tartományt Search book
Alacsonyabb szintű navigáció • Általában csak magasabb szintű navigációt szokták megtervezni, • Az alacsonyabb helyeken töltjük a több időt
Oldalak neve • Olyanok mint az utcatáblák • Minden oldalnak legyen neve • A név a megfelelő helyen legyen – Az adott oldal keretéhez tartozik
• A név legyen elég prominens – Megfelelő betűtípus, méret és szín
• A név illeszkedjen ahhoz amire éppen kattintottunk!!!
Oldal név pozíció Oldal név Oldal név
Egyedi tartalom Egyedi tartalom
Oldal név pozíció Oldal név
Egyedi tartalom
A név illeszkedjen ahhoz amire éppen kattintottunk Amire kattintunk
Csavarok
Amit kaphatunk
Csavarok
Alkatrészek
Error 404
Egyre kevésbé illeszkedik arra amit várunk
