Дизайн екрана авторизації та реєстрації мобільного додатка
Екрани авторизації відхиляються в App Store частіше, ніж здається—не за функціональність, а за невідповідність гайдлайнам. Sign in with Apple обов'язковий, якщо в додатку є будь-який інший спосіб входу через сторонній акаунт (Google, Facebook). Якщо додаток пропонує «Увійти через Google» без кнопки Apple ID—це відхилення за guideline 4.8. Дизайн повинен враховувати це з самого початку.
Що проектуємо
Login екран—email/телефон + пароль, кнопки соціального входу (порядок має значення: Apple—першим на iOS), посилання «Забув пароль», посилання на реєстрацію. Inline validation—не popup, а підказка під полем. Стан loading кнопки при відправці запиту (не просто disabled, а spinner всередині кнопки).
Registration екран—мінімальний набір полів: не збираємо те, що не потрібно прямо зараз. Якщо потрібно тільки email + пароль—тільки це. Дата народження, телефон, фото профілю—можна запросити пізніше, в профілі.
Forgot Password—окремий екран з одним полем. Confirmation screen після відправки. Інструкція повинна пояснювати, що робити, якщо лист не прийшов (перевірити спам, retry timer).
Biometric auth—Face ID / Touch ID badge на кнопці входу, якщо biometrics включений. На Android—BiometricPrompt системний діалог, його не стилізують.
Для кожного екрана—стани: пустий, частково заповнений, помилка (неверний пароль, email зайнят, нема мережі), loading, success.
Технічні деталі, які впливають на дизайн
Клавіатура перекриває поля форм. На iOS UIScrollView з contentInsetAdjustmentBehavior вирішує це в коді, але дизайнер повинен спроектувати поведінку: форма скроллиться під клавіатурою або екран зміщується вгору? Це впливає на розташування кнопки Submit—вона не повинна бути «під» клавіатурою.
Password field—secureTextEntry. Іконка показати/приховати пароль—стандарт. Розміщуємо справа всередині поля.
Автозаповнення—textContentType на iOS (.emailAddress, .password, .newPassword) та autofill hints на Android. Дизайн повинен враховувати, що поле може заповнитися автоматично—плаваючий лейбл піднімається.
Терміни
Повний набір екранів авторизації/реєстрації (login, register, forgot password, success states, error states)—1 робочий день.