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