בניית אתר למובייל - 8 המלצות לחוויית גלישה בטלפונים ניידים

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

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

1. בניית אתר למובייל באמצעות שימוש בתבנית רספונסיבית

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

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

2. ניווט באתר עם האצבעות

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

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

3. טעינת אתר מהירה במובייל

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

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

4. תפריט אתר מצומצם מוצג טוב יותר במובייל

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

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

5. דרכי יצירת קשר נגישים לנייד

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

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

6. טופס צור קשר פשוט

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

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

לדוגמה, נניח שבגרסת האתר בנייח טופס צור הקשר דורש למלא: שם הפונה, טלפון נייד, דואר אי-מייל ותיאור סיבת הפנייה. מומלץ לצמצמם את טופס צור בקשר בגרסת הנייד רק ל-2 שדות: שם הפונה וטלפון נייד.

7. טקסטים מקוצרים נראים טוב יותר במסך קטן

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

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

8. אל תשתמשו בחלונות קופצים (POP UP) באתר

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

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

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