שרטוט מסכים

שימושים של שרטוטי מסכים

דיסציפלינות שונות יכולות לעשות שימוש בשרטוטי מסכים. מפתחים משתמשים בשרטוטי מסכים כדי להבין בצורה מוחשית יותר את הפונקציונליות של האתר, בעוד שמעצבים משתמשים בהם כדי לקדם את תהליך יצירת ממשק המשתמש (UI). מעצבי חוויית משתמש ואדריכלי מידע משתמשים בשרטוטי מסכים כדי להציג נתיבי ניווט בין עמודים שונים. אנליסטים משתמשים בשרטוטי מסכים כעזרים חזותיים להצגת הכללים העסקיים שלהם וכדי להציג את דרישות האינטראקציה של המסך. בעלי עניין עסקי בודקים שרטוטי מסכים כדי להבטיח שהדרישות והיעדים שלהם נענו באמצעות העיצוב. אנשי מקצוע המייצרים שרטוטי מסכים כוללים אנליסטים, אדריכלי מידע, מעצבי אינטראקציה, מעצבי חוויית משתמש, מעצבים גרפיים, מתכנתים ומנהלי מוצרים.
עבודה עם שרטוטי מסכים עשויה להיות מאמץ משותף מאחר שהיא מגשרת בין ארכיטקטורת המידע לעיצוב החזותי. בשל חפיפה בין התפקידים המקצועיים הללו, עלולים להתרחש עימותים, מה שהופך את שרטוט המסכים לחלק שנוי במחלוקת במהלך תהליך התכנון. מאחר ששרטוטי מסכים מסמלים אסתטיקה של "עצמות חשופות", קשה למעצבים להעריך עד כמה העיצוב צריך להיות נאמן לשרטוטי המסכים בפועל. כדי למנוע התנגשויות, מומלץ כי אנליסטים שמבינים את דרישות המשתמש, יצרו שרטוט מסכים בסיסי ולאחר מכן יעבדו עם מעצבים כדי לשפר את שרטוטי המסכים. קושי נוסף עם שרטוטי מסכים הוא שהם לא מציגים בצורה יעילה פרטים אינטראקטיביים כי הם ייצוגים סטטיים. עיצוב ממשק משתמש מודרני כולל מכשירים שונים כגון פנלים נפתחים, אפקטים מרחפים וקרוסלות המהוות אתגר עבור דיאגרמות דו-ממדיות.
שרטוטי מסכים יכולים להיות בעלי רמות שונות של פירוט וניתן לפצל אותם לשתי קטגוריות על פי רמת הנאמנות, או עד כמה הן דומות למוצר הסופי.
נאמנות נמוכה
שרטוטי מסכים בעלי נאמנות נמוכה הם שרטוטים שדומים לסקיצה גסה או למוק-אפ מהיר, וניתן לייצר אותם במהירות. שרטוטים אלה מסייעים לצוות הפרויקט לתקשר רעיונות ולשתף פעולה בצורה יעילה יותר, שכן הם מופשטים יותר, ועושים שימוש במלבנים ותוויות כדי לייצג תוכן. כאשר תוכן אמיתי אינו זמין, נהוג להשתמש בתוכן דמה, בטקסט מילוי לטיני (לורם איפסום), בתוכן לדוגמה או בתוכן סימבולי כדי לייצג נתונים. לדוגמה, במקום להשתמש בתמונות בפועל, ניתן להשתמש במלבן כדי לציין את מיקום התמונה.
ניתן להשתמש בשרטוטים בעלי נאמנות נמוכה כדי להקל על התקשורת בין הצוותים בפרויקט, ונעשה בהם שימוש בשלבים המוקדמים של הפרויקט.
נאמנות גבוהה
שרטוטי מסכים בעלי נאמנות גבוהה משמשים לעיתים קרובות עבור תיעוד, משום שהם מפורטים יותר ותואמים יותר לעיצוב של עמוד האינטרנט בפועל, ולכן לוקח יותר זמן ליצור אותם.
טכניקה נפוצה לשרטוטים מסכים פשוטים או ברמת נאמנות נמוכה, היא יצירת אב טיפוס על נייר. מאחר שסקיצות אלה הן רק מייצגות, וכוללות הערות המסבירות את ההתנהגות - הן שימושיות. עבור פרויקטים מורכבים יותר, השיטה הפופולרית היא שרטוט מסכים באמצעות תוכנת מחשב. כלים מסוימים מאפשרים שילוב של אינטראקטיביות כולל אנימציות Flash, וטכנולוגיות פרונט אנד כגון HTML, CSS ו- JavaScript.
שרטוטי מסכים בעלי נאמנות גבוהה כוללים תוכן אמיתי יותר, טיפוגרפיה ספציפית ומידע על ממדי תמונות. שלא כמו שרטוטי מסכים בעלי נאמנות נמוכה, שרטוטי מסכים בעלי נאמנות גבוהה יכולים לכלול תמונות בפועל. שרטוטי המסכים אינם כוללים צבעים, אך ניתן לייצג ערכי צבע שונים בגווני אפור.

מרכיבים של שרטוטי מסכים

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

עיצוב מידע

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

עיצוב ניווט

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

עיצוב ממשק

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