אתר-רספונסיבי
  • נתחיל עם סדר במשגים. מה זה רפסונסיבי? במשפט אחד: אתר שמגיב בהתאם ומתאים את עצמו לרזולוציית מסך באשר היא. מכשירים ניידים או טאבלטים מבחינת התצוגה, התמונות והטקסט.
    מה זה אתר אדפטיבי? אתר אשר יודע להתאים עצמו למספר קבוע של רזולוציות ובכל רזולוציה מבוצעת התאמה מושלמת לתצוגה. 
    לדוגמה:
    תצוגת תמונה או בלוק של טקסט בצורה רספונסיבית תקטין את רוחב התמונה או הטקסט בהתאם לרוחב המסך והרזולוציה לא משנה מה הרזולוציה.
    לעומת זאת כדי לאתר התנהגות אדפטיבית: אותה תמונה או טקסט נבחר להציג אותם בגדלים אחרים בהתאם ל ״תחנות״ של רזולוציות שונות (למשל אייפון/טאבלט/דסקטופ) ובכך לקבל התאמה תצוגתית טובה ביותר. לדוגמה , בדסקטופ תצוגה של 4 עמודות תתאים רספונסיבית לכל רזולוציה ובכך כל עמודה תוקטן בהתאם. אך מרזולוציה נמוכה מסוימת ומטה ניראות כל עמודה צרה לא תתאים ולכן תבוצע אדפטיביות - שבירת מספר העמודות ל 2 או 1 במצב של סלולר.
     

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

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

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

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

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

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