הספר, Don't Make Me Think, נכתב ע"י Steve Krug כבר ב- 2006 (מהדורה שנייה), אך תוכנו נכון, מדויק ורלוונטי, למרות הזמן שעבר. הספר, עוסק בשימושיות אתרים ומערכות אחרות. בדרך כתיבת הספר, השקיע Krug לא מעט, על מנת שגם קריאתו תהיה על פי אותם עקרונות, ואכן הספר קל לקריאה ומהיר להבנה.
להלן מפת הספר המתארת את עיקריו:
הספר כולל גם פרק על בדיקות שימושיות, שהושמט מכאן, היות וישנו ספר שלם ש Krug כתב בנדון (Rocket Surgery Made Easy- סיכום באתר).
סיכום זה מכיל את ההמלצות. למה? למה לא טוב אחרת? דוגמאות? לשם כך יש לקרוא את הספר במלואו.
קריאה מהנה!
עקרונות בסיס - עולם השימושיות
אם צריך לזכור מסר אחד מכל הספר, אזי זהו המסר: "מינימום מאמץ קוגניטיבי למשתמש".
זה לא באמת עניין רק של כמות לחיצות (קליקים). השאלה המרכזית היא כמה המשתמש צריך להשקיע מאמץ חשיבתי כדי להגיע למידע בו הוא חפץ. עדיפים שלושה קליקים על אחד, אם הקליק האחד מחייב חשיבה.
זכרו שאם קשה להשתמש במשהו, אנשים פשוט יעשו בו פחות שימוש.
עקרונות נוספים:
היו עקביים ואחידים בדרך הצגת האתר, הפעולות והתכנים שבו.
אפשרו הנגשה לבעלי צרכים מיוחדים.
אפשרו גישה לכל תוכן באתר באמצעות המקלדת (מעבר לאפשרות הגישה בעכבר).
כדאי לפתח תוך שימוש בתבניות (CSS Cascading Style Sheets).
מסכים וחלונות
לידיעה :
סריקת הדף: אנשים בדרך כלל סורקים דפים ולא באמת מתפנים לקרוא אותם (לפחות בשלב ראשון). דרך הסריקה מעניינת: המוח בוחן אם יש משהו שמעניין או מזכיר את מה שמחפשים או לחיץ. במידה ולא נמצא, לחיצה על כפתור ה "back" והתחלה מחדש. חשבו כי המשתמשים יחפשו מילים וביטויים שמתאימים למשימה העומדת בפניהם ו/או מעניינים אותם.
בחירת פעולה לביצוע: אנשים יטו לבחור, לאו דווקא את הבחירה המיטבית, אם כי את הבחירה הראשונה הסבירה.
אנשים לא מפנים זמן לחשוב איך דברים עובדים. הם פשוט מנסים. למה? כי לא מספיק חשוב להם להבין כי אם מצאו משהו שעובד, ידבקו בו, גם אם בוא לא הדרך הנכונה להשגת המטרה (למשל- אנשים רבים מקישים כתובות URL שלמות ל GOOGLE באופן קבוע כי במוחם הוא מתערבב עם האינטרנט כולו).
בגלל אופי האינטרנט, בניגוד למרחבים פיזיים, אנשים שנמצאים בדף מסוים באתר חסרים חוש כיוון; חסרים חוש גודל (לגבי האתר כולו); וחסרים חוש מיקום.
המלצות:
תנו שם לכל דף. מקמו את השם במקום קבוע בראש הדף, באופן בולט. ודאו ששם הדף הוא אכן שם פעולת הבחירה שהובילה אליו.
ודאו קיום סימון או breadcrumbsהמלמדים/ מזכירים למשתמש היכן נמצא, ומסייעים גם הם בניווט. מקמו את ה breadcrumbs בראש הדף.
תכנון היררכיית דף:
ככל שחשוב לכם יותר שהמשתמש יקרא את המידע, הוא אמור להיות גדול ובולט יותר.
קבצו יחד (קרבה ויזואלית) מידע שקשור באופן לוגי.
קננו (nesting) בתוך מסגרות ומסגרות משנה מידע שהינו חלק ממידע אחר.
חלקו את הדף לאזורים שההפרדה ביניהם ברורה באופן ויזואלי ולוגי. מסייע למשתמש להתמקד במה שחשוב לו.
לחיצות: כל דבר שצריך להיות לחיץ, ודאו שברור לכל משתמש מן השורה שאכן הוא לחיץ ללא בדיקה בפועל. ודאו שכפתורים נראים ככפתורים וקישורים אכן נראים כקישורים.
סימולים: השתמשו תמיד באותו סימול לכפתורים ופעולות. אל תגוונו.
טאבים: שימושיים, ויזואליים וברורים. נותנים תחושת מרחב פיזי. בקיצור- מאד מומלצים.
קונבנציות: היצמדו כמה שאפשר לקונבנציות מוכרות בעולם לגבי סימולים שונים. אל תנסו להיות מקוריים.
רעש רקע: הימנעו מכל רקע שיוצר רעש ויזואלי.
המלל
המלצות:
מינימום. היפטרו מכל מילה שלא מוסיפה ערך. מקטין רעש; מדגיש את המלל שנשאר; ומאפשר למשתמש לראות יותר תוכן של הדף ללא גלילה. רלוונטי בעיקר ל "happy talk" (הקדמות / ברוכים הבאים/..) ולהנחיות לביצוע (לא למאמרים). אין צורך- ותרו או לפחות צמצמו.
שמרו על עקביות מבחינת הניסוחים בהם אתם עושים שימוש.
כפתורים / קישורים / הנחיות: בחרו מלל שמסביר את עצמו בפשטות, בכל מקום בו נדרשת החלטת משתמש. אל תנסו להיות שיווקיים או מתחכמים או בעלי שפה גבוהה!! עדיפה כותרת של "חיפוש" מאשר "חיפוש מהיר". חיפוש רגיל מצפים שיהיה חיפוש מהיר.
תמונות: הוסיפו מלל לכל תמונה. מסייע למשתמשים, ומסייע למנועי החיפוש.
דף הבית
המלצות:
לוגו ומוטו (tagline):
חשוב שתהיה תזכורת של הלוגו בכל דפי האתר ולא רק בכניסה. מיקום עדיף- פינה ימנית עליונה (באנגלית- שמאלית עליונה).
לtagline טוב ערך שיווקי משמעותי. כדאי להשקיע בבחירתו. כדאי שיהיה ברור ומסביר (מידע); יכול להיות אישי ואפילו מתוחכם; כדאי שיציג בידול לבעלי האתר ותועלת למשתמשים; כדאי להשאיר לו מקום (מרחב פיזי) אך גם כאן- לא להגזים. אין להשתמש בחזון כ tagline; לא אפקטיבי.
ודאו תמיד כי יש אפשרות לחזור לדף הבית בקליק אחד.
מרכז דף הבית:
דף הבית אמור לשקף לכל מי שמגיע, למה האתר משמש, מה ניתן לעשות בו, וכן למה כדאי להיות בו ולא באתרים אחרים.
מרכז דף הבית הינו אזור יקר ערך לכל בעלי העניין באתר, ולכן צריך לנהלו בחכמה.
מרכז דף הבית משותף לכל סוגי המשתמשים ולכן צריך לתכננו כך שכולם ימצאו אותו בעל ערך.
שימוש ב- pulldowns בדף הבית: היות והמרחב הפיזי בדף הבית מוגבל, יש נטייה לעשות בהם שימוש ב- pulldowns. יש לזכור שיש להם חסרונות שכן הם לא נצפים בסריקה ללא פעולה פרו-אקטיבית לפתיחתם; הם קשים לעריכה גרפית; והם לא כל כך נוחים לקריאה.
ודאו שאין מידע ישן, או מידע שנראה ישן.
היזהרו מעודף פרסום/ שיווק.
חיפוש:
חלונית חיפוש: חסכו למשתמש צורך לבחור את סוג החיפוש. פשוט אפשרו להם לחפש, ודאגו אתם להציג מה שנכון.
תיחום חיפוש: עדיף שיהיה רק בדף תוצאות החיפוש, לאחר החיפוש הראשוני, ולא לפניו.
ניווט:
חיפוש או ניווט: רוב האנשים יתחילו בניווט באתר לפני הפעלת חיפוש.
חשיבות הניווט גם לצורך הגעה, גם לצורך תחושת התמצאות וגם לצורך הבנת תמונת האתר ותכולתו.
רוב האנשים יתחילו לנווט באופן סדור דרך היררכיית התפריטים בדף הבית.
את סרגל הניווט נכון תכנן באשכולות: זיהוי דף הבית; אזורי תוכן; שירותים. כל סרגל ניווט יכלול גם: אפשרות חזרה לדף הבית ואפשרות חיפוש.
השאירו את סרגל הניווט במקום קבוע ובנראות אחידה מכל דף (חריגות אפשריות יחידות: טפסים ודף הבית).
מאיפה מתחילים?
כמה טיפים סיכומיים שיכולים לשמש כנקודת התחלה לבדיקת אתר ושיפורו:
חשבו מה הדברים העיקריים שאנשים מחפשים באתר וודאו שהם קלים ואינטואיטיביים להגעה. חשבו על השאלות המרכזיות של המשתמשים- וענו עליהן.
אל תסתירו מידע שהמשתמש ירצה לדעת (מחירים, זמני שירות, טלפונים עוד).
חסכו למשתמש צעדים בכל מקום שאפשר.
אפשרו הדפסה קלה וידידותית לכל תוכן הדף (גם אם חלקו מוסתר)
אפשרו התאוששות קלה משגיאות בניווט/ פעולות
כאשר אתם חושבים שאתם מטריחים את המשתמש יתר על המידה, ואין לכם ברירה אחרת (למשל- בקשת סיסמא נוספת לתת אזור תוכן)- התנצלו בפני המשתמש על הטרחה.
ותמיד ודאו שבכל דף ניתן לענות בקלות על השאלות להלן:
מהו האתר? - זיהוי אתר
באיזה דף נמצאים? - שם דף
מה הנושאים המרכזיים? - תפריט ניווט לאזורי תוכן
מה האפשרויות לפעולה? - ניווט מקומי לדף / חלונית
היכן אני ממוקם ביחס לאתר? - סימון מקום / breadcrumbs
איך ניתן לחפש? - חלונית חיפוש
וזכרו...יש הרבה עניין של טעם ויש מגוון משתמשים. אתם לא משתמש ייצוגי, לא ברמת הנראות (טעם) ולא ברמת הרגלי השימוש (פונקציונאליות). אל תתכננו אתרים על סמך עצמכם בלבד.
Comments