5. eloadas Flashcards
(22 cards)
Site tervezés – alapok
- Felépítés megtervezése
Készítsünk honlaptérképet és navigációs rendszert.
- Célok és funkciók
Pontosan határozzuk meg, mit akarunk elérni az oldallal.
Gondoljuk át, hogyan vezessük a látogatót, mi a legfontosabb funkció.
- Fontos kérdések tervezéskor:
Milyen aloldalak szükségesek?
Minden oldalnak megvan-e a szerepe?
Hogyan kezeljük a később hozzáadott tartalmakat?
Kik a felhasználói csoportok?
Mi az elsődleges céljuk?
Site szerkezet típusai:
Hierarchikus:
Lineáris:
Táblázatos (mátrixos):
Hierarchikus:
Több szint, egyre részletesebb tartalom (pl. üzleti, oktatási oldalak).
Lineáris:
Lépésenként haladó folyamatokhoz (pl. kérdőívek, webshop fizetés).
Táblázatos (mátrixos):
Oldalak tulajdonságok alapján csoportosítva.
A LEGFONTOSABB ALOLDALAK
- A főoldal (Home page)
- A Rólunk oldal
- A blog
- A Kapcsolat oldal
Home page szerepe és jellemzői
Mi ez a weboldal? – Azonnal világos legyen, hol jár a látogató.
Mi a célja az oldalnak? – Ez vezérelje a tartalmat és a dizájnt.
A home page három fő eleme:
Navigáció:
A fő tartalmi területek listája, hogy a látogató könnyen eligazodjon.
Fontos hírek, promóciók:
Rövid, kiemelt információk, amik érdeklik a felhasználót.
Kereső:
Segíti a gyors tartalom megtalálását.
Home page szempontjai
Kép vagy szöveg?
Érdemes jól átgondolni, mi illik az oldalhoz és a célcsoporthoz.
Beköszönőoldalak ritkán szükségesek, kivétel, ha szűrni akarjuk a látogatókat (pl. korhatár figyelmeztetés).
A cég vagy site neve legyen a legfeltűnőbb elem.
A belső oldalak inkább konkrét tartalmat tartalmazzanak, ne általános bemutatkozást.
Minden oldalon legyen link vissza a home page-re.
MÉLY LINKELÉS
A mély linkelés (deep linking) azt jelenti, hogy a weboldalon vagy más online felületen nem csak a főoldalra (home page-re) mutató linkeket használunk, hanem közvetlenül egy adott aloldalra vagy konkrét tartalomra irányítjuk a látogatót.
Ha egy weboldal olyan, mint egy ház, akkor a mély link egy olyan ajtó, amin nem csak a bejárati ajtón lehet bemenni, hanem akár az emeleti szobába is közvetlenül.
Navigáció szerepe a weboldalon
A legfontosabb feladat a felhasználók megfelelő vezetése az oldalon.
A kereső is fontos navigációs eszköz lehet.
A navigációnak meg kell mutatnia a felhasználó helyzetét és a továbblépési lehetőségeket az oldal struktúrájában.
Egyszerre kell láthatóvá tenni a lehetőségeket, hogy a felhasználó eldönthesse, mit szeretne elérni.
Az információs felépítés minősége kulcsfontosságú a jó használhatósághoz.
INFORMÁCIÓS ARCHITEKTÚRA
- lényege, hogy egy weboldal tartalmát átláthatóan és logikusan rendezzük el, még mielőtt a navigációt megterveznénk.
- ez a struktúra segít a felhasználóknak megérteni, hol vannak az oldalon, és hogyan juthatnak el a számukra fontos információhoz.
Miert kell jo legyen az informacios architektura?
- Fontos, hogy az IA-t a felhasználók szemszögéből alkossuk meg, mert nekik kell könnyen tájékozódniuk az oldalon.
- Ha nincs jól kialakítva, a látogatók könnyen elveszhetnek, csalódottak lesznek, és nem valószínű, hogy visszatérnek.
NAVIGÁCIÓ HOSSZÚ OLDALAK ESETÉN:
- Hosszú oldalak esetén legyen megjelenítve tartalom menü is
- Ezzel a felhasználók a lap megfelelő részére ugorhatnak.
- Fontos, hogy legyen Vissza link is
MORZSANAVIGÁCIÓ BREADCRUMB – NYOMVONAL MORZSA
- Az oldal tetején kell elhelyezni
- Hierarchikus felépítésű lapoknál működik
- Megmutatja, hogy az aktuális oldal milyen gyűjtőoldalak alá tartozik
- Az elemek közé > jelet, vagy / jelet érdemes tenni.
- A kezdőlapot nem kell szerepeltetni, mert oda a logóra kattintással is eljutunk (elvileg)
MENÜSOR
A menüsornak színezett hátteret kell adni, hogy a tartalomtól elválasztott legyen
Az oldal bal felén kell lennie, vagy vízszintesen felül
Hoveres LEGÖRDÜLŐ MENÜ
Hover előnyei:
Gyorsabb és kényelmesebb, mert elég ráhúzni az egeret.
A felhasználók általában már hozzászoktak ehhez, így számítanak rá.
Kevesebb kattintással elérhető a menü.
Hover hátrányai:
Könnyen véletlenül kinyílhat a menü.
Nagyobb menük bezárása nehézkes lehet.
Ha az egér elmozdul, a menü bezáródik, ami zavaró lehet.
Ha a menü széléhez közel van egy elem, nehéz lehet pontosan rákattintani.
Kattintos LEGÖRDÜLŐ MENÜ
Kattintás előnyei:
Csak akkor nyílik meg a menü, ha a felhasználó tényleg akarja.
Nincs véletlenszerű megnyitás vagy bezárás.
Jobb mobilon vagy érintőképernyős eszközökön.
Kattintás hátrányai:
A felhasználók gyakran számítanak arra, hogy egy kategóriaoldalra jutnak, nem menübe.
A plusz kattintás lassíthatja a navigációt, megakaszthatja a felhasználó folyamatát.
WEBERGONÓMIA
“A webergonómia a józan ész alkalmazása a honlapkészítés során.”
WEBERGONOMIA ELONYEI
- A felhasználó érdekeinek megfelelő weblap a látogatókat potenciális vásárlóvá tudja tenni.
- Javítja a konverziót.
- Ügyfélszerzésre is alkalmas.
- Költséghatékony.
- A felhasználó-központú weblapot barátoknak is ajánlják.
- Azelégedett látogató máskor is visszatér a kedvenc oldalára
Miért lesz több, célzott látogató ha ergonomikus a weboldal?
- A kereső találati listán is jobb helyezése lesz a szabványoknak megfelelő oldalaknak.
- Fogyatékkal élők - például színtévesztők, látási problémákkal kűzdők - is használni tudják a honlapot.
Miért lesznek elégedettebbek a felhasználók?
Azért, mert a weboldal * Akadálymentes, széles körben hozzáférhető
* Gyorsan töltődik le - rövid a betöltési idő
* Ergonómikus kialakításának köszönhetően jobban használható
A WEBERGONÓMIA SZABÁLYAI A NAVIGÁCIÓRA
- Alkalmazzon egyszerű, következetes navigációt!
- Legyen a menüpontok száma 5-7 között!
- Segítse HTML oldaltérképpel az eligazodást!
- Spóroljon a felhasználó idejével!
- Tegye akadálytalanná a weblapot!
- Tegye jól látható helyre a kapcsolat linket!
- Keresés lehetősége legyen jól látható
