18 אתרי מסחר אלקטרוני עם עיצוב UX ללא רבב (ו- 3 שמות גדולים שמוצצים)

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


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

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

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

כיצד אתרים אלו משתמשים בתעלולי עיצוב UX חכמים כדי לעודד את המבקרים לקנות?

1. אסוס

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

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

asos2

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

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

אסוס

2. זארה

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

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

זארה

3. אבוף

Abof (All About Fashion) משתמשת בטריק UX חכם להפליא באתר שלהם. הרם את דף הבית, והוא לא נראה כמו אתר מסחר אלקטרוני מסורתי. במקום זאת, זה נראה יותר כמו בלוג. זה מלא בתוכן עסיסי שמעורר את הקהל שלו.

abof

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

abof 2

רק ברגע שהלקוח מקבל השראה, הם מנסים למכור משהו.

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

abof 3

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

4. ברגהאוס

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

ברגהאוס

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

החיסרון היחיד? קריאה לפעולה חזקה יותר באמת תאטום את העסקה כאן.

5. תפוח

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

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

צילום מסך 2016-07-28 בשעה 8.43.00 בבוקר

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

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

תפוח 2

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

6. בלרוי

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

בלרוי 3

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

בלרוי 4

7. שכרו את המסלול

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

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

השכרת מסלול מסלול

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

השכרת מסלול מסלול 2

כל כך פשוט, אבל כל כך מרגיע.

8. אמזון

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

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

אמזון

זו עדיין הדוגמה הטובה ביותר ליעילות הצ’ק-אאוט באינטרנט. בבסיס עיצוב המסחר האלקטרוני UX הוא תהליך העגלה והיציאה. ככל שיהיה חלק יותר. וזה לא יהיה חלק יותר מאשר להזמין בלחיצה אחת!

9. לרעות

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

לרעות

זוהי כיתת אמן פשוטה בעיצוב UX.

10. טופשופ

לחנויות שמוכרות הרבה מוצרים יש עבודה קשה בהרבה בכל הקשור לעיצוב UX. איך מארגנים כל זוג ג’ינס אחר ומציגים אותם?

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

טופשופ 2

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

11. מחאה

להפגנה יכול להיות פשוט הניווט הגדול והשמן ביותר באינטרנט.

ע

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

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

12. מבט חדש

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

מראה חדש 2

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

מראה חדש

13. עיפרון, על ידי 53

אם אתה מתכוון למכור עט עט כמעט 60 $, אתה צריך למכור אותו באמת! למרבה המזל, ‘עיפרון’, על ידי 53 עושה עבודה מצוינת, תוך שימוש במספר טריקים של עיצוב UX.

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

עיפרון 2

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

עיפרון

14. חווה חקלאית

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

חווה חקלאית

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

15. סיד משבורן

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

סמלים

16. שעונים איטיים

זה שעון עם יד אחת בלבד. זה מושג די ייחודי, ולכן דרוש כמה הסברים! Slow Watches עושה זאת ממש טוב עם סרטון מסביר מסך מלא.

שעונים איטיים

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

17. תיבת האש

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

תמונות

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

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

18. עצלן אוף

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

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

אוף עצלן

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

מה לא לעשות!

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

1. בית פרייזר

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

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

שעה של פרייזר

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

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

2. וואל מארט

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

קיר מארט

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

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

3. ריי-באן

זו בחירה מעט מתכוונת, מכיוון שרוב האתר של ריי-באן הוא מאוד ידידותי למשתמש. למעשה, יש בו המון תכונות מגניבות.

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

ריי באן

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

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

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

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

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

באילו תכונות תשתמשו באתר האינטרנט שלכם?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map