איך לנהל בדק בית עיצובי לאתר אינטרנט

איך לבצע את בדק הבית העיצובי בצורה נכונה

הגיע הזמן לבדק בית!

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

• רכזו את כל האלמנטים של המיתוג הויזואלי של אתרכם

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

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

אלה הם האלמנטים אליהם מומלץ להתייחס:

1. לוגו האתר על שלל הפורמטים שלו.
2. כל התמונות הראשיות / תמונות הרקע.
3. כל האייקונים בהם השתמשתם באתר.
4. דגימות מכל פונט בו השתמשתם באתר.
5. דגימות הגוונים / צבעים בהם השתמשתם בעיצוביכם באתר.

• סקרו את האלמנטים הויזואליים אותם ריכזתם

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

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

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

מספר טיפים לשמירה על עקביות עיצובית עבור כל האלמנטים הויזואליים באתרכם:

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

• קבעו שפה ויזואלית אחידה עבור האתר שלכם

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

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

מספר דוגמאות לחוקים שמומלץ לכלול ב”אמת השפה הויזואלית” של אתרכם:

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