# מה זה עיצוב ממוקד מובייל? | מה זה Mobile-First Design?

מה זה עיצוב ממוקד מובייל (Mobile-First Design)? גישת עיצוב שמתחילה ממסך מובייל ומרחיבה לדסקטופ. גוגל אינדקס לפי Mobile Version.

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

Mobile-First אומר: כשמעצבים עמוד — תראו אותו קודם ב-iPhone 14, ורק אז ב-MacBook. רכיב שנראה מדהים בדסקטופ ושבור במובייל — שבור לכולם. גוגל גם מדרג על פי Mobile Experience.

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

- Responsive Design — Mobile-First + Responsive = נכון
- Core Web Vitals — נמדדים בנפרד ל-Mobile
- mCommerce — Mobile-First הוא בסיס mCommerce
- PWA — Mobile-First + PWA = חוויה מקסימלית

## טעות נפוצה

'Responsive Design = Mobile-First'. לא. Responsive = מסתגל לכל גודל. Mobile-First = מתכנן מ-Mobile קודם. Responsive Site שלא חשב Mobile-First = לרוב חוויה מובייל ירודה למרות שמסתגל טכנית.

## איך מתקנים

Mobile Experience גרוע? (1) Google PageSpeed Insights → Mobile Tab, (2) בדקו Tap Target Size — כפתורים לפחות 48×48px, (3) בדקו Font Size — 16px מינימום, (4) בדקו ניווט — Hamburger Menu ברור? (5) בדקו Forms — שדות מספיק גדולים לאצבע?

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

חנות תיקים: CR Desktop 3.1%, CR Mobile 0.7%. Mobile Audit: לחצן ATC נסתר חלקית ב-iPhone SE. תיקון Mobile CSS: 4 שעות. Mobile CR עלה ל-1.9%. חנות עם 68% תנועת מובייל — ₪48,000 הכנסה נוספת/חודש.

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

בדקו Mobile Experience עכשיו על 3 גדלי מכשיר: iPhone SE (375px), iPhone 14 (390px), Galaxy (412px). אם CR Mobile < 60% מ-CR Desktop — בעיית Mobile-First דורשת טיפול מיידי.

---

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