Mi a storyboarding a webdesignban?

Amikor a webhely készítői a tervezési folyamatban vannak, a storyboarding gyakran a kezdeti szakasz része. A storyboard egy módja annak, hogy képet kapjon 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 a megjegyzések 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 az alaptervben kezdeti módosításokat hajtanak végre.

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 a nézők figyelmének felkeltésére.

Webhely viselkedése

A webhely elrendezése gyakran azt mutatja, 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 webhelyen keresztüli mozgás irányát azáltal, hogy minden oldalon elhelyezi a különböző gombokat és hivatkozásokat. Amikor egy webhelyet forgatókönyv segítségével tekintenek meg, a szakértők olyan dolgokat keresnek, mint például a linkek, amelyek a felhasználónak lefelé görgetés nélkül is láthatók, a navigációs gombok törlése és korlátozott számú választási lehetőség, hogy a felhasználók ne legyenek túlterhelve. A storyboardnak képet kell adnia a webhely általános felépítéséről és szerkezetéről, é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 darabról darabra vonzza 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, hanem egy általános vázlatot kínálnak, amely bemutatja az elrendezést, a vonalszélességet és a beágyazott hivatkozásokat.