עיצוב ומבנה אתר אינטרנט - חמשת הכללים

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

אתר אינטרנט חייב להיות עם טקסטים ברורים לקריאה.

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

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

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

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

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

אתר אינטרנט חייב להיות עם תבנית שחוזרת על עצמה לאורך אתר האינטרנט

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

אתר אינטרנט חייב להיות בעל זמן טעינה מהיר

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

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

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

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

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

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

 
נכתב על ידי עמית אודאי,
מנכ"ל קואליטי נט.
www.qualitynet.co.il