-
אפיון חוויית משתמש במובייל – אדפטיב, רספונסיב ומה שביניהם
היום כבר ברור שאפיון חוויית משתמש במובייל אינו מותרות. בין אם מדובר באתר אינטרנט, אפליקציה או מוצר, סביר להניח שכ- 50% מהשימושים (ובמקרים מסוימים אף הרבה יותר) נעשים באמצעות המובייל – זה מיידי, זה נוח, זה נייד – זה מתבקש. בעולם נהוגות כיום מספר גישות מובילות של איפיון ועיצוב למובייל, שאפשר לפעול על פיהן, כל אחת מהן עשויה להתאים או לא להתאים במקרים שונים. מהן הגישות השונות ומהי הגישה המומלצת?
המאמר נכתב על ידי מומחי חווית המשתמש בחברת TZUR – UX Designזמן קריאה: 5 דקות
כשמדברים על עיצוב או אפיון חוויית משתמש במובייל עולות שאלות רבות. חלקן עסקיות-שיווקיות, חלקן טכניות, חלקן תקציביות. השאלות המרכזיות שתשאל עצמה חברה שעומדת לפני עיצוב למובייל יהיו לרוב:- האם העיצוב למובייל צריך להיות נפרד לחלוטין מהעיצוב לדסקטופ?
- האם לבצע את הפרויקט בשיטת ה- Mobile First, כלומר, קודם לעצב את חווית המשתמש האופטימלית למובייל ורק לאחר מכן לעבור לדסקטופ ולפלטפורמות נוספות (כמו טאבלט למשל)?
- האם להעדיף Responsive Design או Adaptive Design ומהם בכלל ההבדלים ביניהם?
כמו בכל דילמה עסקית, התשובה המהירה לשאלות הללו היא – תלוי..תלוי מהן המטרות. תלוי מיהם המשתמשים. תלוי מהו המוצר, האפליקציה או האתר. כדי להחליט מהי הדרך הנכונה והעדיפה מבין כולן, חשוב להבין את האפשרויות השונות ואת ההבדלים ביניהן:
Mobile Designהמושג Mobile Design מתייחס באופן כללי לכל מה שקשור לאפיון ועיצוב חוויית משתמש במובייל. זה יכול להיות עיצוב אפליקציית מובייל, עיצוב אתר מובייל או עיצוב אתר מותאם למובייל. כאשר מדברים על Mobile Design באופן כללי למעשה לא אומרים הרבה, למעט האמירה שלא משנה באיזו דרך נלך, אנחנו צריכים לעצב את האפליקציה או את המוצר שלנו גם למובייל. ואת זה אנחנו כבר יודעים.
Mobile Firstהמושג Mobile First הפך לסוג של באזוורד בתקופה האחרונה. חברות רבות, בצדק או לא, החליטו שהעיצוב למובייל הינו הנושא החשוב ביותר מבחינתן ופועלות בהתאם לכך. כמו שזה נשמע, הכוונה היא לכך שכאשר אנו מאפיינים/ מעצבים חווית משתמש לאתר, מוצר או אפליקציה, אנו מתחילים רק במובייל, כאילו זוהי הפלטפורמה היחידה שלנו, ומתעלמים מכל השאר. כל המטרות, הצרכים, תסריטי השימוש, המגבלות וההחלטות ייגזרו אך ורק מתוך מחשבה על משתמשי המובייל. רק כאשר נסיים את תהליך האפיון והעיצוב למובייל, נתחיל לדבר על שאר הדברים. היתרון הגדול בגישה הזו, מעבר לכך שהיא ממקדת את המחשבה במשתמשי המובייל (עניין שבפני עצמו כנראה יוביל לחווית משתמש טובה יותר), הוא המגבלות המהותיות. גודלם הקטן יחסית של הטלפונים הניידים, השימוש האימפולסיבי וחסר הסבלנות מצד המשתמשים (ביחס לשימוש במחשב) ומהירות קבלת ההחלטות על ידי המשתמשים, מאלצים אותנו לנקוט בגישה מינימליסטית, פשוטה ולא מתחכמת, כפי שצריכה להיות, ושפעמים רבות נשכחת כשיש לנו יותר מקום. וככל שיש לנו יותר מקום, אנחנו נוטים יותר לסבך ולהעמיס ומהר מאוד מאבדים את המטרות שלנו. מהבחינה הזו, גישת ה- Mobile First היא פתרון מצוין, בוודאי כאשר מדובר על אפליקציה או מוצר שרבים מהשימושים בהם יתבצעו באמצעות המובייל.
Adaptive designעיצוב אדפטיבי, כשמו כן הוא, הוא עיצוב שמתאים עצמו לרזולוציה הייחודית של המשתמש. אם המשתמש שלנו יגיע ממחשב עם מסך ברזולוציה גבוהה, התצוגה שיקבל תתאים בדיוק לרזולוציה הזו, ואם יגיע מטלפון נייד, התצוגה תשתנה ותתאים עצמה לסוג המכשיר ולרזולוציה שלו. מבחינה טכנית ההתאמה מתבצעת באמצעות נקודות שבירה, כלומר, בתהליך האפיון/ עיצוב אנו מגדירים מספר נקודות ביניים (לרוב 3-4 נקודות כאלה) ומתאימים את העיצוב ל- 3-4 הנקודות הללו. מאחר ומספר הרזולוציות השונות האפשרי היום עולה בהרבה על 3-4 (מגיע כנראה לכמה עשרות שונות, בעיקר במכשירי מובייל, בהם הרזולוציה משתנה בהתאם לסוג המכשיר וליצרן) מדובר בסוג של פשרה, אולם פשרה מחושבת. למעשה, בכל אחת מהנקודות אנו מעצבים למכנה המשותף הנמוך ביותר, ובאופן הזה חוסכים זמן עבודה רב בעיצוב להרבה מאוד סוגים שונים של רזולוציות.
Responsive Designעיצוב רספונסיבי הוא למעשה עיצוב "נוזלי", או במילים אחרות עיצוב "אינסופי". להבדיל מעיצוב אדפטיבי, לא מדובר בעיצוב למספר נקודות שבירה, אלא בעיצוב שמותאם באופן מושלם לכל סוג של מסך ולכל סוג של רזולוציה מהם מגיע המשתמש, ממש כמו מים שישנו את צורתם באופן מושלם כאשר נעביר אותם מכלי אחד לכלי אחר. לכאורה נראה כי מדובר בפתרון האופטימלי, אולם בפועל עיצוב רספונסיבי נחשב לעיצוב מסובך יותר ודורש זמן עבודה רב יותר ולכן לרוב לא נבחר בו כאופציה המועדפת, אלא כפתרון משלים לעיצוב האדפטיבי (במטרה לפתור בעיות תאימות שעלולות להיווצר בין נקודות השבירה השונות).
User journey designהגישה המובילה היום בהתייחס לאפיון ועיצוב חוויית משתמש במובייל היא גישת "עיצוב מסע המשתמש". הכוונה היא לעיצוב חוצה פלטפורמות, שלא שם את הפלטפורמה עצמה כמטרה אלא את תסריט השימוש (מסע) של המשתמש. בגישה הזו, לא נעצב בהתחלה רק למובייל ואז נתייחס לפלטפורמות האחרות (Mobile First) וגם לא נעשה את ההיפך (כמו שלרוב יקרה בגישת ה- Responsive וה- Adaptive), אלא נעבוד במקביל. מתחילת התהליך ולכל אורך הדרך נחשוב במקביל על התסריטים השונים האפשריים (והנפוצים) במובייל ובדסקטופ, ולא פחות חשוב – על השילובים ביניהם. בעולם בו אנו עוברים מהמובייל למחשב, חוזרים שוב למחשב ואז חוזרים שוב למובייל יש לכך חשיבות מכרעת, והיא תשפיע רבות על חווית המשתמש באתר, במוצר או באפליקציה.
במאמר זה סקרנו את הגישות השונות הנוגעות לאפיון ועיצוב חוויית משתמש במובייל. לא משנה באיזו גישה תבחרו, הנושא החשוב ביותר בעינינו הוא להתייחס לתסריטי השימוש השונים של המשתמשים ולאופן השימוש שלהם בכל פלטפורמה. הגדרה מדויקת של תסריטי השימוש בכל פלטפורמה, עם תחילת התהליך, תאפשר לכם להשיג חווית משתמש מוצלחת יותר ומותאמת יותר למשתמשים.
כל הזכויות במאמרים אלה שמורות לחברת TZUR – UX Design. אין להעתיק, לשכפל, לצטט או לעשות כל שימוש שהוא בתוכן המאמר, ללא אישור מפורש בכתב מחברת TZUR – UX Designמחפשים חברת UX/UI מעולה?
אנו מומחי UX/UI למערכות מורכבות, אתרים ואפליקציות, שחיים ונושמים חווית משתמש כבר למעלה מ-20 שנים וזמינים לכל פרוייקט, אתגר או משימת UX/UI.