Ce este Storyboarding în Web Design?

...

Un storyboard poate ajuta la amenajarea unui site web organizat.

Atunci când creatorii unui site web sunt în procesul de proiectare, storyboarding-ul face adesea parte din etapele inițiale. Un storyboard este o modalitate de a obține o idee a modului în care site-ul web va arăta, se va simți și se va comporta înainte de a ajunge la etapa oficială de design sau copiere. Atât profesioniștii creativi, cât și cei tehnici folosesc storyboard-uri, care pot simplifica procesul de proiectare și dezvoltare.

Format

Un storyboard pentru site-ul web începe de obicei cu o serie de dreptunghiuri goale pe o pagină, câte unul pentru fiecare pagină a site-ului. În funcție de companie și de designeri, în apropierea panourilor goale poate apărea spațiu pentru note sau întrebări. Un designer de informații, designer grafic sau web designer completează storyboard-ul cu o schiță de bază a fiecărei pagini pentru a demonstra cum va arăta și simți; poate fi la fel de simplu ca casetele de pe pagină sau la fel de complex ca o schiță completă. Storyboard-urile ajută o echipă de proiectare și/sau clienții să ajungă la aceeași înțelegere a ceea ce va face pagina în prezent și să facă modificări inițiale la designul de bază.

Videoclipul zilei

Diagrama wireframe

Unul dintre cele mai importante roluri ale unui storyboard este de a oferi o diagramă wireframe de bază a modului în care va arăta fiecare pagină. Diagrama ar trebui să ofere informații suficiente pentru a da o idee despre cât spațiu ar trebui să aibă fiecare element de pe pagină. Elementele dintr-o diagramă de bază includ bara de navigare, linkurile principale, zona de imagini și spațiul pentru copierea site-ului. O diagramă wireframe este o parte utilă a evaluării ierarhiei informațiilor unei pagini; cu un aspect vizual, este mai ușor să vezi dacă elementele principale vor avea suficient spațiu pentru a atrage atenția spectatorilor.

Comportamentul site-ului

Aspectul unui site web ghidează adesea modul în care utilizatorii vor interacționa cu acesta și cum vor ajunge la diferite părți ale site-ului. Un storyboard poate arăta direcția de mișcare prin site-ul web prin așezarea diferitelor butoane și link-uri pe fiecare pagină. Când previzualizează un site web prin intermediul unui storyboard, experții caută lucruri precum linkuri care sunt vizibile fără utilizatorul trebuie să deruleze în jos, butoanele de navigare clare și un număr limitat de opțiuni, astfel încât utilizatorii să nu facă acest lucru copleşit. Storyboard-ul ar trebui să ofere un simț al organizării și structurii generale a site-ului web și să arate modul în care toate paginile funcționează împreună.

informație

Un site web puternic oferă doar atâtea informații cât poate utilizatorul să gestioneze simultan. Un storyboard ajută la segmentarea copiei și a imaginilor într-un mod care atrage cititorul, bucată cu bucată. Prin așezarea fiecărei pagini, designerii pot înțelege câte informații ar trebui să apară. Majoritatea storyboard-urilor nu conțin textul și imaginile reale care vor fi pe site, dar oferă o schiță generală care arată aspectul, lățimea liniei și linkurile încorporate.