מאז שיפורים מתמשכים בטכנולוגיות טלפונים ניידים וטאבלטים, ה אתגרים העומדים בפניהם המעצב של אתר מסחר אלקטרוני משתנים ללא הרף. בעוד שהתקדמות טכנולוגית בתחום זה פופולרית בקרב הצרכן ומספקת לבעלי עסקים הזדמנויות חדשות להגיע ללקוחות בתרחישים ומיקומים מגוונים יותר ויותר, היא בהחלט יוצרת כמה טרדות עבור מעצבים ומפתחים. ישנם מספר עקרונות בסיסיים שיש לקחת בחשבון בעת תכנון למובייל, ובמאמר זה נדון ונעבור עליהם.
ניתוח התנהגות לקוחות
התנהגות לקוחות בניידים ביחס לאתרי מסחר אלקטרוני דומה לחוויית הגלישה הרגילה, אך עם פרטים קלים נדון כעת. ישנה ציפייה לגישה לאותם אתרים, אבל בצורה כזו שמפושטת כראוי למסך הקטן יותר.
התנהגות הרכישה של הצרכנים במכשירים ניידים שונה משמעותית מזו הנראית במכשירים סטטיים גדולים יותר. ההנחה היא שקונים בטאבלטים נוטים יותר לבצע רכישה כקונים בסמארטפונים, מה שממחיש את האופן שבו הכלי המסוים בשימוש משפיע על פעילות המשתמש.
מכשירים ניידים הם קטנים ובעלי מסך קטן ולכן חשוב לאמץ את המגבלה הזו במקום להילחם בהם. לעתים קרובות, יישומים מפריעים לחלל הקטן עם כמה דברים שהם חושבים שמשתמש עשוי להזדקק לו, אבל הם מאמינים שזה לא יעיל. חוויות הקנייה הטובות ביותר יכולות להיחשב כאל קלילות, כאשר המיקוד הוא במוצר ושאר המידע משמש כתוכן תומך במקום כמאבק על תשומת הלב של המשתמש.
השתמש בקרן הנכונה
חשוב שיהיה לך את הבסיס הנכון לאתרים שלך, במיוחד כאשר מנתחים את התנהגות המובייל שלו. ישנן מספר מסגרות לבחירה, ואני כל כך חיובי לגביהן מכיוון שהן מגיעות עם HTML, CSS ו-JS לשימושים רבים, ומספקות רכיבי ממשק שונים, כולל קבוצות לחצנים, כפתורים נפתחים, תמונות ממוזערות, התראות, פסי התקדמות ועוד הרבה. הם גם מציעים כמה עצות טובות להתאים את הכל יחד, כמו גם כמה תבניות מוצעות. זה עוזר לך להפוך את האתר שלך לייחודי, אבל עם היתרון של ההדרכה הראשונית והפלטפורמה שמספקת המסגרת.
שימוש במסגרת כזו עוזר בהיבט חשוב נוסף של מסחר אלקטרוני למובייל שהוא אופטימיזציה. כלים שסופקו על ידי Shopify יכול לעזור בשימוש ב-CSS במקום בתמונות בכל מקום אפשרי, מה שמסייע באופטימיזציה של ביצועים ומספק פלטפורמה יציבה להתרחשות ומכירות עתידיות. אם יש צורך בשיפוע, השתמש ב-CSS ולא בפרוסת תמונה. ניתן לבצע אופטימיזציה של כל תמונה על ידי הבטחת גודל הקובץ קטן ככל האפשר מבלי לפגוע באיכות שלא לצורך. קובצי Javascript ו-CSS יהיו ממוזערים, והכי חשוב, יבטיחו שקובצי Javascript לא רצויים לא יתקבלו כשהם נטענים במכשיר נייד. כל הפיצ'רים הללו מיטיבים עם ביצועי האתר ומשפרים את החוויה למשתמשים במובייל.
תעדוף את התוכן
אם אנחנו מדברים על א responsive אתר האינטרנט, חיוני לוודא שהתכונות החשובות ביותר מועברות והתוכן של האתר הנייד מקבל עדיפות לקלות השימוש ולשיפור השימושיות. בין התכונות שחייבות להיכלל בסביבת ניידת "תוכן עם עדיפות", נוכל למנות:
- סרגל חיפוש נגיש בכל עמוד
- קישור להגדרות החשבון ולדף התשלום
- גישה נוחה לכל קטגוריה באתר
- תמונות תמונות ברוחב מלא לחוויה ממוקדת תוכן
ההחלטה אילו אלמנטים רלוונטיים למחשב שולחני ולנייד כאחד היא חלק חיוני בתהליך. החוכמה היא בתעדוף על ידי הבנת החשיבות של כל אחת מהן והבטחת שהתכונות פועלות באותה מידה עבור צופים בנייד כמו צופים במחשב שולחני. כלל האצבע לכך הוא הרעיון לשמור תמיד על התמקדות בתוכן ולתעדף אותו.
השתמש בממשקים פשוטים
העומס הוא האויב מספר אחת שלך, ולכן הרעיון להסתמך בעיקר על ממשקים ועיצובים פשוטים, לא עמוסים אך שמישים. חווית קנייה ניידת היא הטובה ביותר כאשר הפוקוס מושם על המוצרים בלבד. תן למשתמש לדפדף בין המוצרים שלך בקלות על ידי היפטרות מווידג'טים מיותרים כמו באנרים נוספים או קישורים בין-אתרים מיותרים.
אתר אינטרנט שמציג תמונות גדולות ועדכונים מלאים במוצרים הוא הדרך ללכת. שמירה על גלישה קלה ופשוטה ומתגלגלת עם ממשקים נטולי עומס היא מה שמאפשר למשתמש הקצה להתמקד בקניות בפועל באמצעות העיצוב המושך אך הפונקציונלי שניתן לו.
אמזון בעברית עושה שימוש בממשק סלולרי נהדר שנראה ממש פשוט אבל לא מרגיש זול בכלל. הרבה רווחים לבנים וצבעים חמים יוצרים פלטת צבעים יפיפייה שמשמחת את העיניים ומועילה מאוד לממשקים. לא משנה כמות הווידג'טים הרבים, המילה שתתאר את הממשק הזה עדיין תהיה פשטות בגלל הקונקורדנציה באופן שבו הגרפיקה מקיימת אינטראקציה זו עם זו.
השתמש בגרפיקה ובתמונות איכותיות
למכשירים ניידים, במיוחד טלפונים, יש מסכים זעירים יחסית. תמונות מוצר לא צריכות להיות אפילו קטנות יותר; יש לראות את המוצרים בפירוט, לכן תרצו להשתמש בכמה שיותר תמונות במסך מלא. אם התמונות מפוקסלות או קטנות, זה יעצבן את הקונים וישפיע על התנהגות הקניות. קניות במכשיר נייד זה מספיק קשה כמו שהוא. חווית משתמש מורכבת ממספר עובדות, וגם אם איכות התמונה אינה חלק ממנה, היא בהחלט מוסיפה לאמינות ולפעמים פועלת על פי הדחפים של משתמש הקצה שבהחלט מרכיבים את מושג חווית המשתמש אותו אנו מחפשים קדימה כדי להשתפר באתרי האינטרנט שלנו לנייד.
יש תהליך קופה אפקטיבי
מכיוון שתהליך התשלום דורש שדות טקסט רבים, זה יכול להיות אחד החלקים הקשים ביותר של אתר מסחר אלקטרוני לביצוע נכון, אבל עם האתגר מגיעות תוצאות, מכיוון שקופה יעילה יכולה להניב אחוזי המרה מעולים. התהליך צריך להיות מובנה היטב וקל לביצוע במכשיר נייד ולכן יש ליישם מספר עקרונות במובן זה:
- רשימת מוצרים עם כפתורי + ו- קלים לניהול כמויות
- שדה עבור קודי קופון (אם יש)
- כפתור 'קופה' גדול וברור
- כפתור 'המשך קניות' גלוי
בתכנון תהליך התשלום, מבנה אקורדיון הוא גישה מצוינת. זה נותן למשתמש תצוגה ברורה של התהליך ושומר את כל המידע הרלוונטי על מסך אחד. תיאוריה זו הוטלה בספק על ידי כמה מומחים אבל הדעות הללו הן סובייקטיביות, לכן עליך לברר מה הכי מתאים לצרכים שלך ולהיות בעד או נגד תכונת האקורדיון.
מסיבה כלשהי, על מנת לגלוש ולקנות באפליקציות לנייד, המשתמש נדרש לעיתים קרובות להתחבר/להירשם. זה מאוד לא נוח למשתמש הקצה להתחייב להרשמה ממכשיר נייד, לעתים קרובות מכיוון שטפסים אלה דורשים מילוי שדות רבים.
ברגע שמישהו מחליט לקנות משהו באתר שלך, חשוב שתאפשר לו לבצע את הרכישה בקלות רבה ככל האפשר. ודא שהתהליך שאתה גורם להם להתחייב אליו הוא חוויה חלקה וחסרת שכל - או לפחות זה חייב להיות כזה. חשוב לא לעצבן משתמש כאשר הוא מנסה לבצע צ'ק-אאוט. בשלב זה, הלקוחות שלך החליטו לקנות את המוצר שלך, אז תן להם לעשות את זה נכון, אבל בצורה נכונה, על ידי היפטר מכל הבעיות שהם עלולים להתמודד איתם קדימה.
סיכום
למכשירים ניידים יש סביבה נפרדת ביחס למסחר אלקטרוני, ולכן יש צורך בגישה ספציפית. במאמר זה דנו בכמה עקרונות בסיסיים שיש לכסות על מנת לספק חוויה שמישה ויעילה למשתמשי הקצה. חשוב להבין שלכל אתר אינטרנט יש את התכונות הספציפיות שלו, ולכן בעוד שגישה כללית אפשרית, ההתאמה לפרטים המכריעים של האתר שלך חשובה לא פחות.
תכונה תמונה קצרה של נדרוסיה
תגובות תגובות 0