Skip to content

עשרת הדיברות של נילסן (ועוד 3) לשימוש בטאבים

09/06/2009

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


בטור השבועי שלו מספטמבר 2007, נילסן סוקר את השימוש המוצלח (לדעתו) בטאבים באתר המחודש של Yahoo Finance.
מתוך הסקירה שלו, נילסן מנסח 13 קווים מנחים לשימוש בטאבים:

  1. טאבים נועדו ליצור מעבר בין יחידות מידע שונות (או מסכים שונים) באותו הקשר. הם אינם משמשים לניווט בין אזורים שונים.
  2. הם מחלקים את המידע לחלקים בצורה הגיונית, כך שהמשתמש יוכל להבין מראש מה יראה כאשר ילחץ על טאב מסוים.
  3. נועדו ליצור הפרדה בין חלקים שונים של המידע, שהמשתמש אינו זקוק להם בו זמנית.
  4. הטאבים השונים צריכים להיות בעלי מבנה מקביל ככל שניתן.
  5. הטאב הנבחר (הנוכחי) צריך להיות מובחן באופן כלשהו מהשאר (למשל: על ידי צבע, גודל הטאב, הדגשה, אייקון או ויזואלית להביא את הטאב "קדימה").
  6. שאר הטאבים צריכים להיות מוצגים ברקע בצורה ברורה.
  7. הטאב הנבחר צריך להיות מחובר בצורה ברורה לשטח התוכן (ע"י צבע ו/או צורה).
  8. כותרות הטאבים צריכות להיות ברורות וקצרות (עד 2 מילים).
  9. באנגלית – הכותרות צריכות להיות עם capital letter במילה הראשונה או בכל מילה. באופן כללי, רצוי לבחור שיטת capitalization אחת ולדבוק בה.
  10. יש לסדר את הטאבים בשורה אחת בלבד.
  11. שורת הטאבים צריכה להופיע מעל שטח התוכן.
  12. כל האלמנטים הנכללים תחת הטאב צריכים להיות ברורים ויזואלית.
  13. זמן התגובה במעבר בין הטאבים צריך להיות מאד מהיר.
מודעות פרסומת
להגיב

להשאיר תגובה

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

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

%d בלוגרים אהבו את זה: