ביקורשת: יאהו – חווית משתמש כמעט מושלמת

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

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

 

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

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

 

התאמה לדפדפנים

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

 

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

 

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

 

 

סיוע למחפשים

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

 

הצעה קטנה לשיפור ב-Search Assist: מכיוון שקיימים שני מצבים (On ו-Off), יש להבהיר למשתמש בצורה ברורה מהי האפשרות הנוכחית ומהי האפשרות אשר אינה נבחרה. כרגע, ההבדל היחיד הינו בצבע האפשרויות: האפשרות הנוכחית מופיעה בלבן ואפור מייצג את האפשרות אותה ניתן לבחור. אפור, בד"כ, הינו צבע השמור לאפשרויות שאינן זמינות (Disabled).

 

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

 

כאשר מצביעים עם העכבר על שורת החיפוש, מופיע כיתובית הסבר: "Use up and down arrow keys to select suggestions." משתמש חדש לא יבין מה פשר הסבר זה (לאילו הצעות מתכוון Yahoo?) ויתרה מכך: לא יוכל להשתמש בחיצים כל עוד לא הקליד לפחות שלושה תווים וההצעות אכן נפתחות. הכיתובית אף ממשיכה להופיע גם לאחר ביטול אפשרות הצגת ההצעות.

 

 

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

 

התאמה אישית

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

מבחינת חוויית המשתמש.

 

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

 

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

 

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

 

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

 

מה מזג האוויר בבת-ים?

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

 

בחירה ב-Extended forecast עבור מזג האוויר בתל אביב הפנתה אותי משום מה לדף של מזג האוויר המורחב דווקא בבת-ים (Bat Yam Weather). מוזר.

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

 

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

 

שנית, יש לאפשר הצגת התוכן המלא בדרך כלשהיא: למשל ע"י הצגתו ב-Tooltip. בכלל, שימוש יתר בשלוש נקודות יכול להעיד על חוסר תכנון ראוי; אין למשתמש על אפשרות לראות את Today's Top Searches במלואן - אלא אם הקיש על מילות המפתח - מבלי לראותן במלואן עוד לפני הקליק. הפתרון הפשוט והמומלץ: אפשרות הצגת ביטויים ארוכים יותר, אשר יגלשו לשתי שורות.

 

 

ללמוד מהענק

דוגמא נוספת לשימוש נכון באלמנט גרפי מופיעה באיזור החדשות מופיע הקישור "Latest Election Polls and Coverage", כאשר משמאלו הופיע חץ קטן הפונה מטה; חץ זה נועד כדי לרמוז למשתמש כי קישור זה יתנהג אחרת מקישור רגיל, ככל הנראה בתחומי הדף הנוכחי.

 

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

 

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

 

אבנר לאופר, חבר UPA Israel, מומחה שימושיות באמדוקס ישראל ובעל אתר בנושא שימושיות