Jelenlegi hely

1.3.2. A honlap megtervezése

Ha már tudjuk, mi a célunk a honlapunkkal, akkor kezdjünk bele az oldal megtervezésébe. Ehhez meg kell válaszolnunk még a következő kérdéseket.

Milyen oldalaink lesznek?

A válasz egy konkrét, tételes lista legyen. Például:

  • kezdőoldal (hírekkel)
  • kapcsolat
  • termékkategóriák tartalomjegyzéke
  • termékkategóriák oldalai
  • termékek oldalai
  • vendégkönyv oldal
  • stb.

Milyen viszonyban állnak az oldalak egymással?

Itt az alá-fölé rendeltségi viszonyon kívül gyakori a mellérendelt kapcsolat is. A válasz az oldal navigációjának kitalálásában fog segíteni.
Illusztrációként nézzünk meg egy zenei együttes honlapjának oldaltérképét.

Oldaltérkép

Ezután nevezzük el az oldalainkat, és írjuk hozzá rövid tartalmi összefoglalókat.

Hogyan épüljenek fel az oldalaink?

Az oldal funkcionális látványtervét tervezve el kell döntenünk, hogy

  • a klasszikus 1, 2 és 3 oszlopos oldalelrendezés közül melyiket választjuk,
  • hova kerüljön a logó, főcím, lábléc stb.
  • hogyan épüljön fel a navigációs struktúra (felső menü, bal oldali menü, kenyérmorzsa menü2, címkefelhő, stb.)
  • a menük egy vagy többszintűek legyenek
  • melyik szélső oszlopban milyen tartalmú dobozok és milyen sorrendben szerepeljenek

Jól át kell gondolnunk, hogy a látogatóink számára a leglogikusabb, legáttekinthetőbb struktúrát tudjuk nyújtani.

Az oldalelrendezés megtervezéséhez igen hasznos a Paper prototyping módszere.

Paper prototyping példa

Ezen kívül egyre elterjedtebb a drótváz (wireframe, mockup) eszközök használata is. Példaként a MockFlow egy Youtube tervét nézzük meg.