בתנאי השוק המשתנים באופן דינאמי (מאוד) מחירי מסכי המחשב החדשים יורדים באופן דרמטי מחד ובאופן ישיר רזולוציות המסכים עולה בהתמדה.
כיום כמעט ולא ניתן לקנות מסך מחשב ביחס אורך/גובה של 3/4 שהיה מקובל תקופה ארוכה שכן רוב המסכים מותאמים לפורמאט המסך הרחב. יצרני המסכים העכשוויים ממליצים על שימוש ברזולוציות גבוהות כדי לראות בהם בצורה מיטבית וחדה.
שינוים אלו משפיעים באופן ישיר על החלטות הקשורות לתחום בניית אתרים וכמובן עיצוב אתרים. האתגר הוא להתאים את אתר האינטרנט למירב המסכים בהתאם לקהל היעד והציוד שלו. בהמשך הפוסט נבחן מהיא הרזולוציה האופטימאלית לשם כך.
היום מגוון רזולוציות המסכים עצום ולא בהכרח נתון תחת סטנדרטים נוקשים. בשל ריבוי הרזולוציות נוהג הw3schools-, פורטל האינטרנט הגדול והחשוב בתחום בניית אתרים (כ – 15 מיליון מבקרים בחודש ולמעלה מ100 מיליון דפים נצפים) לחלק את את הרזולוציות למספר קטגוריות:
כיום כמעט ולא ניתן לקנות מסך מחשב ביחס אורך/גובה של 3/4 שהיה מקובל תקופה ארוכה שכן רוב המסכים מותאמים לפורמאט המסך הרחב. יצרני המסכים העכשוויים ממליצים על שימוש ברזולוציות גבוהות כדי לראות בהם בצורה מיטבית וחדה.
שינוים אלו משפיעים באופן ישיר על החלטות הקשורות לתחום בניית אתרים וכמובן עיצוב אתרים. האתגר הוא להתאים את אתר האינטרנט למירב המסכים בהתאם לקהל היעד והציוד שלו. בהמשך הפוסט נבחן מהיא הרזולוציה האופטימאלית לשם כך.
היום מגוון רזולוציות המסכים עצום ולא בהכרח נתון תחת סטנדרטים נוקשים. בשל ריבוי הרזולוציות נוהג הw3schools-, פורטל האינטרנט הגדול והחשוב בתחום בניית אתרים (כ – 15 מיליון מבקרים בחודש ולמעלה מ100 מיליון דפים נצפים) לחלק את את הרזולוציות למספר קטגוריות:
- רזולוציה לא ידועה
- 640X480
- 800X600
- 1024X768
- גדול מ- 1024X768
לפי נתוני ה w3schools הנכונים לחודש ינואר 2010, ל 76% מכלל הגולשים רזולוציית מסך גדולה מ- 768X1024, ו ל- 20% נוספים רזולוציה 1024X768. כמו כן בשנתיים האחרונות עלה אחוז המשתמשים ברזולוציות מסך גבוהוהות מ- 1024X768 ב – 19% כל שנה.
מנתונים אלו ברור כי השימוש ברזולוציות נמוכות מ 1024X768 זניחות ואין טעם להתייחס להן ברוב המקרים.
ככל הנראה במהלך השנה הקרובה רזולוציית מסך 1024X768 עדיין משמעותית ומומלץ בבניית אתר לא לחרוג מרוחב מתוכנן של דפי האינטרנט מעל 990~ שהיא 1024 בהפחתת פס הגלילה (כ 20 פיקסלים) ולקיחה בחשבון של חריגות ובעיות עיבוד תצוגה של הדפדפנים השונים. גלילה רוחבית בעמוד אינה נסבלת מבחינת נוחות משתמש ו- GUI ומשתמשים בה רק למטרות מיוחדות (לדוגמא אתר עיצוב ייחודי הנגלל דווקא לרוחבו לצורכי תדמית וכו') ואתרים ניסיוניים.
מבחינת גובה העמוד המתוכנן חשוב לדעת כי ברזולוצית 1024X768 השטח הפנוי לעיצוב עומד על כ 590~ פיקסלים בלבד. למרות זאת ניתן כבר לחרוג מטווח זה מאחר ואחוז גבוה של הצופים בעל רזולוציה גבוהה מכך.
לנוחיותכם מצורפת כאן אפליקציית נתונים (מעט שונים) מאתר Net Market Share לגבי רזולוציות המסך. לטענתם הסטטיסטיקה מורכבת מנתוני אתרים שונים שיחדיו מגיעים ל- 160 מיליון מבקרים בחודש. (לפעמים האפליקציה עולה לאט... אז סבלנות המידע ניתן בחינם... :) )
מנתונים אלו ברור כי השימוש ברזולוציות נמוכות מ 1024X768 זניחות ואין טעם להתייחס להן ברוב המקרים.
ככל הנראה במהלך השנה הקרובה רזולוציית מסך 1024X768 עדיין משמעותית ומומלץ בבניית אתר לא לחרוג מרוחב מתוכנן של דפי האינטרנט מעל 990~ שהיא 1024 בהפחתת פס הגלילה (כ 20 פיקסלים) ולקיחה בחשבון של חריגות ובעיות עיבוד תצוגה של הדפדפנים השונים. גלילה רוחבית בעמוד אינה נסבלת מבחינת נוחות משתמש ו- GUI ומשתמשים בה רק למטרות מיוחדות (לדוגמא אתר עיצוב ייחודי הנגלל דווקא לרוחבו לצורכי תדמית וכו') ואתרים ניסיוניים.
מבחינת גובה העמוד המתוכנן חשוב לדעת כי ברזולוצית 1024X768 השטח הפנוי לעיצוב עומד על כ 590~ פיקסלים בלבד. למרות זאת ניתן כבר לחרוג מטווח זה מאחר ואחוז גבוה של הצופים בעל רזולוציה גבוהה מכך.
לנוחיותכם מצורפת כאן אפליקציית נתונים (מעט שונים) מאתר Net Market Share לגבי רזולוציות המסך. לטענתם הסטטיסטיקה מורכבת מנתוני אתרים שונים שיחדיו מגיעים ל- 160 מיליון מבקרים בחודש. (לפעמים האפליקציה עולה לאט... אז סבלנות המידע ניתן בחינם... :) )