מובייל הוא לא דסקטופ שעשו לו זום אאוט

ואם האתר שלכם נראה במובייל כמו גרסה צפופה של המחשב — הוא כנראה לא באמת רספונסיבי.

Responsive Design הוא לא רק שינוי גודל.

במסך קטן לפעמים צריך לשנות:

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

דוגמה פשוטה

בדסקטופ אפשר להציג:

תמונה גדולה מצד אחדוטקסט מהצד השני.

במובייל, אם רק מקטינים את שניהם — מקבלים טקסט קטן ותמונה שלא רואים.

לפעמים הפתרון הנכון הוא:

כותרתטקסט קצרכפתורורק אז התמונה.

אותו תוכן.

קומפוזיציה אחרת.

בדיקה של 30 שניות

פתחו את האתר שלכם מהטלפון ושאלו:

האם משהו כאן מרגיש כאילו פשוט דחסו אותו פנימה?

אם כן — זאת כנראה לא בעיית גודל.

זאת בעיית קומפוזיציה.