הסקיצה הטכנית היא שרטוט של כל דף באתר, בלוק אחרי בלוק, עוד בלי צבעים ובלי עיצוב: מה מופיע, באיזה סדר, מה כתוב ואיפה הכפתורים. מאשרים קודם את התוכן והמבנה, ורק אחר כך את המראה – כדי שהשיחה על עיצוב לא תתערבב עם השאלה "מה חסר פה".
בקצרה
- הסקיצה הטכנית מגדירה כל בלוק בכל דף – תפקיד, תוכן, סדר וכפתורים – לפני הצבעים.
- מתכננים קודם לנייד, ומסמנים מה תוכלו לערוך בעצמכם.
- תיקון בשלב הזה זול ומהיר; אותו תיקון אחרי הבנייה יקר בהרבה.
מה זו סקיצה טכנית (Wireframe)
פעם זה היה קובץ PDF עם מלבנים אפורים שמנהל הפרויקט שרטט ביד. היום זו סכמה שפותחים בדפדפן, עוברים בה בין הדפים, ובדרך כלל כבר רואים בה טיוטה של הטקסטים האמיתיים. כל דף במפת האתר מקבל שרטוט משלו, והשרטוט עונה על שאלה אחת: מה הגולש צריך לראות, ובאיזה סדר, כדי להגיע לפנייה.
מה מוגדר בכל בלוק
הסקיצה לא מסתפקת ב"כאן יהיה טקסט". כל בלוק מוגדר עד הסוף:
- תפקיד – מה הבלוק צריך להשיג: להסביר, להוכיח, להרגיע או להניע לפעולה.
- תוכן – כותרת, טקסט, תמונה או סרטון, ומאיפה כל אחד מהם מגיע.
- הנעה לפעולה – איזה כפתור, לאן הוא מוביל, ומה קורה אחרי הלחיצה.
- קבוע או משתנה – בלוק שנכתב פעם אחת, או רשימה שמתעדכנת לבד: עבודות אחרונות, מוצרים, מאמרים.
- טפסים – אילו שדות, מה חובה, ומה הגולש רואה אחרי השליחה.
- נייד – סדר הבלוקים במסך קטן, מה מתקצר, ומה נשאר תמיד גלוי – כמו כפתור הוואטסאפ.
קודם הנייד
הרבה מהגולשים יגיעו מהטלפון, ולכן מתכננים קודם את המסך הקטן ורק אחר כך מרחיבים למחשב. בנייד אין מקום לכל דבר, וזה דווקא יתרון: הוא מכריח להחליט מה באמת חשוב. כפתורים בגודל שנוח ללחוץ עליו באגודל, טלפון ווואטסאפ בלחיצה אחת, טקסט קריא בלי להגדיל, וטופס קצר ככל האפשר.
תבניות: מה שחוזר בכל האתר
חלק גדול מהאתר בנוי מתבניות: הכותרת העליונה והתחתונה, דף שירות, דף מאמר, דף מוצר, דף עבודה מתיק העבודות. אותן משרטטים פעם אחת ובקפידה. היתרון כפול – האתר נשאר אחיד, והוספת דף חדש בעתיד היא בעיקר מילוי של תבנית קיימת, בלי לעצב מחדש.
מה תוכלו לערוך בעצמכם
כבר בסקיצה מסמנים אילו תכנים תעדכנו לבד: טקסטים, תמונות, מחירים, עבודות חדשות, צוות, שאלות נפוצות. האתר נבנה כך שכל אלה נערכים בעורך הוויזואלי של Elementor בלי לשבור את העיצוב, ובלי שתצטרכו לפנות אלינו על כל שינוי קטן.
משוב ותיקונים
את הסקיצה מציגים לכם ומסבירים את ההיגיון: למה הבלוק הזה ראשון, למה הכפתור כאן ולא שם. ואז אתם מעירים. זה הזמן לגלות שלא תוכנן מקום לנושא שחשוב לכם, שחסרה שאלה שהלקוחות תמיד שואלים, או שהסדר לא מתאים לאופן שבו אתם מוכרים.
להזיז בלוק בשרטוט לוקח דקה. להזיז אותו באתר בנוי לוקח הרבה יותר.
דחייה של ההערות האלה לסוף הפרויקט פוגעת בדרך כלל גם בעיצוב וגם בלוח הזמנים. לכן מאשרים את הסקיצה לפני שעוברים לסקיצה הגרפית ולאב-טיפוס. רוצים לראות איך זה נראה באתרים שבנינו? הציצו בתיק העבודות.