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

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

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

ארבעה סוגים של אב טיפוס, ארבע רמות עיצוב

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

מהשלד ללחיץ: השלבים והכלים

1. מגדירים מטרות, קהל יעד ופיצ'רים קריטיים.
2. משרטטים מסכים ראשוניים (Wireframes) וניווט.
3. בונים אב טיפוס אינטראקטיבי בכלים כמו Figma, Adobe XD, InVision או Proto.io.
4. בודקים עם משתמשים מקהל היעד.
5. משפרים לפי הפידבק.
6. עוברים לפיתוח מלא.

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

איך קוראים את בדיקת המשתמשים?

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

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

דוגמה: אפליקציה לסטודיו יוגה שכונתי

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

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

חמש טעויות עיצוב שכדאי להשאיר מחוץ לאב הטיפוס

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

כשהאב טיפוס עובר לאייפון

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

בפיתוח אפליקציות לאייפון ב-AnyApp התהליך עובר מאפיון ועיצוב UX/UI, דרך פיתוח בצד הלקוח ב-Swift או Objective-C ובצד השרת, ועד בדיקות על דגמי אייפון שונים והעלאה ל-App Store.

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

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

מה המעצב מכין גם לחנות?

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

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

שאלות נפוצות

האב טיפוס צריך להיראות גמור?

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

משקיעים רוצים לראות אב טיפוס?

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

מתי אפשר לוותר על אב טיפוס?

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

כמה זמן לוקח לפתח אפליקציה לאייפון?

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

באיזה כלי כדאי לבנות את האב טיפוס?

Figma הוא הבחירה הנפוצה היום, ויש גם אפשרויות כמו Adobe XD, InVision ו-Proto.io. הכלי פחות חשוב מהשאלה מה בודקים. אם הבודקים צריכים ללחוץ ולנווט, בוחרים כלי שמאפשר אב טיפוס לחיץ שרץ על הטלפון עצמו, ולא רק על מסך המחשב.