עיצוב הוא לא רק פיקסלים ודפוסים. זה גם קצב ותחושות. חלק מהמוצרים מרגישים קולנועיים כשהם מנחים אותנו דרך חוסר ודאות, הקלה, ביטחון ורוגע מבלי לגרור אותנו. זה רגש בזרימה. אחרים חותרים את הרגעים שלהם עם בדיחה במקום הלא נכון, פופ-אפ מפתיע או מעבר מקפיץ. זה רגש בקונפליקט. אלה אינם רעיונות ל-UX בלבד. אתה יכול לראות אותם בכל מקום בבידור. והדרך הכי ברורה להרגיש את ההבדל היא להשוות איך אנימה מתמודדת עם שינויים רגשיים לעומת איך סרטי מארוול ו-DC מועדים. נשתמש בשתי דוגמאות ספציפיות, אחת מ-Dan da Dan (סדרת אנימה בנטפליקס) ואחת מסרט סופרמן של ג'יימס גאן, כדי להגדיר את שני המושגים, ולאחר מכן לתרגם אותם לדפוסי עיצוב מוצר מעשיים שתוכל ליישם מיד. הערה: אנו נתמקד במוצרים דיגיטליים, כולל אפליקציות, SaaS ואינטרנט. Emotion In Flow (אנימה: Dan da Dan) בדן דה דן, טווח הטונים הוא פראי, אימה, קומדיה, רוך, אך הוא זורם. דוגמה: בקשת אחת, הגיבורים נמצאים במסע מסע מוזר וקומי הכולל את "איבר המין הזהוב" של אחת הדמויות הראשיות (כן, באמת), ובאחרת, אנחנו נשאבים לסיפור קורע לב של אמא שילדה נחטף. על הנייר, המשמרת הזו צריכה להיות תאונת דרכים. על המסך, זה קוהרנטי וקריא רגשית. למה זה עובד על המסך?
המשכיות של ההימור. גם כאשר איסור פרסום נוחת, המטרות והסכנה של הדמויות נשארות ללא פגע. הומור משחרר מתח לאחר רזולוציה מינית; זה לא מכחיש את האיום. סימני מצב רוח ברורים. מוזיקה, מסגור, קצב ותגובות אופי מברקים את התחושה הבאה. אתה מוכן למשמרת, אז אתה נוסע בה במקום להיגרר. עוגן רגשי אחד. מערכות יחסים נשארות כוכב הצפון, כך שהלב של הסצנה לא הולך לאיבוד כשהטון זז.
איך זה מתורגם ל-UX? מוצרים טובים עושים את אותו הדבר: מתכוננים, מעבירים, פותרים, כך שהמשתמשים יישארו שקועים כשהטון הרגשי משתנה.
רגש בקונפליקט (מארוול/DC: סופרמן של ג'יימס גאן) לויס וקלארק מנהלים שיחה אינטימית מכל הלב, רגע איטי ואנושי, כשברקע מתנגן אימום ריצה (מפלצת שמסתובבת עם מחבט בייסבול ענק). הגאג גונב את הפוקוס בדיוק כשהסצנה מבקשת ממך להרגיש משהו אמיתי. התוצאה היא התנגשות טונאלית שמנקבת את הרגש במקום לשחרר אותו. למה זה נכשל על המסך?
עומס קוגניטיבי מוגבר.מה שקורה כאן ממפה ישירות לתיאוריית העומס הקוגניטיבי. כאשר סצנה (או ממשק) מבקשת ממשתמשים לעבד שני אותות רגשיים מתחרים בבת אחת, היא מציגה עומס קוגניטיבי מיותר, מאמץ מנטלי שאין לו שום קשר למשימה או לרגע עצמו. במקום להתמקד בקצב הרגשי, תשומת הלב מפוצלת בין אותות שלא פותרים זה את זה. במוצרים, זה מה שקורה כאשר הומור, קידומי מכירות או שינויים בלתי צפויים בממשק המשתמש חודרים לרגעים עם הימור גבוה: משתמשים נאלצים לפרש את הטון והכוונה באותו זמן שהם מנסים לפעול, מה שמאט את ההבנה ומגביר את הלחץ. פעימות מתחרות בו-זמנית. הבדיחה חופפת את השיא של פעימה רצינית; הקהל שם לב למתג ולא לתחושה. אין העברת טונאלי. אין שום מעבר שמנחית את האינטימיות לפני שההומור מגיע, אז הרגע מרגיש תחתון ולא פתור.
איך זה מתורגם ל-UX? במוצרים זו בעיית הקונפטי-לפני אישור, השגיאה החצופה בזרימת כסף או שיטת הפרומו שמופיעה ממש באמצע משימה קריטית. זה גם מגביר את העומס הקוגניטיבי: המשתמשים חייבים לעבד את ההומור בזמן שהם מנסים לתקן בעיה, מה שמאט אותם ומגביר את הלחץ.
הגדרות מהירות רגש ב-Flow משמרות רגשיות מרגישות שנצברו, בטלגרפים ומתוזמנים כך שהן פותרות פעימות קודמות. טבילה מחזיקה.רגש בקונפליקט מתג צורם (או חיתוך קשה) שמנקב פעימה רגשית חיה. הפסקות טבילה.
עכשיו כשקראנו לזה: איך זה מתחבר ל-UX? כיצד רגשות מעצבים את זכירות המוצר אנשים לא זוכרים את הממוצע של חוויה; הם זוכרים את הפסגות ואת הסוף. אם השיא של הזרימה שלך הוא תסכול, או שהסוף שלך מבולגן, זה מה שנשאר. אז תכננו את העקומה הרגשית בכוונה. הרגשות חיים על פני שלוש שכבות (מתוך העיצוב הרגשי של דון נורמן), והמוצר שלך צריך ליישר אותם:
קרביים (מעיים): אותות של רושם ראשוני: ויזואליה, תנועה, הפטיקה, סאונד. דוגמאות: מעמיס שלד יציב מרגיע יותר מאשר עצבניטוֹוֶה; צלצול הצלחה עדין/הקש הפטי מאפשר לניצחון לנחות בלי לצעוק; הקלה/כיוון עקבי אומר לעין מה השתנה. התנהגות (עשייה): האם אוכל להשלים את המשימה שלי בצורה חלקה? חיכוך כאן פירושו לחץ. דוגמאות: שלושה שלבי תשלום ברורים עם התקדמות צפויה; מצבי שגיאה המסבירים מה קרה וכיצד להתאושש; אימות מוטבע במקום פיצוצים של סוף הטופס. רפלקטיבי (משמעות): הסיפור שאני מספר לעצמי לאחר מכן, "זה היה שווה את זה? האם אני סומך על זה?" דוגמאות: מסך סיכום מסודר ("סיום. תקבל X עד יום שישי") נותן סגירה; סיכום קטן ("חסכת 18 אירו השנה") יוצר גאווה ללא זיקוקים.
מיקרו אינטראקציות הן הדבק הרגשי. לכל אחד יש טריגר (אני מקיש על תשלום), חוקים (מה המערכת עושה), משוב (התקדמות ותוצאה ברורה), ולופים או מצבים (מה קורה אם המשתמש מנסה שוב). תעשה את זה נכון, והמעברים שלך מגשרים על רגשות. תטעו, והם שוברים את הזרימה.
גיליון הקצב הרגשי ממפה בצורה נקייה על שכבות הניסיון של נורמן:
אי הוודאות חיה בשכבות הקרביים וההתנהגותיות המוקדמות, שבהן המשתמשים מסתמכים על רמזים תחושתיים (תנועה, בהירות, משוב) כדי להבין מה קורה. הבהירות נמצאת חזק ברובד ההתנהגותי, הרגע שבו כוונת המערכת והפעולה הבאה של המשתמש ננעלות במקומה. ציפייה היא שילוב של התנהגות (המשתמש עושה משהו במטרה) ורפלקטיבי (המשתמש כבר חוזה את התוצאה ומדמיין את מה שיבוא אחר כך). הישג הוא שיא רפלקטיבי, שבו המשתמש מעריך הצלחה, אמון, והאם החוויה "הרגישה נכונה". רגיעה/סגירה היא בעיקר משקפת, ועוזרת למשתמשים לסכם את המשמעות של האינטראקציה ולהחליט אם המוצר אמין ושווה לחזור אליו.
במוצרים אמיתיים, הרצף הזה לא נעלם כשדברים משתבשים. שגיאות, חביון ומצבים מושפלים אינם חריגים לקשת הרגשית - הם חלק ממנה. במבט מבעד לעדשה סיפורית, רגעים אלו הם המכשולים במסעו של הגיבור. מצב התאוששות מתוכנן היטב מכיר בנסיגה, מבהיר מה קרה ומנחה את הצעד הבא מבלי להכניס רעש רגשי חדש. כאשר מתייחסים לכישלון כאל פעימה במקום קרע, זרימה רגשית יכולה להישמר גם במתח. דוגמאות UX: Emotion In Flow לעומת Emotion In Conflict רגש בזרימה התשלום נעשה נכון (סגנון Stripe/Apple Pay): צעדים קצרים, התקדמות ברורה ומצב הצלחה חד (סימן ביקורת עם הפטיקה רכה אופציונלית). השיא (ההצלחה) נוחת, והסוף נותן סגירה (קבלה או השלב הבא).
סטטוס איסוף (אפליקציות של נסיעות, למשל, Uber, Free Now או Bolt): עדכונים פרוגרסיביים שומרים על התמצאות ומפחיתים חרדה ("נהג מגיע", "2 דקות משם", "הגיע"). אי ודאות הופכת לבהירות, כאשר תנועה עדינה מכינה כל מעבר.
רגש בקונפליקט הערה: אנחנו לא קוראים למוצרים ספציפיים כאן - אנחנו מכבדים את העבודה שמאחוריהם. במקום זאת, אנו מראים את הדפוסים הגורמים לקונפליקט רגשי וכיצד בדיוק לתקן אותם.
בדיחות ברגעים רציניים. מצבי העתקה חוצפנים לכסף/בריאות/ביטחון. המשתמשים לחוצים; הומור מגביר את הגירוי. חגיגה לפני החלטה. קונפטי, זיקוקים או צלילים חזקים לפני אישור. המסיבה קוטעת את השיא. קפיצות מצב קשות. הפתעות/פרומואים באמצע המשימה, השתלטות על מסך מלא ללא הכנה. מרגיש כמו חתך פתאומי במהלך פעימה רגשית.
מה אתה יכול לעשות כדי להבטיח רגש בזרימה הנה דף Notion עם התבנית המלאה שתוכלו לשכפל:
תבנית גיליון פעימה רגשית.
1. כתוב תחילה את גיליון הביט הרגשי עבור כל זרימת ליבה (עלייה למטוס, תשלום, התאוששות), מפה את התחושות לכל שלב: חוסר ודאות ← בהירות ← ציפייה ← הישג ← רוגע. צרף העתקה, תנועה ומיקרו-אינטראקציות לכל פעימה. (מי נושא את הרגש לאן?) 2. יישר את הטון עם סיכון המשימה צור מטריצת טון (רמת סיכון × מצב). בשגיאות בסיכון גבוה, היה רגוע, פשוט ומכוון לפתרון. שמור משחקיות להקשרים בסיכון נמוך. קטעי תבנית:
שגיאה בסיכון גבוה: "לא הצלחנו לאמת את תעודת הזהות שלך. נסה שוב או פנה לתמיכה." מצב ריק בסיכון נמוך: "אין כאן עדיין כלום. רוצה להתחיל עם דוגמה?"
זה המקום שבו מוצרים בוגרים רבים נסחפים בשקט לקונפליקט רגשי. עם הזמן, צוותים מוסיפים עונג על ידי הרגל ולא מתוך כוונה. בדיקה עצמית שימושית היא לשאול: אם היינו מסירים כל אלמנט שובב או חגיגי מהצעד הזה, האם הזרימה הייתה עדיין מרגישה אנושית - או הייתההאלמנטים האלה מסווים חיכוך? עיצוב רגשי טוב מבהיר את החוויה; עיצוב רגשי נהדר אינו זקוק לקישוט כדי לפצות על הבלבול. 3. עיצוב שיא וסוף בכוונה מהנדס שיא אחד ברור (רגע ההצלחה) וסוף אחד נקי (אישור ומה קורה אחר כך). מדוד את הזיכרון ואת שביעות הרצון בשתי הנקודות. 4. השתמש במיקרו-אינטראקציות כגשרים, לא כזרקורים
הכן: רמזים לתנועה קטנה ועקבית לפני שינוי מצב גדול. אשר: ההצלחה מקבלת הסדר עדין, עם קלות מעט יותר איטית והאפטיקה קלה אופציונלית. התאושש: כישלון חוזר בחן מעביר את הטון מאופטימי לתומך ומנחה את השלב הבא.
5. מבחן המשכיות רגשית בפגישות שימושיות, אל תשאל רק "זה היה קל?" במקום זאת, אתה יכול לשאול "איזו תחושה השתנתה כאן?" אם אתה שומע "מבולבל → משועשע → מבולבל", יש לך קונפליקט, לא זרימה. חזור על מעברים, לא רק מסכים. כיצד להימנע מרגשות בקונפליקט: רשימת בדיקה מהירה דגלים אדומים ← תיקונים:
בדיחות ברגעים רציניים ← החליפו בשפה רגועה, ישירה ומסלול החלמה ברור. חגיגה לפני החלטה ← העבר חגיגה לאחר אישור; לצמצם אותו למשימות בסיכון גבוה. קפיצות במצב קשה → הכרזה מראש על מעברים; שמור על עקביות במסגור; השתמש בתנועה משמעותית כדי לשמור על המשכיות. סחף צליל חוצה צוות → רכז הנחיות קול וצליל עם דוגמאות לפי רמת סיכון ומצב.
ישנם רגעים שבהם שבירת הזרימה הרגשית היא מכוונת והכרחית. אזהרות אבטחה, אישורים משפטיים והתראות קריטיות לבטיחות נהנים לעתים קרובות משינויים פתאומיים בגוון. במקרים אלה, הפרעה מסמנת חשיבות ודורשת תשומת לב. הבעיה אינה הקונפליקט הרגשי עצמו; זה קונפליקט מקרי. כאשר מעצבים בוחרים בהפרעה בכוונה, המשתמשים מבינים את ההימור במקום להרגיש צליפת שוט. מסקנה חוויות גדולות הן חוויות מכוונות. דן דה דן מראה כיצד לנוע ברגשות מבלי לאבד אותנו: הוא מתכונן, עובר ופותר. סצנת סופרמן מראה את ההיפך: איסור פרסום מתנגש בפעימות לב. תעשה את הראשון. מפה את המקצבים הרגשיים שלך, יישר את הטון לסיכון המשימה, ואפשר למיקרו-אינטראקציות לגשר על תחושות כך שהמשתמשים יזכרו את השיא הנכון ואת הקצה הנכון, לא את הצלפת השוט באמצע.
