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

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

 

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

 

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

 

סגנון העיצוב משתנה לפי סגנון האתר וסוג הקהלים הפוטנצייאלים המיועדים לגלוש בדפי האתר. יש מקרים בהם נעדיף צבעים חזקים ורועשים, יש נושאים בהם כדאי להיות סולידי ולהשתמש בגוונים רכים ופסטליים יותר ויש מקרים בהם שחור ואפור על רקע לבן הוא האפשרות הפשוטה והטובה. אני מציע לבחור שילוב של 3 עד 4 צבעים עיקריים ולעבוד רק איתם לאורך כל תהליך העיצוב. כמובן שניתן לשלב גוונים שונים של צבעים עיקריים אלו שבחרתם. אם אתם מתקשים לבחור את שילוב הצבעים המתאים לכם, באתר הבא תמצאו מערכת המיועדת למטרה זו עם מאגר של שילובי צבעים לשימושכם. http://www.colorcombos.com/combolibrary.html

 

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

 

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

 

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