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

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

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

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

אקח כדוגמא נוספת את תהליך לקיחת המשכנתא: הלקוחה הפוטנציאלית שטופת הפרסומות נכנסת אל אתר של בנק כלשהו ומוצאת שם מחשבון משכנתא שנראה פחות או יותר מזמין, ואפילו כזה שאני עשיתי אותו (לא נכנס עכשיו לאיכות, שמישות ונראות של המחשבונים). בהנחה שעשינו עבודתנו נאמנה היא מצאה את כל המידע תו"כ שהיא חווה ריגוש שמישות ממדרגה ראשונה. ועכשיו מה? עכשיו היא תגש לבנק ותרצה לבקש את המשכנתא הזו, לפי הפרטים שהיא תכננה ולפי המידע שהיא צברה. נסו לדמיין איך זה יילך מעכשיו. לדעתי, משהו כזה: היא תכנס לסניף ותתישב מול מומחית המשכנתאות; היא הייתה מסודרת ולכן תשלוף את המידע שהיא הדפיסה למרות שברוב המקרים ההדפסה לא תראה כמו על המסך, כאילו wysiwyg זה מפעל בסין שמייצר צעצועים. בשלב הבא היא תנסה להסביר איך היא הגיעה לסכומים ולחישובים האלו. המומחית תפנה אל מסך המחשב שנמצא עם הגב אל הלקוחה, ותתקתק כמה נתונים במערכת שנראית אחרת לגמרי מהמערכת שהמשתמשת מכירה והציגה בבית. נאמר שהמומחית הגיעה לאותם נתונים, היא עכשיו תסובב את המסך אל לקוחה כך שהוא עומד בצורה כזו שהן שתיהן יכולות לראות את המסך בצורה חלקית ולא נוחה. ללקוחה זה לא אומר הרבה: היא לא פגשה את המידע מוצג כך, זה לא האתר שהיא ראתה בבית והיא מנסה לעכל מה שהיא רואה. המומחית, שרוצה למכור לה תגיד שאולי אפשר לעשות משהו אחר, תלחץ פעמיים על טאב, פעם על רווח, עוד טאב ועל אחד ממקשי הF וטבלה אחרת מוצגת. היא תנסה להזיז כמה פרמטרים ולשנות כמה מספרים, והנה עוד תוצאה. הלקוחה שלנו באותו זמן לא עושה כלום חוץ מלהתבונן. סביר להניח שהמומחית תדפיס את האופציות שהלקוחה תלך ותחשוב עליהן.

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

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

הגב אל הלקוחה = המידע מוסתר ומגיע רק בסוף התהליך. הלקוחה לא ראתה איך הגיעו אל התהליך ועלולה להיות קצת מרוחקת

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

תדפיס – כל כך קשה לשלח לה במייל?

בואו נראה תרחיש אחר:

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

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

אז  למה זה לא ככה תמיד?

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

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

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

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

—עדכון 13.03.10 – –השתמשו בדוגמא שלי מכאן בUXI

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

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

נפילתו של איקרוס

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

איקרוס נופל, אינטרקציה בציור סטטי

איקרוס נופל, אינטרקציה בציור סטטי

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

אז מה קרה כאן

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

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

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

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

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

*made you look