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

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

 

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

 

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

 

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

 

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

 

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

 

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