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

wtf

ה-path לגיהנום רצוף פקדים יפים

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

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

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

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

–המשך קריאה–

אפריל 12, 2013 4 תגובות

שינויי מזג האוויר הביאו אותי לחשוב

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

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

–המשך קריאה–

נובמבר 27, 2011 9 תגובות

אתרים מבוססי סלוטייפ

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

–המשך קריאה–

נובמבר 7, 2011 11 תגובות

טויז-אר-נסנס

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

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

image

יולי 4, 2011 אין תגובות

חינוך – לא באלימות

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

סניפי סטימצקי

–המשך קריאה–

מרץ 5, 2011 7 תגובות

"תקופה" זו מילה קצת חזקה

Untitled

אין, פשוט אין על Last.FM.

בחצי השנה האחרונה השתמשתי בעיקר ב-grooveshark (שפעם כתבתי עליו), והיום הוא נפל, וגיליתי ששכחתי את שם המשתמש שלי ב-last.fm (שגם עליו כתבתי פעם). אז נאלצתי לפתוח חשבון חדש.

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

לפי הודעת ה-"welcome to last.fm", וההנחיות "to get started" אפשר לזהות שלא מדובר בטעות, והאתר כן יודע שאני משתמש חדש.

דצמבר 3, 2010 2 תגובות

התאמה למשתמשים

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

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

image

חג שמח ושנה טובה!

ספטמבר 7, 2010 תגובה אחת

גנטיקה בממשקים

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

אם ניכנס ל-yad2, לאזור הנדל"ן, נראה סרגל חיפוש שנראה כך:

האתר יד2 - חיפוש נדל"ן

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

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

האתר יד2 - חיפוש על מפה

בעצם לא, סליחה, הטעתי אתכם, המשפט הקודם אינו נכון. זה רק נראה שמה שנשאר הוא שתי הלשוניות המקוריות. למעשה אלה הם טאבים אחרים, שרק נראים דומה למקוריים. איך אני יודע? פשוט מאוד. אם הייתם לוחצים על אחד משני הטאבים הראשונים לפני שלחצתם על השלישי, הייתם רואים אותו שם מימין, כפי שאפשר לראות בצילום המסך העליון. ואילו עכשיו, אחרי שלחצנו פעם אחת על השלישי, לא משנה כמה נשחק עם שני הראשונים, הוא כבר לא יופיע. במילותיו של מרסלוס וואלס, When you're gone, you stay gone.

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

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

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

האתר יד 2 - חיפוש נדל"ן

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

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

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

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

האתר יד2 - תצוגת גלריה

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

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

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

ואיך אפשר היה לפתור את כל הבלאגן הזה? זו דרך אחת:

קונספט ניווט חלופי

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

אוגוסט 20, 2010 11 תגובות

הממשק להתעשרות מהירה

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

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

כנסו לאתר one.co.il, סורו לצדו השמאלי, ורדו קצת למטה. אם הגעתם לתמונה של הכוסית*, עברתם את זה. די מהר תגלו את התיבה הבאה:

לוח התוצאות - גם למחר

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

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


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

כוסית (אחת)

אוגוסט 10, 2010 4 תגובות

הדרך לאבסורד רצופה כוונות טובות

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

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

כך נראה הטופס במתכונת המצומצמת.

טופס שליחת פקס - מצומצם

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

 טופס שליחת פקס - מלא

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

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

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

אוגוסט 3, 2010 8 תגובות
  • 1
  • 2

ux_by_examples

www.bit.ly/uxbe8

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

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

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

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

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

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

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

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