Mi a storyboarding a webdesignban?

...

A storyboard segíthet egy szervezett webhely kialakításában.

Amikor a weboldal készítői a tervezési folyamatban vannak, a storyboarding gyakran a kezdeti szakasz része. A storyboard segítségével képet kaphat arról, hogyan fog kinézni, hogyan fog kinézni és hogyan viselkedik a webhely, mielőtt a hivatalos tervezési vagy másolatírási szakaszba kerülne. Mind a kreatív, mind a műszaki szakemberek storyboardokat használnak, amelyek leegyszerűsíthetik a tervezési és fejlesztési folyamatot.

Formátum

A webhely storyboardja általában üres téglalapok sorozatával kezdődik egy oldalon, egy-egy a webhely minden oldalához. A cégtől és a tervezőktől függően az üres táblák közelében hely jelenhet meg jegyzetek vagy kérdések számára. Egy információs tervező, grafikus vagy webdesigner kitölti a storyboardot az egyes oldalak alapvető vázlatával, hogy bemutassa, hogyan fog kinézni és érezni; lehet olyan egyszerű, mint dobozok az oldalon, vagy olyan összetett, mint egy teljes vázlat. A forgatókönyvek segítenek a tervezőcsapatnak és/vagy az ügyfeleknek abban, hogy azonos képet kapjanak arról, hogy az oldal mit fog jelenleg csinálni, és hogy kezdeti változtatásokat hajtson végre az alaptervben.

A nap videója

Drótváz diagram

A storyboard egyik legfontosabb feladata, hogy egy alapvető drótváz-diagramot biztosítson arról, hogy az egyes oldalak hogyan fognak kinézni. A diagramnak elegendő információt kell adnia ahhoz, hogy érzékeltesse, mekkora helyet kell biztosítani az oldalon az egyes elemeknek. Az alapdiagram elemei közé tartozik a navigációs sáv, a fő hivatkozások, a képterület és a webhely másolásához szükséges hely. A drótváz diagram hasznos része az oldal információs hierarchiájának kiértékelésének; vizuális elrendezéssel könnyebben látható, hogy a fő elemeknek lesz-e elég hely ahhoz, hogy felkeltsék a nézők figyelmét.

Webhely viselkedése

A webhely elrendezése gyakran eligazítja, hogy a felhasználók hogyan lépnek kapcsolatba vele, és hogyan jutnak el a webhely különböző részeihez. A storyboard megmutathatja a mozgás irányát a webhelyen keresztül, ha minden oldalon elhelyezi a különböző gombokat és hivatkozásokat. Amikor egy webhely előnézetét egy storyboard segítségével tekintik meg, a szakértők olyan dolgokat keresnek, mint például a hivatkozások, amelyek anélkül is láthatók a felhasználónak lefelé kell görgetnie, törölnie kell a navigációs gombokat, és korlátozott számú választási lehetőséget kell biztosítania, hogy a felhasználók ne tegyenek túlterhelt. A storyboardnak érzékeltetnie kell a webhely általános felépítését és szerkezetét, és meg kell mutatnia, hogyan működik együtt az összes oldal.

Információ

Egy hatékony webhely csak annyi információt ad, amennyit a felhasználó egyszerre képes kezelni. A storyboard segít szegmentálni a másolatot és a képeket oly módon, hogy darabonként vonzza be az olvasót. Az egyes oldalak elrendezésével a tervezők érzékelhetik, hogy mennyi információnak kell megjelennie. A legtöbb storyboard nem tartalmazza a tényleges szöveget és képeket, amelyek a webhelyen lesznek, de egy általános vázlatot kínálnak, amely bemutatja az elrendezést, a vonalszélességet és a beágyazott hivatkozásokat.