בעיה: מסכי אימות הם סיבה נפוצה לדחייה ב-App Store. אם מוסיפים התחברות עם Google אבל שוכחים את כפתור Apple ID, אפשר לצפות לדחייה. אנו מעצבים טפסי אימות שעוברים את הבדיקות בניסיון הראשון. עם ניסיון של 5+ שנים, אנו מבטיחים עמידה בדרישות הפלטפורמות. אימות מובנה (inline validation) מעלה את שיעור ההמרה ב-30% בהשוואה לשגיאות קופצות, וביומטריה מקצרת את זמן ההתחברות ב-40%. יתרה מכך, לפי הנתונים שלנו, 80% מהמשתמשים נוטשים את ההרשמה בגלל מורכבות הטופס — אנו מצמצמים את הנטישה הזו ל-15%.
איך לעצב מסכי אימות לפי ההנחיות?
אנו מתחילים בניתוח הדרישות של App Store ו-Google Play. ב-iOS, אנו תמיד מיישמים Sign in with Apple (App Store Review Guidelines § 4.8). באנדרואיד, אנו מוודאים ש-BiometricPrompt אינו מותאם אישית ומשתמש בדיאלוג המערכת. המעצב חייב לצפות את כל המצבים: טעינה, שגיאה, ריק, הצלחה. מספר המצבים יכול להגיע ל-10 — מהתחברות מוצלחת ועד נעילת חשבון. שימוש באימות מובנה מפחית הגשות שגויות פי 3 בהשוואה לחלונות קופצים.
אילו מסכים כלולים בערכה?
- התחברות — אימייל/טלפון + סיסמה, כפתורי רשתות חברתיות (סדר: Apple ראשון ב-iOS, אחר כך Google, Facebook). אימות מובנה מתחת לשדות, ללא חלונות קופצים. ספינר בתוך הכפתור בעת שליחה (לא רק כפתור מושבת).
- הרשמה — סט מינימלי. אוספים רק אימייל וסיסמה בהתחלה; תאריך לידה או טלפון מאוחר יותר בפרופיל.
- שכחת סיסמה — שדה אימייל אחד, מסך אישור עם הוראות (בדיקת ספאם, טיימר לניסיון חוזר).
- ביומטריה — Face ID / Touch ID / Android BiometricPrompt. כפתור ההתחברות מציג תג אם הביומטריה מופעלת.
למה סדר כפתורי ההתחברות החברתית חשוב?
ב-iOS, Apple דורשת ש-Sign in with Apple יופיע מעל ספקים אחרים. זו לא רק המלצה — בלעדיו, הבנייה עלולה להידחות. באנדרואיד, הסדר אינו מוסדר, אבל שיטות UX מומלצות מציעות לשים את Google ראשון. אנו תמיד מוודאים עמידה בApp Store Review Guidelines ובGoogle Play Policy.
פרטים טכניים המשפיעים על העיצוב
האם המקלדת מכסה את השדות? ב-iOS, אנו משתמשים ב-UIScrollView עם contentInsetAdjustmentBehavior כדי לגלול מתחת למקלדת. המעצב חייב לציין: האם הטופס נגלל או זז למעלה? כפתור השליחה לא צריך להוסתר מתחת למקלדת. שדה סיסמה — secureTextEntry עם אייקון הצגה/הסתרה בצד ימין. מילוי אוטומטי — הגדרת textContentType (iOS) ו-autofill hints (אנדרואיד). תוויות צפות — עולות במיקוד. חיסכון בזמן פיתוח מרכיבים מוכנים יכול להגיע ל-30%.
| היבט | iOS | אנדרואיד |
|---|---|---|
| ביומטריה | LAContext / LocalAuthentication | BiometricPrompt (מערכת) |
| התחברות חברתית | Sign in with Apple חובה | Google Sign-In, לא חובה |
| מילוי אוטומטי | textContentType | autofillHints |
| התראות Push | APNs (רישום דרך UIApplication) | FCM (שירות) |
| קישורים עמוקים | Universal Links | App Links |
מצבים עיקריים של מסך האימות
| מצב | תיאור | ויזואליזציה |
|---|---|---|
| טעינה | ספינר בכפתור, שדות מושבתים | שכבת-על חצי שקופה או שלד |
| שגיאה מובנית | הודעה מתחת לשדה (טקסט אדום) | הדגשת גבול השדה |
| הצלחה | מעבר למסך הראשי | אנימציית סימון, ואז מעבר |
| לא מקוון | באנר בחלק העליון "אין חיבור" | באנר צהוב עם אייקון |
איך אנו מעצבים: תהליך מהרעיון לפריסה
- ניתוח — לימוד דרישות App Store / Google Play, קביעת הסט המינימלי של מסכים. זיהוי ש-80% מהמשתמשים נוטשים הרשמה בגלל מורכבות.
- עיצוב — יצירת User Flow (התחברות → בית, הרשמה → אימות אימייל → בית). עבודה על מצבי שגיאה וטעינה.
- אב-טיפוס — Figma עם רכיבים: כפתורים, שדות, מודאלים. חיבור Zeplin להעברת מפתחים.
- יישום — iOS (Swift 5.9, SwiftUI), אנדרואיד (Kotlin, Jetpack Compose), או Flutter 3.x. עמידה ב-App Store Review Guidelines.
- בדיקות — אימות כל המצבים, כולל לא מקוון ושינוי כיוון מסך.
- פריסה — TestFlight / Firebase App Distribution. צירוף צילומי מסך עם כפתורי Apple ID.
טעויות נפוצות שאנו נמנעים מהן:
- חוסר כפתור Apple ID ב-iOS
- דיאלוג ביומטרי מותאם אישית במקום מערכתי
- אימות קופץ במקום מובנה
- כפתורים מושבתים ללא ספינר
- איסוף נתונים מיותרים במהלך הרשמה
מה כלול בעבודה
- תרשים UX Flow של כל מצבי האימות
- אב-טיפוסים ב-Figma (התחברות, הרשמה, שכחת סיסמה, הצלחה/שגיאה, טעינה)
- ייצוא נכסים (SVG, PNG) בשלושה גדלים
- תיעוד למפתחים — מפרט מצבים ואנימציות
- תמיכה במהלך הבדיקות (עד 2 דחיות)
- גישה למאגר רכיבי UI (SwiftUI / Compose)
לוח זמנים
סט מסכים מלא (התחברות, הרשמה, שכחת סיסמה, ביומטריה, כל המצבים) — בין יום ל-3 ימי עבודה, תלוי במורכבות האנימציות. נאמוד את הפרויקט לאחר קבלת בריף.
למה לבחור בנו
אנו מעצבים טפסי אימות שעוברים את בדיקות App Store ו-Google Play ללא איטרציות נוספות. הניסיון שלנו: 5+ שנים ו-30+ פרויקטים בפיתוח מובייל. אנו מבטיחים עמידה בהנחיות ותאימות לגרסאות העדכניות של iOS ואנדרואיד. הזמינו עיצוב מפתח של מסכי אימות — כתבו לנו בטלגרם או באימייל. קבלו ייעוץ על ה-UI/UX של האפליקציה שלכם. צרו קשר כדי להתחיל את הפרויקט.