בתקופה האחרונה, עולות יותר ויותר שאלות לגבי רזולוציית המסך המומלצת לתכנון אתרי אינטרנט. "האם כדאי להמשיך להתבסס על רזולוציית 800x600, או שהגיע הזמן לעבור לרזולוציות גבוהות יותר?", "כמה מהגולשים משתמשים עדיין ברזולוציה של 800x600?", "מהן האפשרויות העומדות בפנינו? כיצד ניתן לבחור ביניהן?".
המגמה העולמית, כפי שעולה מסקירת מחקרים בינלאומיים לגבי התפלגות השימוש ברזולוציות מסך, מראה כי ב-4 השנים האחרונות חלה ירידה משמעותית באחוז הגולשים המשתמשים ברזולוציה של 1800x600. אם בשנת 2002 כמחצית מהגולשים השתמשו ברזולוציית מסך זו, כיום בשנת 2006 הנתונים העדכניים ביותר מצביעים בממוצע על כ- 15% מהגולשים בלבד!2 כל היתר עברו לרזולוציות גבוהות יותר של 1024x768 ומעלה.
שינויים אלו נובעים בעיקרם מהקצב המהיר של ההתפתחויות הטכנולוגיות, שהוביל ל-2 תהליכים משלימים:
- שיפורים טכנולוגיים בכרטיסי מסך ובמסכים עצמם (בפרט, פיתוח מסכי ה- LCD), ביחד עם מחשבים אישיים מתקדמים יותר התומכים בזיכרון video גדול יותר, אפשרו תמיכה ברזולוציות גבוהות יותר
- ירידה תלולה במחירי חומרת המחשב, הפכה את רכישת החומרה החדשה לאפשרית מבחינה כלכלית עבור גולשים רבים
שני תהליכים אלו במשולב ביססו את התשתית למעבר המוני של גולשים אל עבר רזולוציות מסך גבוהות יותר, המציעות איכות תצוגה טובה יותר וחווית צפייה מהנה יותר.
מהי משמעות השינויים הללו מבחינת תכנון האתר?
בבואנו לתכנן אתר אינטרנט, עומדות בפנינו 4 אפשרויות מרכזיות:
-
תכנון קשיח בהתאמה ל-800x600 - מסכי האתר יתוכננו עבור רזולוציית 800x600, כאשר גולשים בעלי רזולוציות מסך גבוהות יותר יראו את המסך בתוספת 'רצועות' לבנות מ-2 הצדדים. Ynet הינו דוגמא לאתר המתוכנן באופן זה.
יתרון מרכזי: תמיכה בכל סוגי הרזולוציות (בבחינת "המכנה המשותף הנמוך ביותר"), כשהפגיעה היחסית בגולשים המשתמשים ברזולוציות הגבוהות הינה נמוכה בהשוואה לאלטרנטיבה ההפוכה (הצגת מסך המתוכנן ברזולוציה גבוהה לגולשים בעלי רזולוציית 800X600).
חיסרון מרכזי: ויתור על שטח מסך יקר ברזולוציית 1024x768, המאפשר גמישות רבה יותר בתכנון הממשק, העברת תכנים רבים יותר ויצירת חוויה מוצלחת יותר.
-
תכנון דינמי על בסיס 800x600 - מסכי האתר יתוכננו עבור רזולוציית 800x600 אך יותאמו באופן דינמי לרזולציות גבוהות יותר, באמצעות שימוש ב- Dynamic HTML. משמעות הדבר היא שברזולוציית 1024x768 מבנה המסך שתוכנן עבור 800x600 יישמר, אך הוא "יימתח" ויתפרש על פני כל שטח המסך: חלק מהאובייקטים יוגדלו באופן יחסי, מרווחים בין אובייקטים יורחבו וכד'. אתר Wikipedia מהווה דוגמא ליישום תכנון דינמי מסוג זה.
יתרון מרכזי: מתן מענה לכל הגולשים, תוך שיפור מסוים של הממשק לגולשים בעלי רזולוציית מסך גבוהות, על ידי ניצול טוב יותר של שטח המסך.
חיסרון מרכזי: פתרון זה אינו ישים עבור כל האתרים, אלא רק עבור כאלו הכוללים מספר מצומצם של תבניות מסך. באתרים בהם קיימות תבניות רבות, נדרשת התאמה ספציפית עבור כל תבנית/ דף בנפרד, מה שהופך את התכנון למורכב וממושך יותר.
-
תכנון שני layouts נפרדים, תוך התמקדות ב- 1024x768 - מסכי האתר יתוכננו באופן האופטימלי עבור רזולוציה של 1024x768, תוך ביצוע שינויים מבניים בממשק על מנת להתאימו לרזולוציית 800x600. הדגש באפשרות זו הינו שמוקד התכנון עובר לרזולוציות הגבוהות, אך במקביל לא מזניחים את גולשי ה- 800x600, אלא מתאימים להם פתרון ממשקי הולם. דף הבית החדש של !Yahoo הינו דוגמא לתכנון שני layouts נפרדים. כאשר גולש מתחבר לאתר, מתבצע זיהוי אוטומטי של רזולוציית המסך שלו, וה- Layout המתאים מוצג על המסך.
יתרון מרכזי: היכולת לנצל בתכנון הממשק את כל המרחב, החופש והאפשרויות הגלומות ברזולוציות הגבוהות, תוך תמיכה הולמת גם בגולשים האחרים.
חיסרון מרכזי: השקעה גדולה יותר, הן בשלב התכנון הראשוני והן בתחזוקה השוטפת של האתר, בשל הצורך לתמוך ב- 2 ממשקים נפרדים.
-
תכנון קשיח לפי 1024x768 - מסכי האתר יתוכננו עבור רזולוציית 1024x768 בלבד, כאשר לגולשים בעלי רזולוציית מסך של 800x600, ייפתח המסך עם גלילה אופקית. אתר ה- Wall Street Journal הינו דוגמא לאתר המתוכנן באופן זה.
יתרון מרכזי: היכולת ליהנות מיתרונות התכנון ברזולוציות הגבוהות כפי שפורט לעיל, ללא הצורך בהשקעה מיוחדת לשם תמיכה ב-2 ממשקים.
חיסרון מרכזי: פגיעה משמעותית בחוויית הגלישה של משתמשי 800x600, הנדרשים לגלילה אופקית (ואנכית) על מנת לראות את מלוא תוכן המסך.
אפשרות הפעולה המומלצת
במסגרת בחירת האופציה המועדפת, חשוב לזכור כי כבר היום, גולשים בעלי רזולוציית מסך של 800x600 הינם בגדר מיעוט, שרק ימשיך ויצטמצם. משמעות הדבר היא שמַעבר לתכנון על בסיס 1024x768 הינו בלתי נמנע, ומהווה עניין של זמן בלבד. בהתאם לכך, בחירת אפשרות הפעולה בשלב הנוכחי צריכה להתבסס על שיקולי עלות-תועלת, תוך התחשבות בסוג האתר, שלב הפיתוח בו נמצא האתר והמשאבים העומדים לרשותו.
- באתר תוכן בכלל, ומדיה בפרט (כגון: גלובס, Ynet), מומלץ לעבור לתכנון בהתאמה לרזולוציות גבוהות בהקדם. האפשרות להציג כמות מידע רבה יותר, כמו גם החופש הרב יותר בתכנון ועיצוב האתר משפרים באופן ניכר את חוויית השימוש
- אתר הנמצא בשלבי תכנון ראשוניים , ועלייתו צפויה בעתיד הרחוק יותר (בעוד כשנה, למשל), מומלץ שיתמקד בתכנון לרזולוציות גבוהות, אלא אם ידוע שקהל היעד של האתר מורכב ברובו ממשתמשי 800x600
- אתר הנמצא לפני פיתוח וצפוי לעלות בחודשים הקרובים, מוטב שישקיע בתכנון 2 ממשקים נפרדים, על מנת שכל הגולשים יקבלו את המענה המיטבי לצרכיהם. במידה ולאתר חסרים המשאבים הנדרשים לכך, ניתן לבצע את המעבר לרזולוציות גבוהות בהדרגה, כך שבשלב ראשון יתוכנן layout נפרד עבור הדפים המרכזיים ביותר באתר (כמו דף הבית). בהמשך, דפים נוספים יעברו לתכנון המותאם לרזולוציות גבוהות אם באמצעות תכנון דינמי ואם על ידי בניית ממשק נפרד, בהתאם למאפייני האתר
בכל מקרה, חשוב לזכור כי מֵעבר למגמות העולמיות, קיימים הבדלים רבים בין אתרים שונים - גם כאלו העוסקים באותו תחום פעילות - במאפייניהם ובקהל המשתמשים. לכן, טרם קבלת החלטה לגבי אפשרות התכנון המועדפת, מומלץ לבצע ניתוח סטטיסטי לגבי אופן הגלישה באתר. נתונים מדויקים לגבי רזולוציות המסך של הגולשים נאספים באופן אוטומטי בכל אתר במסגרת log בסיסי שנרשם בשרת ה- IIS. ניתוח המידע שנאסף במשך 6 החודשים האחרונים יאפשר לימוד של מאפייני הצפייה של הגולשים, ובחינת המגמה לאורך זמן. ניתוח כזה יעלה מסקנות איכותיות לגבי אופן השימוש באתר, וישלים את התמונה הכוללת לגבי בחירת רזולוציית המסך הנכונה לתכנון האתר.
מאמרים קשורים:
