Mi a wireframe és miért hasznos?

fokepA wireframe egy szerkezeti váz (hálóterv), amely a leendő weboldalunk alapjául szolgál

Mindig azt mondom az ügyfeleimnek, hogy a wireframe olyan, mint az építésznek az alaprajz: ha az nem „pixel” pontos és nincs jól kitalálva, milyen lesz a ház alapja, akkor nem lehet a házat stabilan felépíteni. Márpedig egy instabil házban senki sem szeretne lakni. A weboldalnál is nagyon fontos, hogy a design megtervezése és a programozás előtt készüljön egy ilyen hálóterv, hogy webergonómiailag megállja a helyét az online felületen. Ezáltal ki lehet szűrni a nem felhasználóbarát problémákat, az ügyfél is látja, milyen felépítésű lesz a weboldala, és a programozó munkáját is segíti.

Egyszóval: a wireframe kell! (Na jó, ez három szó… 😀 de akkor is elengedhetetlen).

Joggal kérdezhetitek, hogy különböző weboldalak esetében ugyanolyan wireframe-re van-e szükség? Természetesen nem, ez attól függ, hogy milyen bonyolult az oldal, milyen a felépítése, mi a funkciója. Egy personal page-nek sokkal egyszerűbb lesz a szerkezeti váza, mint egy webshopnak, egy portálnak, vagy egy telefonos applikációnak.

wireframe

Ma már nemcsak grafikai programokkal készíthetünk szerkezeti vázat, vannak erre külön, spéci oldalak:

gomockingbird.com

wireframe.cc

framebox.org

getwirefy.com

uxpin.com

Fontos! Egy rosszul megtervezett hálóterv a projektet rossz irányba is elviheti. Ezért ezt mindig bízzuk szakemberre!

Nézzünk erre néhány renographic-os példát: milyen volt, milyen lett.

És hogy mi is az a reszponzív webdesign? Erről bővebben a következő posztban olvashatsz majd. 🙂

Ha tetszett a cikkünk, szóljatok hozzá, osszátok meg az ismerőseitekkel, és kövessetek bennünket a facebookon is! 🙂

Advertisements

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s