UXtasy
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
UXtasy
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר
  • ראשי
  • UX בישראל
  • אודות
  • צרו קשר

חידת ממשק

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

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

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

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

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

במבשלת הבירה Jem's beer factory פתרו את הבעיה באלגנטיות מרשימה.
השאלה היא כיצד?
רמז – התשובה מצויה באתר שלהם, ובהחלט ניתן לזהות אותה ע"י ניתוח נכון של התרחיש.

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

הנה מצאתי אייטם עליהם מערוץ שתיים:
[youtube=http://www.youtube.com/watch?v=YzkUp82k3gI]

דצמבר 25, 2009 אין תגובות

לא פוליטיקלי קורקט

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

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

During a recent password audit, it was found that a blonde secretary was using the following password: MickeyMinniePlutoHueyLouieDeweySacramento.

When asked why such a long password, she said that it had to be at least 6 characters long and have one capital.

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

דצמבר 22, 2009 אין תגובות

Guidelines

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

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

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

נ.ב.   הכפתור המפרסם את עמוד הבית ה"ויזאולי" המגניב גם הוא מעורר אי-אלו תהיות..

דצמבר 16, 2009 8 תגובות

מחווה קטנה

צילום המסך הזה מ-ynet מוקדש באהבה למדור המצוין בבלוג של עידו קינן.

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

דצמבר 13, 2009 2 תגובות

וכעת, בהפתעה גמורה, דאגה כנה למשתמשים!

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

לפני כמה דקות נכנסתי ל-ynet ,ופתאום שמתי לב שהאתר מאפשר כעת למשתמשים לפתוח תיבת דוא"ל משלהם באתר, שתרכז את כל הפעילות שלהם באתר – תגובות, כתבות, קניות בחנויות המקוונות של ynetshops, וכו'. אני מסכים שזה חשוב – אם לא תהיה לי תיבת דואר שתרכז את הטוקבקים, איך אוכל לזכור ש-13 הוא אידיוט, ובגלל אנשים כמו 132 המדינה שלנו נראית כמו שהיא נראית, וזאת למרות/הגלל החינוך החרדי/החילוני?

בכל אופן, כעת אפשר לפתוח תיבת דוא"ל ב-ynet. כך נראה טופס ההרשמה.

Ynet mail

רואים משהו מוזר? תסתכלו טוב. שם, מתחת ל-CAPTCHA.

ראיתם? לא רק שהצ'קבוקסים של הרישום לניוזלטרים הם ריקים (לסמן את כולם כברירת מחדל באמת תהיה חוצפה), אלא גם הצ'קבוקס התחתון, המאפשר לאתר לשלוח דואר זבל לחשבון הדוא"ל ולסלולרי, גם הוא ריק!

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

דצמבר 11, 2009 3 תגובות

הגבול הדק שבין שיקולים עסקיים לעיצוב גרוע

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

הדיאלוג נראה כך:

Facebook privacy changes

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

בכל מקרה, חסר לי במסך הזה עוד זוג כפתורי רדיו. הם אמורים להימצא מעל המילים  Everyone ו-Old Settings, והאפשרויות אמורות להיות Set All Recommended Settings ו-Keep All My Old Settings. הן אמורות לסמן את כל העמודות שמתחת להן.

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

דצמבר 11, 2009 4 תגובות

על העיוורון

בכל תהליך של בניית אתר במוקדם או במאוחר עולה הנושא של עיוורון באנרים (banner blindness). זוהי תופעה ידועה שאומרת שהגולשים למדו להתעלם מהבאנרים היפים שאנחנו שמים להם באתר, ולכן אתרים נחמדים כמו ynet אוהבים לשים באנרים שעושים קולות, קופצים, מסתירים לנו את הכתבה, וגורמים לנו לחפש את הכפתור "סגור" (אגב, למצוא את וולדו זה כלום לעומת להצליח להבין לאן המעצב הצליח לדחוף את האיקס הקטן של הסגירה הפעם). ומה שעושים אנשים יותר רציניים זה להתקין אחד ממגוון של תוספים לדפדפן שמנסים למנוע את הצגת הבאנר. אז הבאנרים הופכים למתוחכמים יותר, ואז התוספים הופכים למתוחכמים יותר, וזה בעצם אחד ממרוצי החימוש המעיקים יותר שיש ברשת (עוד אחד זה מלחמת ה-CAPTCHAs שכתבתי עליה בעבר).  אגב, נקודה מעניינת בהקשר הזה זה הטענות שחסימת באנרים היא לא מוסרית, לא אתית, ובעצם משמעותה גניבה מאחר ואנחנו לא מוכנים לשלם (בהקצאת קשב) על המוצר שאנחנו מקבלים (תוכן האתר).

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

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

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

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

אז איך מיישבים את זה? או שאני טועה ואין כאן סתירה? מה דעתכם?

דצמבר 8, 2009 6 תגובות

Pressable non-buttons*


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

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

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

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

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

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

Keyboard for windows

*שם הפוסט מבוסס כמובן על בלוג השימושיות הוותיק unpresable buttons.

דצמבר 4, 2009 תגובה אחת

Weston's

סיידר

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

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

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

דצמבר 2, 2009 תגובה אחת

התשובה לשיזף רפאלי

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

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

 

[youtube=http://www.youtube.com/watch?v=fVMnmTFxAjA&feature=player_embedded]

 

דצמבר 1, 2009 3 תגובות
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

ux_by_examples

www.bit.ly/uxbe8

מערכת המדיה של אל-על היא ברו מערכת המדיה של אל-על היא ברורה, אינטואיטיבית, חדשנית, לא מפרה שום כלל יואקסי חשוב, ו... בלתי ניתנת לשימוש בעליל. ויש מצב שאפילו עברה בדיקות שמישות. דברים שקורים בשמיים.
חג ח(פי)רות שמח חברים! חג ח(פי)רות שמח חברים!
Follow on Instagram
ויטלי מיז'יריצקי

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

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

ממייסדי UXI -- חוויית משתמש ישראל.

מנטור UX ב-Google for Startups.

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

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

uxtasy.com © כל הזכויות שמורות.
We WordPress
גלילה לראש העמוד