דף הבית » ממשק משתמש / UX » ארבע טכניקות עיצוב UX לעידוד מעורבות משתמשים

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

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

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

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

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

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

    1. השתמש בניגודיות כדי למשוך תשומת לב

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

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

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

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

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

    2. UT טעים / אנימציה UX

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

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

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

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

    3. עיצוב מגיב כדרישה

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

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

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

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

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

    4. לפשט את תהליך האינטראקציה

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

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

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

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

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

    לקריאה בנושא בנושא פעילות המשתמש, לבדוק את ההודעות האלה:

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

    לעטוף

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

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