בניית אתרים רספונסיביים

מהו אתר רספונסיבי?

 אתר המותאם לכל סוגי המסכים- מחשב נייח, מחשב נייד, טאבלט, מכשירי אייפון ואנדרואיד.

מדוע יש חשיבות לבניית אתרים רספונסיבים?

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

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

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

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

מהי טכנולוגיית CSS3 ואיך היא עובדת?

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

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

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

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

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