מהו סטוריבורד בעיצוב אתרים?

כאשר יוצרי אתר נמצאים בתהליך עיצוב, תכנון סטוריבורד הוא לרוב חלק מהשלבים הראשונים. לוח תכנון הוא דרך לקבל תחושה כיצד האתר יראה, ירגיש ויתנהג לפני שהוא מגיע לשלב העיצוב הרשמי או כתיבת ההעתקה. גם אנשי מקצוע יצירתיים וגם טכניים משתמשים בלוחות תכנון, שיכולים לייעל את תהליך העיצוב והפיתוח.

לוח תכנון אתר מתחיל בדרך כלל בסדרה של מלבנים ריקים בעמוד, אחד לכל עמוד באתר. בהתאם לחברה ולמעצבים, עשוי להופיע מקום ליד הלוחות הריקים להערות או שאלות. מעצב מידע, מעצב גרפי או מעצב אתרים ממלא את לוח התכנון עם סקיצה בסיסית של כל עמוד כדי להדגים איך הוא ייראה וירגיש; זה יכול להיות פשוט כמו תיבות על הדף או מורכב כמו סקיצה מלאה. לוחות סיפור עוזרים לצוות עיצוב ו/או לקוחות להגיע לאותה הבנה של מה העמוד יעשה כרגע, ולבצע שינויים ראשוניים בעיצוב הבסיסי.

אחד התפקידים החשובים ביותר של לוח תכנון הוא לספק דיאגרמת wireframe בסיסית של איך כל עמוד ייראה. התרשים צריך לספק מספיק מידע כדי לתת תחושה של כמה מקום צריך להיות לכל רכיב בדף. אלמנטים בתרשים בסיסי כוללים את סרגל הניווט, הקישורים הראשיים, אזור התמונות ומקום להעתקת אתר. דיאגרמת wireframe היא חלק שימושי בהערכת היררכיית המידע של עמוד; עם פריסה ויזואלית, קל יותר לראות אם למרכיבים העיקריים יהיה מספיק מקום למשוך את תשומת הלב של הצופים.

הפריסה של אתר אינטרנט לרוב מנחה את הדרכים שבהן המשתמשים יתקשרו איתו וכיצד הם יגיעו לחלקים שונים באתר. לוח תכנון יכול להראות את כיוון התנועה באתר על ידי פריסת הכפתורים והקישורים השונים בכל עמוד. בעת תצוגה מקדימה של אתר באמצעות לוח תכנון, מומחים מחפשים דברים כמו קישורים שגלויים בלעדיו המשתמש צריך לגלול מטה, לנקות את לחצני הניווט ומספר מוגבל של אפשרויות כדי שהמשתמשים לא יהיו המום. לוח התכנון צריך לתת תחושה של הארגון והמבנה הכללי של האתר, ולהראות כיצד כל הדפים עובדים יחד.

אתר רב עוצמה נותן רק מידע רב ככל שהמשתמש יכול להתמודד בו בבת אחת. לוח תכנון עוזר לפלח את העותק והתמונות באופן שמושך את הקורא פנימה, חלק אחר חלק. על ידי פריסת כל עמוד, מעצבים יכולים לקבל תחושה של כמה מידע צריך להופיע. רוב לוחות התכנון אינם מכילים את הטקסט והתמונות בפועל שיהיו באתר, אך מציעים סקיצה כללית המציגה את הפריסה, רוחב השורות והקישורים המוטמעים.