Редизайн реєстрації користувачів

Я вважаю додаток Diet зразковим прикладом того, як повинна працювати програма, користувальницький інтерфейс якої розроблений на основі потреб користувача.

Дієта - це програма для відстеження для запису спортивних занять. Призначення чітке, дизайн може відрізнятися. У разі дієти є характерною рисою є її простота. Під час роботи з додатком ціль дизайнерів, які піклувались про простоту та швидкість використання, можна відчути всіляко. Стандартний додаток для користувача виглядає приблизно таккористувач готується до спортивної діяльності - наприклад, він біжить, одягається, одягає кросівки, виходить перед будинком і запускає СТАРТ у додатку для запису свого бігу. Йому не потрібно вибирати з кожним новим тренуванням вид спортивної діяльності, оскільки дієта пам’ятає найпоширеніші. Надійність перерви, коли спортсмен стоїть, майже безпомилкова, тому не потрібно витягувати телефон при кожній паузі.

Завдяки простоті та надійності використання Дієта дозволяє користувачеві зосередитись на собі та своїй продуктивності, а не вирішувати нічого іншого. Однак водночас вона виконує свою роль.

strava

Користувач зустрінеться з простотою вже в створення облікового запису в додатку. Саме цей вступний крок є уявними воротами у світ спорту та подолання його меж. У моїй редакції, в якому він зосередився на цьому першому кроці, додав я яскраві кольори тла у вигляді градієнта.

Візуальна ієрархія веде користувача до своєї мети

Інтерактивні елементи, такі як поля для електронної пошти та пароля або Реєстрація або Я розробив реєстрацію через Google, щоб виділити їх функціональність та можливість натискати на них. Тому вони мають більш виражені тіні, завдяки яким вони виходять на перший план.

Поля на електронна пошта та пароль мають простий мінімалістичний дизайн, інтуїтивно спонукати користувача натискати. Однак завдяки сильним тіням вони виходять на перший план і набувають візуального пріоритету.

Це не менш важливо для підтримки зорової ієрархії головна кнопка Реєстрація, яка знаходиться в основному кольорі програми. Завдяки цьому вона буде збережена Головна мета кроку - створення та реєстрація облікового запису.

Додавання можливості реєстрації за допомогою облікового запису Google підтримує ідею простоти, завдяки цьому користувач зіткнеться з ним вже при першому контакті з додатком.

Використані інструменти:

Малюнок: повна проектна пропозиція.

Adobe Photoshop: візуальне регулювання, заокруглення кута, зміна розміру.