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