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

ויזואליזציה

אלבום ארה"ב ופראג

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

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

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

–המשך קריאה–

ספטמבר 22, 2012 6 תגובות

מה זה חוויית משתמש

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

image

image

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

–המשך קריאה–

יולי 23, 2011 תגובה אחת

קישור דה-ז'ור: המצלמטור

תמונה = 1,000 מילים

אינטראקציה = 1,000 תמונות = 1,000,000 מילים

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

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

סימולטור מצלמה

 

אני עדיין לא יודע מה זה כל הדברים האלה, אבל לפחות עכשיו אני מבין מה זה עושה. אל דאגה, not quitting my day job yet.

מאי 16, 2011 2 תגובות

החיפוש הוכתר בהצלחה

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

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

קישור דה-ז'ור:

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

 

in other news, בבלוג של נטקראפט סקרתי את Windows Phone 7 Series .

אוגוסט 6, 2010 אין תגובות

עוגות תלת-מימדיות אינן כשרות

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

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

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

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

chart junk או תרשים עוגה תחת-מימדי

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

תרשים עוגה דו-מימדי

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

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

זהויות מקוונות באתרי ביזנס: Gigya

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

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

זהויות מקוונות באינטרנט, כללי: Gigya

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

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

זהויות מקוונות באתרי בידור: Gigyaזהויות מקוונות באתרי חדשות: Gigya

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

הפוסטר של Gigya באקסל

יולי 24, 2010 10 תגובות

תארוז לי קילו אופניים

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

2010-05-09 19.21.05

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

מאי 9, 2010 אין תגובות

קישורים

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

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

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

אגב, lynx הוא סוג של חתול-פרא ממש עצבני, שנראה כך:

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

ובכן, הקישורים:

1. אתר ההיכרויות האמריקאי okcupid עוסק הרבה בסטטיסטיקה על-מנת להציע ללקוחותיו את בני-הזוג הפוטנציאליים הטובים ביותר. לפני כמה ימים הם פרסמו מחקר הבוחן את בני הזוג המועדפים על הלקוחות מבחינת טווח הגילאים. הממצאים אינם מהפכניים במיוחד, אבל הגרפים יפים ונגישים מאוד, וגם הנתונים מעניינים. ויש גם מסר חינוכי, כי מְחַברת הפוסט מנסה להוכיח סטטיסטית שאל לנו לגברים לפסול נשים מבוגרות יותר.  מומלץ בעיקר בזכות הגרפים. OKCupid – The Case For An Older Woman.

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

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

פברואר 20, 2010 תגובה אחת

אדוני, עברת את המהירות המותרת, אני נאלץ להחרים את המודם.

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

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

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

Connection speed gauge at Speedtest

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

פברואר 19, 2010 7 תגובות

חיוויים בתעופה

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

Kulula jet

Kulula jet

Kulula jet

(c) shanairpic
פברואר 6, 2010 אין תגובות

ux_by_examples

www.bit.ly/uxbe8

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

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

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

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

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

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

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

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