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

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

30/12/2010

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

1. זמן טעינה אופטימאלי - זמן הטעינה ארוך עשוי להגדיל את אחוזי הנטישה של גולשים, פוגע במקום האתר במנועי חיפוש וגוזל משאבים טכנולוגיים. זמן הטעינה של עמודי האתר מושפע בין השאר מכמות המידע ששרת האינטרנט צריך להעביר אל עמדת הגולש (מחשב, מחשב כף יד, Smart Phone וכדומה) ולכן על העיצוב להתחשב בשיקול זה ולא להגדיר איזורי תמונה גדולים מידי, לבצע שימוש חוזר באלמנטים ויזואליים וכדומה.
2. התאמה למגוון רזולוציות – גולשים משתמשים במגוון רחב של רזולוציות צפיה ובמסכים בעלי יחסי אורך/גובה משתנים. על המעצב לבחור את הרזולוציה המיטבית אליה הוא מכוון את עיצוב האתר אך גם להיות מודע למגוון הרזולוציות האפשריות ולמטב את העיצוב עד כמה שניתן למענה הולם גם עבורם.
3. סטנדרטים מקובלים – קיימים באינטרנט סטנדרטים מקובלים כדוגמת סוגי פונטים, מניפות צבע וכדומה ועל המעצב להכיר ולהתעדכן באופן תדיר ולשמור על עבודתו במסגרת הסביבה הסטנדרטית שמגדילה את הסיכוי כי בעתיד למרות התקדמות טכנולוגית תוצרי העיצוב עדיין יראו כפי שתוכננו.
4. התאמה מיטבית לדפדפנים שונים – כיום פועלים בשוק מגוון דפדפנים כדוגמת IE מבית מיקרוסופט, Chrome מבית Google, Firefox, Safari ועוד. לכל דפדפן תכונות משלו ועל מעצב האתר להכיר את מגוון הדפדפנים ולוודא כי איכות הצפיה באתר תהיה זהה והולמת.
5. גמישות בהוספת תכונות ומידע בעתיד – אתרים מטבע הדברים משתנים בכל עת, מדורים חדשים נוספים, פונקציונאליות משתנה ומתרחבת וכדומה. בעת עיצוב אתר אינטרנט עליו להיבחן גם ביכולת להוסיף תכונות ויכולות חדשות ללא צורך לבצע שינוי מקיף בעבודת העיצוב.
6. פיתוח קל ונוח של ממשק המשתמש – ניתן לחלק את מרכיבי הפיתוח של אתר למרכיבי עיצוב מממשק משתמש, למרכיבי תוכן ולמרכיבי לוגיקה. עיקר משאבי הפיתוח צריכים להיות מושקעים במרכיבי הלוגיקה במטרה ליצור מנגנונים ומנועים כדוגמת מנועים אפליקטיביים, הבלטת מוצרים על פני אחרים לפי התנהגות גולשים וכדומה ולא במימוש ממשק המשתמש. על המעצב להיות מתואם עם אנשי הפיתוח, להבין את משמעויות הפיתוח הנדרשות למימוש העיצוב ולנסות ליצור עיצוב פשוט למימוש עד כמה שניתן.
7. שילוב מנגנוני קידום אורגני – קידום אורגני של אתר מחייב הטמעה של מרכיבים אשר חלקם נראים לעין הגולש כדוגמת קישורים בתחתית העמוד, קישורים פנימיים, מפת אתר וכדומה. בתהליך עיצוב אתר אינטרנט יש לשלב מרכיבים אלו בכדי שניתן יהיה לבחון את עיצוב האתר כאשר מנגנוני הקידום מופיעים בו.
8. נגישות לאנשים בעלי מוגבלויות – מומלץ כי עיצוב האתר יותאם גם עבור אנשים בעלי מוגבלויות ראיה, מיקוד, מוטוריקה עדינה וכדומה. אלו קהלי יעד שיש להתחשב בהם וקהלים אבודים במידה והאתר אינו ידידותי עבורם. סוכריה נוספת היא כי הרבה מדרישות ההתאמה לנגישות מסייעים גם לקידום אורגני של האתר!.