יום רביעי, 29 במאי 2013

דגשים לעיצוב אתר מכירות במובייל

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

כללי

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

שנית, קיימים מספר דגשים בנוגע למבנה האתר הנכונים לאחוז ניכר מאתרי המכירות:
  1. אתר בעמוד אחד. פלטפורמת המובייל סלחנית הרבה פחות מהווב. הגולשים חסרי סבלנות, ואם זה לוקח יותר מדי זמן או שהם הולכים לאיבוד, הם ינטשו. אתר בעמוד אחד נותן פתרון לשתי הבעיות: האתר עובד במהירות גבוהה, ללא טעינות עמוד חוזרות ונישנות; בנוסף, מבנה העמוד האחד מייצר תחושה של יציבות ושל תנועה חלקה המקלה על תחושת ההתמצאות.
  2. יעילות. באתר מובייל טוב אין אלמנטים מיותרים. שים את מה שצריך, ורק את זה. לפעמים שווה לוותר על חלק מהמידע לטובת קריאות, נינוחות, סדר או זמן טעינה. אל תשים באתר מובייל תמונות גדולות מדי שיקחו זמן טעינה רב. אחרי מספר שניות לא רב (4-8, זה הכל) משתמשים נוטים להרגיש ש"האתר נתקע" ולנטוש.
  3. משחקיות. נכון, משחקיות באה על חשבון יעילות. דרוש פה איזון עדין ולא מעט ניסוי וטעייה הקשור בקהל היעד הספציפי של האתר (ילדים, נוער, נשים, גברים, חתולים). משחקיות מייצרת אהדה, וכולנו רוצים אהדה למוצרים שלנו.
  4. אלמנטים קבועים בעמוד. התפריט, העגלה והחיפוש חייבים להיות זמינים בלחיצה אחת, תמיד. משתמש הנמצא כרגע בשורה 58 בדף ורוצה לעבור לעגלה לא צריך לשלם על זה מחיר. קליק והוא שם.
    אלמנטים נוספים ששווה לשלב: חזרה לעמוד הכניסה (למשל בלחיצה על הלוגו), הצהרת פרטיות, צור קשר, קליק-טו-קול.
  5. רכישה. על הרכישה להיות קלה ומהירה. הלקוח רוצה לשלם - קודם כל קחו ממנו כסף. אל תכריחו אותו להרשם לאתר, לקבל מייל ולאשר או לתת את מספר הטלפון של אמא שלו כדי שתוכלו לוודא את גילו. קחו כסף, ואח"כ הציעו לו שאר הצעות מפתות. 
זכרו: 1001, והמטרה היא להפחית את המספר. כל מה שאתם יכולים לעשות כדי להקל על המשתמש - תעשו.

שני דברים שנכונים לאתרי מכירות באשר הם, ועל כל אתר לשדר אותם בברור, בלי קשר למבנה הדף או היעילות שלו:
  1. ביטחון. המדיה הניידת נחשבת ללא בטוחה. לפעמים זה נכון: אם אתה גולש דרך Wi-fi ברשת לא מאובטחת, אתה עשוי להיות בבעיה. לכן חשוב לתת למשתמש תחושה של ביטחון. בין אם זה לשים מנעול ליד כפתור ה-Chekout, או לאפשר לקרוא את דגשי הבטיחות באתר.
  2. יש עם מי לדבר. הלקוח חייב לראות מדיניות החזרת מוצרים פשוטה וברורה, שאפשר להתקשר 24 שעות ביממה, יש גם צ'אט עם סוכן און ליין וכו'.


עמוד הכניסה
תפקיד עמוד הכניסה אינו לייצר מכירה אלא להעביר את הגולש לתוך האתר על מנת לממש את אחת מהמטרות הבאות:
  1. הגולש מנווט לתוך האתר (דרך התפריט או לאיזור המוצרים) ולא סוגר אותו.
  2. הגולש מוצא איך להגיע לתמיכה בקלות (כפתור התקשרות, צור קשר, מספר טלפון).
  3. הגולש מתקין את האפליקציה (במידה וקיימת).
  4. הגולש נרשם ל(פייסבוק, טוויטר, אימייל).
הטענה הזו נשמעת בנאלית אבל כשחושבים עליה מבינים שהעמוד הזה שונה מכל שאר עמודי האתר. קיימים בו אלמנטים של מיתוג, של משיכה, אבל לא של מכירה.
במרבית המקרים, מטרה (3), התקנת אפליקציה, אינה רלוונטית.
(2) ו-(4) הן מטרות ללקוח חוזר, למועדון חברים, להפצה וכיוב. הן הכרחיות, אבל פחות מענינות במסגרת מאמר זה.
מטרה (1) היא זו בה אתרכז.
קיימות שתי גישות לעיצוב לעמוד הראשון:
    אינפורמטיבי.
    בגרסא זו יופיע בעיקר טקסט, בעיצוב פשוט, בהיר ונהיר.
    היתרונות: מהירות, בהירות.
    חסרונות: משעמם ופקידותי. "פתרון של מהנדסים".
    למשל, האתר של Sears:



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



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

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