עיצוב ניווט מקלדת עבור גרידי נתונים
משתמשים מתקדמים רוצים לעבוד ללא עכבר.
גריד נתונים מעוצב היטב מאפשר להם לנווט, לערוך ולבצע פעולות באמצעות המקלדת בלבד. משתמשים אלו נעים מהר פי שניים או שלושה ממשתמשים בעכבר.
אם הגריד שלכם מחייב לחיצה עבור כל פעולה, משתמשים מתקדמים ישנאו את הכלי שלכם.
הפתרון פשוט. הוא דורש כמאה שורות קוד ובחירות עיצוב חכמות.
עקבו אחר הכללים הללו עבור גריד מקצועי:
• Tab: השתמשו בזה כדי להיכנס או לצאת מהגריד. ברגע שנמצאים בפנים, Tab אמור לנוע בין כפתורים או שדות קלט בתוך שורה. אל תשתמשו ב-Tab כדי לנוע בין תאים.
• מקשי החצים: השתמשו בהם כדי לנוע בין תאים. למעלה ולמטה עוברים בין שורות. שמאלה וימינה עוברים בין עמודות.
• Enter: השתמשו בזה כדי להפעיל את הפעולה העיקרית עבור שורה, כגון פתיחת תצוגת פירוט.
• Space: השתמשו בזה כדי לבחור או לבטל בחירה של שורה.
• Escape: השתמשו בזה כדי לבטל עריכה או לסגור תפריט.
• Home ו-End: השתמשו בהם כדי לקפוץ לתחילת השורה או לסופה.
הטעות הגדולה ביותר היא שימוש ב-Tab כדי לנוע בין תאים. בגריד גדול, זה איטי מדי. אם לגריד יש 7 עמודות ו-20 שורות גלויות, המשתמש צריך ללחוץ על Tab 140 פעמים כדי לסיים מסך אחד. מקשי החצים פותרים זאת. לחיצה אחת מעבירה אתכם לשורה הבאה.
לעריכה בתוך השורה (inline editing), עקבו אחר התבנית של גיליונות אלקטרוניים:
- לחצו על Enter כדי להתחיל לערוך תא.
- לחצו על Enter שוב כדי לשמור את השינוי.
- לחצו על Escape כדי לבטל את העריכה.
- לחצו על Tab כדי לשמור ולעבור לתא הבא הניתן לעריכה.
כדי לעזור למשתמשים למצוא את קיצורי הדרך הללו, השתמשו בתבניות הבאות:
- הוסיפו קיצור דרך "?" כדי לפתוח תפריט עזרה.
- הציגו קיצורי דרך ב-tooltips על כפתורים.
- השתמשו בטיפ הצטרפות (onboarding) חד-פעמי.
ניווט מקלדת טוב הוא מכפיל פרודוקטיביות. זוהי השקעה קטנה עבור עלייה עצומה במהירות המשתמש.