Home » בניית אתרים » עיצוב מותנה (רספונסיב) – מה זה?

עיצוב מותנה (רספונסיב) – מה זה?

מאת: סיגלית אריאלי

כל מי שבונה היום אתר – כמקצוע או עבור העסק שלו – שומע את צרוף המילים הזה “עיצוב רספונסיבי”. אבל למה הכוונה והאם זה חשוב?

logoHTML5נתחיל מזה שעיצוב רספונסיבי חשוב, וכדאי שהאתר החדש שלכם יענה על הדרישה הזו. ועכשיו לשלב ה”למה”. עיצוב מותנה (רספונסיבי) מבטיח לך שהאתר שלך יראה טוב בכל גודל מסך – מחשב נייח, מכשיר טאבלט או סלולאר. גודלי המסכים שונים, וכדי להבטיח שהגולש יקבל את המידע בצורה תקינה, יש לבנות את האתר כרספונסיבי.
ובכל זאת, למה חשוב שהאתר יראה טוב ויציג את המידע הרלוונטי מכל מכשיר?
מחקרים משנת 2012 מציגים עליה תלולה במספר הרכישות (קניות) שהחלו ממכשיר סלולארי/טאבלט. כלומר, הגלישה הראשונה אל האתר היתה ממכשיר עם מסך קטן והמשיכה אל מכשיר נייח. לפי אותו מחקר, מדובר ב-30% מהרכישות באינטרנט! מספר מדהים.
עכשיו דמיינו לכם שהאתר שלכם אינו רספונסיבי. הגולש נכנס אליו, לא מוצא את המידע ועובר לאתר אחר שכן מציג מידע מותאם לגודל המסך. הנה הפסדתם קונה פוטנציאלי.

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

ומה אם אתם משתמשים בתבניות של ג’ומלה או וורדפרס? כל התבניות החדשות הן רספונסיביות, ועבודה זו גם מצויינת בפרוט אודותיהן. כמובן שמומלץ לבחור בהן ולא בתבניות ישנות (אלא אם אין ברירה).

Be Sociable, Share!

    .התגובות סגורות