שיטות עבודה מומלצות לעיצוב מובייל

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

1. מסך אחד, משימה אחת

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

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

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

2. ממשק משתמש בלתי נראה

התוכן הופך לממשק

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

3. מרחב נשימה

השתמשו ברווחים שליליים כדי למשוך תשומת לב לתוכן חשוב

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

"יש להתייחס לרווח הלבן כאל אלמנט פעיל, לא כרקע פסיבי." – Jan Tschichold

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

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

4. ניווט פשוט וברור

הפוך את הניווט לאינטואיטיבי

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

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

דוגמה: ניווט בסרגל טאבים ב-App Store של אפל.

5. פעולה ביד אחת

התאם את העיצוב למסכים גדולים יותר

עם השקת iPhone 6 ו-6 Plus התברר שגדלי המסכים ימשיכו לגדול.

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

מחקר של Steven Hoober מצא כי 85% מהמשתמשים מחזיקים את הטלפון ביד אחת. המפת חום מציגה את אזורי ההגעה של האגודל עבור כל גדלי המסכים של אייפון מאז 2007 – ככל שהמסך גדול יותר, אזור ההגעה הנוח קטן יותר.

על פי Scott Hurff, יש צורך להתאים את העיצוב לשיפור חוויית המשתמש. ודאו שהאפליקציה שלכם ניתנת לשימוש מלא ונוח ביד אחת, למשל ב-iPhone 6 או 7. מקמו את אפשרויות הניווט בטווח הגעה של האגודל.

דוגמה: אפליקציית Pocket ל-iOS – כל פקדי הניווט נמצאים בכותרת התחתונה וניתנים להגעה בקלות כאשר מחזיקים את הטלפון בצורה רגילה.
קרדיט: Dmitry Kovalenko

6. הפוך את האפליקציה למהירה

אל תגרום למשתמשים להמתין לתוכן

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

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

7. השתמש בהתראות דחיפה בחוכמה

חשוב פעמיים לפני שליחת הודעה

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

משמעות המובייל להעניק ערך לכל הודעה. אל תשלחו התראות "רק כדי לשמור על מעורבות". שלחו התראות רק אם אתם חושבים שהן בעלות ערך למשתמש.

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

בחרו סוג התראה מתאים על פי דחיפות ותוכן.
מקור: Appboy

סיכום

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

תודה רבה!

המאמר המקורי פורסם ב- UX Planet, נכתב על ידי Nick Babich.