ממשק משתמש (באנגלית UI – User Interface) הוא אחד משני הגורמים החשובים ביותר להצלחה של כל אפליקציה, כשהגורם השני הוא מידת הנחיצות שלה.
כלומר, אם יש לכם אפליקציה שמציעה שירות שאין לו ביקוש, האפליקציה כנראה לא תזכה להצלחה גם אם הממשק מעוצב למשעי. מצד שני, אם הממשק לא ידידותי למשתמשים, קרוב לוודאי שאנשים לא יתאמצו להבין איך להשתמש באפליקציה, גם אם היא מספקת פתרון או שירות חיוני.
במאמר הבא, נפרט את העקרונות הראשיים שצריכים להנחות אתכם בתכנון ממשק משתמש כך שכל מה שיישאר הוא לוודא שיש לכם רעיון מנצח.
1. התמקדו במשתמש
זכרו תמיד שכל מי שבחר להשתמש באפליקציה שלכם עשה זאת כדי לקבל מענה לצורך כלשהו. לכן כשאתם מתכננים את הממשק, חשוב להיות מודעים כל הזמן לנקודת המבט של המשתמש שמנסה להשיג מטרה כלשהי ולשאוף לאפשר להם לעשות זאת בדרך הנוחה והקלה ביותר, ללא כל מכשולים מיותרים.
2. הקפידו על בהירות ורלוונטיות
התחרות בשוק המובייל היא עצומה ואם משתמש כבר גילה את האפליקציה שלכם ובחר להוריד אותה ולהתנסות בה, חשוב שיהיה לו ברור מייד אלו כלים היא מספקת וכיצד להשתמש בהם כדי למצוא את המידע שחיפש או לבצע את הפעולה שנדרשת לו.
כל בלבול, מכשול או אי הבנה יהפכו את האפליקציה שלכם במהרה לעוד אחת מני רבות שמשתמשים פותחים פעם אחת ולא חוזרים אליהן יותר לעולם.
3. היעזרו במעצב מומחה
לא לכל מעצב/ת גרפי יש את הידע והניסיון המתאימים לעיצוב ממשקי אפליקציות. לכן, הקפידו לעבוד עם מעצב/ת בעלי ניסיון וידע בעיצוב ממשק משתמש, שידע ליצור ממשק שהוא לא רק יפה, אלא גם נח לשימוש ומותאם ספציפית לאפליקציה שלכם ולקהל היעד.
4. הכינו תרשים זרימה
כשמעצבים אפליקציה חשוב לבנות קודם כל תרשים, או מפה אשר מפרטים את כל הדרכים האפשריות שהמשתמשים באפליקציה יעברו. זכרו שכל משתמש יתנהל בצורה שונה וחשוב לוודא שחווית הגלישה תישאר נוחה וברורה בכל מסלול גלישה אפשרי.
5. אל תעמיסו יותר מדי פעולות במסך אחד
במקרים רבים מפתחי אפליקציות רוצים לכלול כמה שיותר אפשרויות בכל מסך, במחשבה שזה מקל על המשתמשים, חוסך להם זמן, או פשוט מבהיר להם מידית את כל היתרונות של האפליקציה. למעשה, הנטייה הזאת גורמת לעומס יתר ובלבול.
לכן, מומלץ לתכנן את הממשק כך שכל מסך באפליקציה מתמקד בפעולה אחת בעלת ערך למשתמש. תכנון כזה מקל על המשתמשים להבין את הממשק ולהשתמש בו, ובמקביל יקל עליכם בעתיד להוסיף ולפתח את האפליקציה.
במילים אחרות – עדיף מסכים מינימליסטיים רבים מאשר מסך אחד עמוס מדי.
6. צרו חווית ניווט אינטואיטיבית
ניווט טוב הוא כזה שגורם למשתמש להרגיש כאילו יד נעלמת מנחה אותו לאורך כל הדרך.
כדי להשיג את היעד הזה חשוב להקפיד על עיצוב עקבי, שימוש נכון בעזרים ויזואליים שמנחים את המשתמש, והבהרת המיקום שבו המשתמש נמצא בכל רגע.
7. ודאו שהלחצנים בגודל מתאים
הכפתורים שעליהם הגולשים לוחצים כדי לעבור מסך, או לבצע כל פעולה אחרת באפליקציה, צריכים להיות גדולים מספיק כדי שהמשתמשים יוכלו להיעזר בהם בקלות ובנוחות.
הגודל המומלץ ללחצנים הוא 7-10 מ"מ, אשר מאפשר מספיק מקום לאצבעות המשתמשים ללחוץ על הכפתור כשהקצוות עדין נראים בבירור מסביב. כך הם יכולים להיות בטוחים שהם לוחצים במקום הנכון.
8. הקפידו על מיקום חכם של הלחצנים
מחקר של סטיבן הובר העלה ש-49% מהמשתמשים מבצעים פעולות בנייד באמצעות בוהן אחת בלבד.
בלינק להלן, מוסברת הדרך בה משתמשים מחזיקים את המכשיר הסלולרי וכיצד צורת ההחזקה משפיעה על נגישות האצבעות לאזורים שונים במסך. אזורים שבממוצע פחות נגישים יצריכו מאמץ גדול יותר מהמשתמש כאשר יתבקש ללחוץ עליהם.
הקפידו למקם את התפריט הראשי, וכפתורים נפוצים או חשובים במיוחד באזורים נגישים של המסך, כך שהמשתמשים יוכלו להיעזר בהם בקלות. באזורים הקשים להגעה כדאי למקם כפתורים 'שליליים' (כגון מחיקה או ביטול) כדי שהמשתמשים לא ילחצו עליהם בטעות.
9. צמצמו את הצורך בהקלדה
כל מי שמשתמש בטלפון חכם יודע כמה לא נוחה חווית ההקלדה על מסך קטן עם מקלדת וירטואלית, בעלת כפתורים מזעריים, שמובילה ללא מעט טעויות.
לכן בעת תכנון הממשק מומלץ תמיד לשאוף למזער ככל הניתן את כמות ההקלדה הנדרשת לביצוע פעולות באפליקציה.
במקרים שבהם ההקלדה היא חיונית, כגון טפסים – השתדלו לקצר כמה שניתן ולצמצם כל שדה מיותר. בנוסף, מומלץ להשתמש באפשרות השלמה אוטומטית (auto-complete) כדי לצמצם עוד יותר את כמות המידע שעל המשתמשים להקליד.
10. ודאו שהתוכן קריא וברור
הגודל המומלץ לטקסט באפליקציות הוא 11 נק' לפחות, שמאפשר למשתמש הממוצע לקרוא מבלי שיזדקק להתמקד ידנית. בנוסף כדאי להימנע ממרווחים קטנים מדי שגורמים לתחושת עומס ומקשים גם כן על הקריאה.
בנוסף לגודל, גם הצבעוניות והניגודיות יכולים להשפיע על מידת הנראות של התוכן.
לכן חשוב לוודא שהצבעים שאתם בוחרים כמו גם מידת הניגודיות בין צבע הפונט לרקע המסך מאפשרים למשתמשים לראות בבירור את התוכן.
ההמלצה המקצועית היא להקפיד על יחס ניגודיות של לפחות 4.5:1 בין הטקסט לרקע כשמדובר בטקסט קטן, ו-3:1 כשמדובר בטקסט גדול יותר (14 ומעלה).
11. בצעו בדיקות
עיצוב הממשק נעשה בדרך כלל על גבי מסך מחשב, שעליו התוכן והאלמנטים השונים נראים אחרת מאשר על המסך הקטן של הטלפון הנייד. מעבר לכך, כשאתם נמצאים עמוק בתוך התהליך, אתם מאבדים את נקודת המבט הרעננה של משתמש חדש.
לכן חשוב לבצע בדיקות בעזרת משתמשים אמתיים, על גבי מגוון של מכשירים כגון טלפונים מסוגים שונים, טאבלטים ומחשבים רגילים, שיספקו לכם משוב על רמת העיצוב, נוחות השימוש וכל תקלה או בעיה שפספסתם.
[devleadb]
