רשימת השלם המלאה לעיצוב UX של 25 טריקים

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


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

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

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

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

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

Contents

1. מהירות

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

מהירות אתר

(מקור תמונה)

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

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

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

2. מי אתה ומה אתה עושה?

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

נכס ערך נטפליקס

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

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

3. וודא שהמבקרים יוכלו ליצור איתך קשר

חלק ליבה בעיצוב UX הוא ביטול כל הדאגה או הדאגה שיש למבקרים שלך.

אחת הדאגות הגדולות ביותר עבור מבקרים חדשים היא האם עליהם לסמוך עליך או לא – במיוחד אם אתה אתר חדש.

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

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

צ 'אט חי צ'אט

אם משהו משתבש, טוב לדעת שהם יכולים ליצור קשר בקלות.

4. תנו תמיד למבקרים דרך חזרה הביתה

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

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

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

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

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

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

סרגל התשלום-התקדמות

(מקור תמונה)

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

6. הסר את הפעולות החוזרות על עצמן

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

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

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

7. השתמש בעצות כלים כדי לעזור למתחילים (אך אל תמנע את המומחים!)

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

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

טיפים לכלים

(מקור תמונה)

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

8. צור קריאה לפעולה גדולה ונועזת

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

CTA

(מקור תמונה)

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

9. ערכו הבחנה ברורה בין קריאה לפעולה ראשונית ומשנית

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

spotify-cta

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

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

10. השתמש בהיררכיה כדי להציג למשתמשים לאן ללכת הלאה

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

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

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

11. אל תתעסקו עם אלמנטים צפויים!

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

קופת תפוחים

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

12. דבקו בלוח צבעים פשוט בעל 3 צבעים

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

לוח צבעים

(מקור תמונה)

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

התאם את לוח הצבעים שלך למוצר שלך.

13. מדוע אני מקבל שגיאה? ומה אני עושה עכשיו?

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

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

טוויטר נכשלים לוויתן

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

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

14. תן למשתמשים חמישה כשהם ישלימו משהו

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

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

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

15. היצמד לשתי משפחות גופנים בלבד

עקביות ומיתוג הם המפתח לחוויית משתמש טובה.

זה מאוד מבלבל אם פונט הלוגו שלך הוא Futura, טקסט הגוף שלך הוא Times New Roman, הקריאה שלך לפעולה היא קומיקס סאנס, והכותרות שלך הן Windings …

גופנים

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

16. השתמש בהודעות התראה ברורות ועקבית

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

התראות

(מקור תמונה)

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

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

17. הגבלת טקסט נעילת כובעים

זה פשוט מעצבן.

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

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

18. קבץ פריטים קשורים יחד

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

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

פריטים מקובצים

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

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

19. שמור על הכל בעקביות

הדבר האחרון שאתה רוצה זה אורח ללחוץ על קישור ולהרגיש שהוא ניווט לאתר אחר.

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

20. תכנן את הפריסה לסריקת עיניים

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

דפוס F

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

21. בנה אמון בעזרת המלצות והוכחות חברתיות

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

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

22. הודע למשתמשים במה הם יכולים לשחק!

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

אינטראקציות

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

הזמן אנשים לשחק עם האתר שלך!

23. צור עקומת למידה עדינה

אף אחד לא אוהב להיתקע באתר מבלבל וקשה.

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

24. מצא דרך להזדהות עם המבקר שלך במהירות

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

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

המבקר שלך יחשוב ש’אתר זה משיג אותי! ‘שהיא חווית משתמש נהדרת ליצור.

25. השתמש במיקרו-אינטראקציות ליצירת דיאלוג

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

אתה יכול לעשות זאת עם העתקה, כגון “עבודה טובה!” “חשבנו שאולי תאהב את זה”, “האם תרצה לדבר עם מומחה?”

סרגל התקדמות

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

———

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

האם אתה משתמש באחד מהטריקים העיצוביים של UX? אשמח לשמוע על כל מה שהתגעגעתי אליו! הודע לי בסעיף התגובות.

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