לחצנים

כפתורים הם האינדיקטור החזותי העיקרי לפעולות של משתמשים.

עקרונות

מכוון לפעולה: הלחצנים צריכים להבהיר שהם מפעילים פעולה.

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

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

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

שימוש ומיקום

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

check_circle

מה מומלץ לעשות

כדאי להשתמש בחשיפה הדרגתית כדי להציג פעולות פחות רלוונטיות.

cancel

מה אסור לעשות

להציף את תצוגת המשתמש ביותר מדי לחצנים.

check_circle

מה מומלץ לעשות

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

cancel

מה אסור לעשות

להשתמש בלחצן כרכיב דקורטיבי סטטי.

אנטומיה

ברירת מחדל

1. מופעלת: מצב ברירת המחדל. 2. Hover 3. לחיצה

גדול

1. מופעלת: מצב ברירת המחדל. 2. Hover 3. לחיצה

התאמה אישית

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