האתר שלך הוא אתר של טלפון, וכנראה שהוא לא עוצב ככזה

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

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

מה נשבר, בדיוק

אותה חבילה קטנה של בעיות, אתר אחרי אתר:

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

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

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

תמונות במשקל ארבעה מגה-בייט. בחיבור ביתי אף אחד לא שם לב. בגלישה סלולרית באזור עם קליטה חלשה, הדף ריק שש שניות והמבקר נעלם.

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

חלון קופץ שאי אפשר לסגור. כפתור הסגירה מחוץ למסך. זה עולה לך במבקר עצמו.

בדיקת חמש הדקות

עשה את זה על הטלפון שלך, בגלישה סלולרית ולא ב-wifi של המשרד, כי אלה התנאים האמיתיים.

1. פתח את דף הבית שלך וספור את השניות עד שאפשר לקרוא משהו.
2. קרא את הכותרת בלי להגדיל. מצליח?
3. מצא את מספר הטלפון שלך בלי לגלול. הקש עליו. הוא מחייג?
4. נסה להזמין או לפנות, עד הסוף, עם אגודל אחד.
5. סובב את הטלפון לרוחב. משהו מתפרק?
6. חפש מחירון או טבלה. הדף מחליק לצדדים?

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

למה רספונסיבי אינו אותו דבר כמו מעוצב

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

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

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

מה לעשות בנידון

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

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

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

צוות Instinctor