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

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

 

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

 

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

 

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

 

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

 

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

 

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