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

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

• שים לב לנקודות השבירה של האתר
  רזולוציה יכולה להיות מוגדרת בעזרת נקודות שבירה, אבל יש כמה גדלים עיקריים שצריך לשים בפוקוס יותר מאחרים:480 פיקסלים – שמתאים למסכי טלפון ישנים768 פיקסלים – רוחב מסך שמתאים לסמרטפונים חדשים ולטאבלטים במצב אנכי.1024 פיקסלים – מסכי מחשב ישנים, טאבלטים במצב אופקי ורזולוציות נמוכות של לפטופים320 פיקסלים – סמארטפונים שניה לפני זריקה לפח.

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

• אפשר קימפרוס תמונות ותוכן באתר
  השתמש בתכנות כמו GZIP כדי לקמפרס את התמונות באתר כדי ליצור מצב שלמסירת מידע קלה יותר ברחבי הרשת. אפשר בקלות לשפר ביצועים שלקבצי CSS ו- Html בעזרת מחיקת רווח לבן ושבירת שורות מיותרת.

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

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

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