דף הבית שירותים משאבים קצרים 2007 מיקוד והדגשים    
 
 
   
מיקוד והדגשים

מאת אריאל אשל

רעיונאי לתקשורת שיווקית אינטראקטיבית, ארכיטקט מומחה לממשק משתמש

www.eshel.ws

4 בינואר, 2007

 

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

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

 

חברת החשמל הבלגית (www.electrabel.be): הדגשים בעמוד הבית.

 

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

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

 

www.sainsburysbank.co.uk: עמוד באתר הפעולות. הדגשים העונים לציפיות המשתמש.

 

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

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

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

 

אתר הפעולות של בנק המזרחי: (www.mizrahi-tefahot.co.il) נטול הדגשים.

 

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

 

 

 

 
   
בנושא זה:
לוח משרות
לוח מועמדים
חברות ויועצים
נציב פניות הציבור
החמנייה האדומה
ערכה למתחילים
משאבים
קבוצת UPA Israel ב-LinkedIn
לוח פרקטיקום

משאבים נוספים:

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