5 עמודי התווך של עיצוב נייד מוצלח

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

כַּאֲשֵׁרלוק ורובלבסקיהציג את המושג Mobile First לפני יותר מארבע שנים, זה שינה באופן קיצוני את האופן שבו אנחנו ניגשים לעיצוב. לדבריו, הסיבה הייתה משולשת:

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

ראה גם:

Wroblewski הוא המייסד שלMobile First, לשעבר סמנכ"ל יאהו, מייסד שותף של BagCheck (שנרכשה מאוחר יותר על ידי טוויטר). הוא השיק לאחרונהקוֹטבִי, המאפשר למשתמשים להגדיר במהירות סקרים כדי לקבל משוב על בעיות בזמן.

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

1. תפיסה אינה מציאות.

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

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

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

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

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

2. דחה את ההרשמה כדי לשפר את המעורבות.

יצירת ממשק וחוויית משתמש שיגרמו לאנשים לעסוק בפועל באפליקציה שלך לנייד (והכי חשוב, להמשיך להשתמש בה) היא אתגר בפני כל מפתחי האפליקציות. הנתונים הסטטיסטיים של Wroblewski הם מפוכחים: משתמש iOS ואנדרואיד ממוצע מוריד רקשלוש עד חמש אפליקציות בחודש. מבין אלה,26% נפתחים רק פעם אחתולא השתמשו בו שוב, ועוד אחד48% נפתחים 10 פעמים או פחות.

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

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

3. הקנבס הנייד בא ראשון.

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

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

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

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

4. לאכוף אילוצים.

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

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

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

5. לכבד את חשיבות הברזים.

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

מנכ"ל Hotel Tonight המחיש שהזמנת מלון באפליקציה שלו דורשת רק שלוש הקשות והחלקה, בסך הכל כשמונה שניות. הוא השווה את זה לתהליך הנייד של Priceline (52 הקשות, 102 שניות) והאפליקציה של Hotels.com (40 הקשות, 109 שניות).

ההיפך הוא גם נכון - הזזת פעולות במרחק "הקשה" יכולה להיות בעלת השלכות שליליות. ורובלבסקי מצטט אתInternet Explorer נייד של מיקרוסופטצוות, שבמאמץ לפשט את ממשק המשתמש שלהם, העביר את הכפתורים לכרטיסיות הדפדפן והמועדפים תחת תפריט "עוד". אחרי הכל, מה זה עוד הקשה אחת? התברר שזה הרבה. שחזור גישה בלחיצה אחת לכרטיסיות ולמועדפים הייתה ברוב המקרים בקשת התכונה מספר 1 של IE נייד; זה למעשה נכנס לרשימת 20 המובילים בכל מכשירי Windows Phones.

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