הכוונת המשתמש בסביבה חדשה

בקטגוריות: תכנון

9 Mar 2011

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

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

כך נראה החלק של “פעילויות” כיום:

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

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

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

ניתן לראות בתמונה הבאה את המבנה הכללי המחודש של אותו עמוד (איכות התמונות קצת ירוד).

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

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

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

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

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

 

2 תגובות על הכוונת המשתמש בסביבה חדשה

Avatar

משה

13 בMarch, 2011 בשעה 8:16 am

משולש שמאל, חץ בלי מקל הוא ההדרך המקובלת באפליקציות מחשב ובמיוחד בתפריטי רשת
כזה בערך:
http://t2.gstatic.com/images?q=tbn:ANd9GcSUfkkvM33GZZA6QpcbdmWc4bcsqG_w8X-hGznru9LBL9aDHKAp

Avatar

Sro

13 בMarch, 2011 בשעה 3:25 pm

מספר דברים ביחד.
1. פתיחה של אחד התפריטים באופן דיפולטי, כך שהצביעה של הלחצן הנבחר ישר נקלטת בעין.
2. החלפה של “פעילויות” ב”בחר פעילות”.
3. מתיחה של כל הלחצנים לאותו רוחב…

טופס תגובות

אנא הודע לי שמתקבלת תגובה חדשה

אודות הבלוג

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

Registering using your email