עיצוב אתר אינטרנט

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

יחס בין חומרים ויזואלים לטקסטים בעיצוב אתר אינטרנט

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

בחירת הצבעים בעת עיצוב אתר אינטרנט

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

בחירה עודפת של פונטים

מקובל לבחור לכל אתר אינטרנט פונט/גופן אחד למלל הרציף (בדרך כלל מדובר ב Arial או Helvetica) ופונט נוסף מעוצב וייחודי, אשר מתקשר עם הלוגו, השפה הגרפית-עסקית של החברה – בו נשתמש בכותרות ובשורת התפריט. אתר שמורכב מכמות גדולה של גופנים יראה בד"כ מקושקש, ילדותי, מפוזר ויפריע לגולש להתמקד בתוכן.

עיצוב אתר אינטרנט עם הקפדה על גריד ואלמנטים קבועים

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

עימוד נכון של אתר האינטרנט

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

הימנעות מצפיפות בעיצוב אתר אינטרנט

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

משקל התמונות והקבצים באתר

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

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

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

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

עיצוב אתר אינטרנט התומך בתוכן ולא להיפך

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

הקפדה על נהירות בניווט באתר (בהתאם לקהל היעד)

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

עיצוב אתר אינטרנט באופן חכם

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