# מה זה עיצוב רספונסיבי? | מה זה Responsive Design?

מה זה עיצוב רספונסיבי (Responsive Design)? אתר שמסתגל לגדלי מסך שונים — דסקטופ (1200px+), טאבלט (768px), מובייל (375px).

## איך זה עובד בפועל

Responsive הוא ה'מינימום הנדרש'. אתר שנראה טוב בדסקטופ אבל שבור במובייל = 60% מהגולשים מקבלים חוויה גרועה. Google מדרגת לפי Mobile-First — Responsive משפיע גם על SEO.

## קשרים למדדים נוספים

- Core Web Vitals — Responsive טוב = CWV טוב
- Mobile Commerce — Responsive הוא בסיס mCommerce
- CR — CR Mobile נמוך? לרוב בעיית Responsive
- Bounce Rate — Responsive גרוע = Bounce גבוה במובייל

## טעות נפוצה

'האתר Responsive כי בניתי אותו ב-Shopify'. Template Responsive ≠ עיצוב Responsive טוב. לרוב: תמונות גדולות מדי, טקסט קטן, כפתורים קרובים מדי. בדקו ב-Mobile פיזי — לא רק ב-DevTools.

## איך מתקנים

Mobile Experience גרוע? (1) בדקו על iPhone אמיתי — לא DevTools בלבד, (2) Tap Target Size: כפתורים לפחות 44×44px, (3) Font Size: מינימום 16px לגוף טקסט, (4) Navigation: המבורגר Menu ברור, (5) Images: Lazy Load + WebP.

## דוגמה מהשטח

חנות תכשיטים: CR Desktop 3.2%, CR Mobile 0.7%. BrowserStack הראה: כפתור ATC חצי מוסתר ב-iPhone SE. תיקון ב-CSS: 2 שעות. CR Mobile עלה ל-1.9% — ₪32,000 הכנסה נוספת/חודש.

## מאיפה להתחיל

בדקו Mobile Experience עכשיו על מכשיר אמיתי. אם CPC Mobile < Desktop ב-50%+ — בעיית Responsive בהסתברות גבוהה. תיקון Responsive = ROI מהיר.

---

קטגוריה: טכנולוגיה · מתוך [מילון ה-KPI של Jimmy OS](https://jimmy-os.co.il/glossary/kpi.md) · עמוד מקור: https://jimmy-os.co.il/glossary/kpi/responsive-design