עיצוב UX 10 דברים מסעות אתרי אינטרנט יכול ללמד אותך
האם אי פעם עלה על דעתך כי אתה עדיין יכול לגדול באופן מקצועי בזמן שאתה מתכנן את החופשות? אתרי תיירות פופולריים, הזמנת טפסים לקופה, מתכנני הנסיעות ולוחות הזמנים של המלון הם כולם מקורות מצוינים לשפר את הידע שלך בתחום עיצוב חוויית המשתמש.
בעת בחירת המקומות הטובים ביותר, בתי מלון ותזמון הטיול שלך, זה רעיון טוב לשים לב מה עובד ומה לא, מה מעורר לך ומה גורם לך מיד לקפוץ לאתר אחר. התגובות, התענוגות וההמרות שלך הם כולם סימני ההיכר הגדולים של היעילות של עיצוב חוויית המשתמש באתר.
במאמר זה אתה יכול ללמוד 10 שיעורים על חוויית המשתמש שאתה יכול להרים מאתרי נסיעות פופולריים.
ההבדל בין ממשק המשתמש לבין UX
UX אינו ממשק משתמש, זה כמו לא כתוב חוק. כאשר אתה קורא על השימושיות של האתר, אתה צריך לחשוב על ממשק המשתמש שלה (UI). ממשק משתמש הוא קבוצה של אלמנטים ויזואליים שונים כגון תפריטים, לחצנים וסמלים שבהם המשתמשים שלך משתמשים (לחץ על, העבר את העכבר, הקש על) כאשר הם פועלים עם האתר שלך.
שמישות היא איכות המתארת ממשק משתמש (ממשק משתמש). השימושיות מראה את היעילות של ממשק המשתמש כגון כמה קל להשתמש באתר (יכולת למידה), כמה מהר משתמשים יכולים להשיג מטרות שצוינו (יעילות), באיזו קלות הם יכולים לזכור את זיכרונותיהם על אופן הפעולה של האתר (זכירות) ו כמה נעים להשתמש בו (שביעות רצון המשתמש).
שמישות היא היבט אחד של רעיון מסובך יותר שנקרא חוויית המשתמש (UX). חוויית משתמש כרוך בכל מה שמשפיע על חוויית המשתמש - שלילי או חיובי. UX טוב עונה על כל צורך של לקוחות פוטנציאליים - שימושיות טובה ועוד דברים רבים אחרים.
על פי חברת המחקר ניסיון המשתמש נילסן נורמן הקבוצה:
1. תן למשתמשים מקום להתחלה
בראש ובראשונה, אתה צריך לתת למבקרים שלך מקום שבו הם יכולים להתחיל. זה בדרך כלל דף הבית שמקבל את הקליקים הרבים ביותר, לא רק משום שזהו הכניסה הראשית לאתר, אלא כאשר משתמשים מגיעים ממנוע חיפוש, סביר להניח שהקליק הבא יהיה דף הבית.
לכן אתה צריך מציעים תוכן ופריסה מרתקים בדף הבית אם אתה רוצה לשמור על המבקרים באתר שלך.
דף הבית של Booking.com מוכיח כי הם מבינים את הצרכים של הלקוחות שלהם היטב. רק תחשוב על זה. מה אתה רוצה לעשות באתר נסיעות? אתה גם יודע לאן אתה רוצה ללכת רוצה להסתכל על האפשרויות הכי מהר שאתה יכול, או שאתה לא בטוח לגבי המיקום של הטיול שלך צריך קצת השראה.
Booking.com להציב טופס החיפוש הכולל בצד שמאל של דף הבית שלה עבור אלה אשר בטוחים לגבי הנסיעה שלהם בעתיד. המבקרים לא צריכים לבזבז את זמנם גלישה באמצעות תוכן רלוונטי. זה משאיר אותם עם נחישות מוגברת ביטחון עצמי מוגברת.
השטח הנותר על המסך מעל לקפל נותן הרבה השראה פחות נחוש: שלוש תמונות גדולות של מקומות פופולריים (אבו דאבי, ניו יורק, דובאי) לספק הצעות, זרם AJAX על “פשוט הוזמן” טיולים מראה מה משתמשים אחרים כרגע, ויש אפילו קטע קטן המבטיח ללקוחות פוטנציאליים על מדיניות ביטול חינם.
על דף הבית של Booking.com כולם מקבלים את התמריץ הדרוש ואת הרגשות החיוביים כדי להמשיך הלאה באתר לפני אפילו לגעת בסרגל הגלילה.
2. הפוך את הניווט שלך ברור
אם אתה רוצה שמשתמשים יישארו באתר שלך אתה צריך לספק להם ניווט ברור וקל לשימוש.
הניווט של TimeOut.com הוא כמו מארחת חכמה: הוא מעניק למבקרים עזרה חשובה כאשר הם זקוקים לו, אך אינו מטריד אותם. אם תסתכל על התמונה למטה, אתה יכול לראות כי מערכת הניווט יש ארבעה אלמנטים שונים: סרגל חיפוש ענקי וקל לזיהוי, תפריט ראשי עם פריטים מוגדרים היטב (מדריכי ערים, סרטים, מוסיקה, אמנות ותרבות, אוכל ושתיה, אודותינו, טיים אאוט שופ), פירורי לחם מעוצבים היטב וסרגל צד רשימה של הערים הפופולריות ביותר.
TimeOut עיצבה את מערכת הניווט שלה בצורה אינטואיטיבית כזו המעניקה למבקרים תמריצים נוספים כדי לחקור את האתר. התמונה הממוזערת הקטנה ממש ליד כל פריט צדדי נותן מפתח חזותי, את תיאור קצר תחת הכותרת מזון ומשקאות מבטיחה לאורחים שהם נמצאים במקום הנכון, את breadcrumbs לעשות את זה קל מאוד לעבור הלאה, ואת סרגל החיפוש העליון מסייע למשתמשים לקפוץ למקום הבא אם הם משועממים עם הנוכחי.
כל רכיב תומך אחרים - סימן ברור של עיצוב UX גדול.
3. השתמש בתמונות High Impact
צילום המסך שלהלן הוא של אחד מדפי פרופיל המסעדה של 'מפות Google'. אני בטוח שכבר קראת תמונות צילומים לא עושה חוויית משתמש טובה: בדרך כלל הם נשאו מבקרים ולא מניעים אותם להתקדם במשפך ההמרות.
האלטרנטיבה של תמונות מלאי היא תמונה בעלת השפעה רבה, המעוררת רגשות חזקים בקרב המשתמשים. וכולנו יודעים את זה רגשות מוגברים להוביל נאמנות הלקוחות גבוהה יותר.
אתרי תיירות בדרך כלל משתמשים בתמונות באיכות גבוהה, אבל טוקלנד לוקחת אותה לרמה הבאה עידוד המשתמשים להוסיף תמונות משלהם לכל מסעדה. בדרך זו, תמונות שנוצרו על ידי המשתמש, שבדרך כלל מעניינות יותר עבור המבקר הממוצע באתר נסיעות מאשר תמונות שצולמו על ידי אנשי מקצוע.
לחץ חברתי הוא אחד המניעים החזקים ביותר אחרי הכל. גם שומר על תוכן חזותי טרי על ידי הוספת תמונות באיכות גבוהה שנורו על ידי משתמשים.
4. שמור את זה פשוט
פחות הוא בדרך כלל יותר כך זה תמיד רעיון טוב כדי לשמור על דברים פשוטים, ולהתמקד רק מידע רלוונטי. העולם הוא כל כך מלא הסחות דעת כי המבקרים שלך בוודאי יהיה אסיר תודה אם אתה שומר אותם מוך מיותר.
“תשאיר את זה פשוט” הוא העיקרון של UX כי לונלי פלאנט לכאורה בעקבות בדף הבית שלה. ה הנושאים החשובים ביותר כי תככים המשתמשים שלהם מסודרים ברשת מסודרת של תמונות ממוזערות אטרקטיביות נתמך על ידי אחת או שתיים כותרות ארוכות.
דף הבית של LonelyPlanet הוא חכם במיוחד מההיבט של חוויית המשתמש כמו התמונות הממוזערות לשמש גם ניווט בזמן שהם לתת למשתמשים מפתח חזותי מובן בקלות.
הרשת מגיבה ולכן זה עובד על כל viewport. בגודל הנייד ובטבלט, התמונות הממוזערות נראות כסמלים של אפליקציות לנייד שהוא פריסה מוכרת לכל המשתמשים הניידים, והיכרות היא גם משהו שנותן נוחות למבקרים ולכן מעלים את המעורבות שלהם עם האתר.
5. השתמש בפעולות פעולה
סביר להניח שאתה מכיר פעלים פעולה מאתרי הקריירה. פעולה פעלים לא רק לעסוק recruiters סריקה דרך קורות חיים, אלא גם אתרי אינטרנט המבקרים גולשים דרך האינטרנט.
הרשת החברתית הפופולארית לשיתוף לינה, AirBnB משתמשת בהם בכל מקום באתר שלה. שייך בכל מקום, השכרה, רשימה המרחב שלך, גלה מקומות, חקור העולם, ראה שבו אנשים נוסעים, שתף את החוויה שלך, וכו '.
פעלים פעולה הם יעילים מאוד כי הם להעביר משתמשים ממצב פסיבי למצב פעיל. חוויות חיוביות מחייבות תמיד פעילות בשם המשתמש; זו הסיבה פארקי הרפתקאות כל כך פופולרי.
אחרי כל מה אתה זוכר יותר? משהו שעשית בעצמך או משהו שקראת בספר? ראה? אינטראקציה עוסקת גם אותך. אז אם אתה רוצה להגדיל את חוויית המשתמש של האתר שלך, אל תהסס להשתמש פעלים לפעולה היכן שהם מתאימים.
6. לייעל את הטפסים
כפי ש צורות מסובכות מדי לעתים קרובות להוביל נטישה מיידית הדבר החכם ביותר שאתה יכול לעשות עבור חוויית המשתמשים שלך הוא לייעל את הטפסים באתר שלך ככל שזה אפשרי. מה אני מתכוון תחת התייעלות?
אתה יכול לראות דוגמה מצוינת אם אתה מציץ טופס חיפוש אוניברסלי של Priceline.com בדף הבית שלהם. טופסי החיפוש של Priceline הם מוסתר בתוך קטע ניווט אופקי נוח לשוניות.
הכרטיסיות כוללות חמישה טופסי חיפוש שונים הקשורים לחמישה תחומים (מלונות, טיסות, מכוניות, חבילות נופש, שייט) החברה מעורבת.
הדבר ממש מגניב כאן היא כי המשתמשים לא צריך להטריד עם דברים שהם לא מעוניינים, הם יכולים לקפוץ ישר לטופס החיפוש שהם צריכים. לכן הם לא עמוס שדות נתונים נוספים, שדות הטופס נשמרים למינימום מוחלט, כלומר יעילות מוגברת, מטרד מופחת, והבנה מהירה - את חווית המשתמש הטובה ביותר אי פעם.
7. הפוך את ההשפעה עם סיפורים אישיים
תוכל להגדיל את מעורבות המשתמשים בעזרת השימוש החכם בסיפורים אישיים, כמו שאתה באמת חווה את זה, בדף הבית של GoBackpacking.com.
הרפתקאותיהם של אנשים אמיתיים הם תמיד מעניינים יותר מאשר בלגן שיווק מעודן. המבקרים שלך לא רוצה לקרוא את אותם קלישאות מעייפות שהם יכולים לקרוא באתר של המתחרים שלך - הם יכולים גם לייצר את אותו אפקט נמוך בעצמם אחרי הכל.
ביקורות, דירוגים, הערות מוכנות ומבוקרות, סטטוסים, פוסטים בבלוג, סיפורים אישיים, המלצות, כל הוספת אישיות לאתר שלך מציגה מידע באיכות גבוהה המבקרים שלך יכול להתחבר רגשית.
GoBackpacking מאכלסת את דף הבית שלה עם סיפורים אישיים של המשתמשים שלה מה שהופך את המבקרים מיד לטבול התוכן של האתר אפילו בלי לדעת את זה.
8. כלול מוצרים קשורים
בנושא, מומלץ ו יישומונים מוצר פופולרי משמשים את כל השחקנים הגדולים מסחר אלקטרוני, אז זה לא הפתעה גדולה, כי אתרי הנסיעות גם לקחת מינוף מהם.
HotelTravel.Com פותר את המשימה בצורה מסובכת ויעילה מאוד. מנוע ההמלצה שלה לוקח את המיקום שהמבקר מחפש - במקרה שלנו היא הונג קונג - ומראה עוד קצת אפשרויות המלון המומלצות על ידי משתמשים אחרים. המלונות הקשורים הם גם אלה המומלצים, 2 ב -1 פתרון וזה תמיד רעיון טוב.
המעצבים של HotelTravel.Com צעדו צעד נוסף נוסף והם הניחו את מוצרים קשורים אל אקורדיון שימושי המאפשר למשתמש המלצות קבוצתיות על פי ארבעה קריטריונים שונים (הערך הטוב ביותר, השירות הטוב ביותר, בסטנדרט החדר הטוב ביותר, המיקום הטוב ביותר).
כדי להפוך את יישומון חזותית מעניין הדירוג, המחיר, תמונה ממוזערת קטנה ציטוט קצר מן הסקירה האחרונה כלולים גם לתת את העזרה המקסימלית למבקרים כדי להחליט איזה לינה מתאים את הטוב ביותר לצרכים שלהם.
9. שיחה על הטבות
מציג מבקרים את היתרונות הם יכולים להרוויח באתר שלך הוא תמיד ידידותי יותר למשתמש מאשר pestering אותם עם עובדות יבשות שגורם להם להירדם.
בדף הבית של Booking.com אנו יכולים לראות ניצול חכם של עיקרון תכנון UX זה. בצד ימין של המסך ניתן לראות את “למה להשתמש ב- Booking.com?” אשר כולל שישה יתרונות הכל בהתאם לערכים של הנוסע הממוצע (מחיר נמוך, טווח לוח בחירה, קלות שימוש בממשק, מערכת ביקורת מאוכלסת, שירות לקוחות איכותי וזמינות של 24/7).
כמובן ערכים אלה מנוסחים יותר מרתק הדרך ולבוא עם קישורים שבו לקוחות פוטנציאליים יכולים להמשיך הלאה. ה “למה להשתמש ב- Booking.com” יישומון הוא למעשה הגרסה המשופרת של הרגיל “מאפיינים” סעיף של אתר אינטרנט עסקי קטן אבל הוא כולל אלמנטים תומכים רבים.
ה סמלים צבעוניים, הקישורים המודגשים והנתונים הספציפיים (כמו “701,118 נכסים ברחבי העולם”) כל להפוך את המשתמשים מאמינים כי הם באתר מקצועי הם יכולים לסמוך. ה חלון ראווה של מיקומים פופולריים מסידני לדבלין בצד שמאל ובקטע הקטן של ReviewCentre של צד שלישי, כל התמיכה בחוויה ובניית אמון.
10. לספק הוכחה חברתית
כאשר אנשים מדברים על הוכחה חברתית הם בדרך כלל מתכוון מדיה חברתית יישומונים כמו Facebook Likebox שהוא גם מרכיב גדול של UX מעוצב היטב, אבל דף הבית של TripAdvisor מספק דוגמה מצוינת כיצד צורות אחרות של עבודה הוכחה חברתית.
מושג ההוכחה החברתית מבוסס על עיקרון פסיכולוגי שאומר שאנשים נוטים יותר לעשות משהו אם הם רואים אחרים סביבם תעשה את אותו הדבר. אימות חיצוני הוא מוטיבציה גדולה עבור רובנו, מעצבים חכמים כל כך לבנות הוכחה חברתית לאתרים שלהם באופן המעודד מבקרים לחזור על התנהגותם של המשתמשים האחרים שלהם.
על טוקיו תוכן חברתי מובנה לכרטיס ניווט נוח עם שלושה חלקים: ביקורות מלון, תמונות שנעשו על ידי משתמשים ופורומים. הכותרת של יישומון הוא “מה נוסעים מדברים” אשר פחות דוחף מאשר כותרת המשנה הממוצע באתרים מסחריים; לכן הוא תופס את עינו של האורח בבת אחת.
סעיף חוות דעת של מלון מעוצב בצורה חכמה עושה את התוכן קל לעיכול: תמונת פרופיל קטנה ודירוג של המשתמש הסקירה, שם המלון הנסקר, ציון קצר מהסקירה עצמה וסמל דירוג שמתאים היטב לעיצוב הכללי של האתר.
