בית / בלוג / 10 כללי עיצוב ממשק משתמש ux/ui שאסור להפר

10 כללי עיצוב ממשק משתמש ux/ui שאסור להפר

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

 

1. עדכון המשתמשים בשינויים

 

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

2. התאמה בין המוצר לעולם האמיתי

 

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

3. עקביות בממשק המשתמש

 

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

4. "דרך יציאה" מכל פעולה

 

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

5. מניעת שגיאות

 

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

6. הוראות שימוש במוצר

 

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

7. גמישות ויעילות השימוש

 

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

8. עיצוב מינימליסטי ואסתטי

 

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

רבים מהקוראים התעניינו גם בכתבה איך ליצור את פלטת הצבעים המושלמת?

 

9. פתרון בעיות

 

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

10. עזרה ותיעוד

 

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

 

אם הכתבה הזאת עניינה אתכם, ממליץ לכם לקרוא גם את First Time User Experience

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

 

צרו קשר

צרו קשר

info@pitangoux.com

ישראל: 972-73-744-3322+
ארה"ב: 1-408-6277288+
אנגליה: 44-208-0894892+

עקבו אחרינו