Процессы регистрации и аутентификации пользователей — одни из самых распространенных, но часто наиболее проблемных и вызывающих разочарование. Они формируют первое впечатление пользователя о вашем приложении, поэтому крайне важно сделать их удобными и заслуживающими доверия. Независимо от того, разрабатываете ли вы интерфейс для входа в систему, регистрации пользователей или пошаговое руководство по адаптации, следующие рекомендации помогут вам создать идеальный пользовательский опыт.
Основные выводы
- Создайте потрясающий процесс адаптации для новых сотрудников.
- Используйте доступные библиотеки, например, ключи доступа, для повышения доверия пользователей, повышения привычности и удобства.
- Собирайте только критически важную информацию о пользователях.
- Используйте понятный и вспомогательный язык.
- Организуйте и объясните ценность функций и обоснование необходимости предоставления разрешений.
Начать
Сбор информации : Подумайте о том, что нужно пользователю для настройки, обучения и авторизации.
Внутри приложения или на начальном этапе: разделите все действия на те, которые необходимо выполнить до использования приложения, и те, которые необходимо выполнить во время его использования. Избегайте создания препятствий для пользователей при начале взаимодействия с контентом вашего приложения. Подумайте, лучше ли использовать контент и интерактивные элементы в качестве подсказки или в качестве обучающего момента.
Для элементов, присутствующих в контексте, предоставьте пояснение и, если применимо, предпримите соответствующие действия.
Для этапов и обучения, которые крайне важны перед использованием вашего приложения, организуйте их в логическую последовательность. Как правило, вам нужно будет показать ценность приложения, прежде чем запрашивать разрешения устройства или создавать учетную запись. Всегда следуйте за ценностным предложением к действию.
Если ваше приложение требует наличия учетной записи, определитесь с методами аутентификации. Использование паролей может снять с пользователей опасения и упростить управление учетной записью.
Предоставьте методы восстановления.
Отображайте прогресс пользователя. Вы можете использовать такие компоненты, как пошаговые инструкции, пейджеры или индикатор выполнения.
Пользовательские сценарии
Исключительно качественная процедура адаптации создает чувство удовлетворения и обладает ярко выраженной индивидуальностью. Она помогает пользователям ориентироваться с помощью четких указателей, настраивать интерфейс, предоставлять разрешения и отслеживать свой прогресс, одновременно взаимодействуя с брендом и концепциями вашего приложения.
Размещение точки входа
В приветственном окне предварительно загружается вся информация для пользователей и настройки приложения. Такой подход идеально подходит, когда для доступа к контенту требуется регистрация пользователя, когда предварительный просмотр контента невозможен или когда контекстное обучение не подходит. Главное преимущество заключается в том, что пользователи сразу же узнают, как пользоваться приложением, и быстрее получают полный доступ. Однако существенным недостатком является более высокий риск потери пользователей до того, как они опробуют приложение, хотя это можно смягчить, предоставив им некоторую первоначальную информацию о контенте, как показано на следующем изображении.
Контекстная , или «в режиме реального времени», адаптация пользователя в приложении обеспечивает большую гибкость в отношении ознакомления с контентом, регистрации и обучения. Она позволяет использовать такие схемы, как предварительное предоставление разрешений, когда запросы поступают в конкретный момент необходимости. Это лучше всего подходит, когда вы хотите предоставить предварительный просмотр, чтобы привлечь регистрирующихся, или когда вы предпочитаете разбить регистрацию и обучение на более мелкие, более запоминающиеся и управляемые шаги. Это также позволяет пользователю учиться в процессе работы и повышает вероятность удержания в памяти.
Регистрация / Запись
Процесс регистрации, или создания учетной записи, помогает пользователям создать аккаунт в вашем приложении. Подумайте, нужно ли вашему приложению регистрировать пользователей заранее, чтобы ими пользоваться, или же они могут получить доступ к определенному уровню контента и функций.
Для оптимизации процесса регистрации собирайте на начальном этапе только минимально необходимую информацию, такую как адрес электронной почты и пароль, или объединяйте этапы, чтобы упростить процедуру. Сбор только основных данных, таких как имя пользователя для подтверждения, позволяет избежать перегрузки пользователя множеством вариантов. Для более длительных процессов разбейте их на несколько экранов, но не усложняйте, вводя только один параметр на каждом экране. Убедитесь, что требования к паролю понятны и логичны.
Войти / Войти
Пользователям, которые уже пользовались приложением, необходим способ повторного входа в свою учетную запись. Вход должен быть быстрым и ненавязчивым. Если ваше приложение требует аутентификации только для учетных записей, рассмотрите возможность объединения регистрации и входа в систему с помощью единого метода авторизации.
Эффективные процессы авторизации должны отдавать приоритет удобству пользователя за счет внедрения современных методов аутентификации. Это включает в себя предоставление биометрических данных и возможности автозаполнения для снижения когнитивной нагрузки и необходимости ручного ввода данных от пользователя.
Пошаговое руководство по внедрению и настройке системы.
Прежде чем создавать подробный пошаговый обзор, тщательно оцените, действительно ли ваше приложение в нем нуждается. Зачастую сложные функции можно представить более естественно с помощью ненавязчивых анимационных подсказок или контекстных всплывающих подсказок, которые не нарушают первоначальный процесс работы пользователя.
Если требуются разрешения для устройства, используйте «предварительное разъяснение разрешений», чтобы объяснить ценность запрашиваемого доступа. Это наиболее эффективно, если делать это в конкретный момент необходимости, а не в виде массового запроса в начале работы приложения.
Делать
Не
При презентации функций приложения для привлечения регистраций подумайте, будет ли предварительный просмотр реального контента более убедительным, чем серия статичных промежуточных слайдов. Если вы используете пошаговое руководство, всегда убедитесь, что есть четкая и постоянно доступная возможность пропустить его или сразу же войти в систему.
Предоставьте возможность пропустить часть процесса и продолжить позже, например, с помощью кэширования прогресса. Возможность сохранения создает контрольную точку, поэтому пользователи с большей вероятностью продолжат с того места, где остановились, а не бросят все. Всегда четко сообщайте пользователям, что произойдет с достигнутым прогрессом, чтобы успокоить их.
Визуальная ориентация с помощью пошаговых индикаторов и индикаторов прогресса помогает сформировать у пользователя определенные ожидания. Эти элементы дают четкое представление о количестве оставшихся шагов, снижая процент отказов во время длительных процессов регистрации или настройки.
Делать
Не
Восстановление
Процессы восстановления должны разрабатываться с учетом конфиденциальности пользователей и с уважением к ним. Никогда не следует предполагать, что все процессы, связанные с учетной записью, пройдут без проблем. Убедитесь, что у пользователей есть четкие пути для исправления ошибок без лишних затруднений.
Делать
Не
Если ваше приложение требует определенного имени пользователя, предоставьте способы, которые помогут пользователям запомнить или легко его сбросить.
Делать
Не
Хотя предварительное заполнение некоторых полей, таких как адрес электронной почты, может быть удобным во время регистрации, конфиденциальную информацию, например пароли, никогда не следует предварительно заполнять в процессе восстановления или сброса. Всегда следует по умолчанию скрывать конфиденциальную информацию, чтобы защитить конфиденциальность пользователей в общественных местах.
Единый вход / Пароли
Интеграция с уже существующими библиотеками, такими как Passkeys и поставщиками единого входа (SSO), повышает доверие и обеспечивает удобный и привычный пользовательский опыт. Эти системы позволяют пользователям использовать имеющееся оборудование безопасности и учетные данные для беспрепятственного доступа к вашему приложению.
Макеты и компоненты
При разработке форм аутентификации крайне важно использовать принцип изоляции, группируя похожие и связанные записи вместе, например, размещая поля «имя» и «фамилия» рядом друг с другом. Это помогает создавать гибкие макеты, которые могут перестраиваться.
Избегайте создания длинных форм с прокруткой, которые являются основным источником недовольства пользователей.
Прежде чем добавлять какие-либо поля ввода, тщательно оцените, действительно ли необходима эта информация. Если пользователь случайно откажется от заполнения обширной формы, необходимость повторного ввода исчерпывающей информации может привести к высокому проценту отказов.
Делать
Не
Расширенные макеты
При адаптации макетов для расширенных или альбомных режимов отображения дизайнеры должны обеспечить удобство и эстетическую привлекательность пользовательского интерфейса. В частности, следует избегать растягивания интерактивных компонентов, таких как кнопки, на всю ширину экрана, поскольку это может выглядеть неестественно и снижать удобство использования.
Вместо этого продолжайте использовать принципы ограничения ширины, устанавливая максимально допустимую ширину для элементов формы и блоков контента, чтобы сохранить читаемость и визуальный баланс на больших экранах.
Не
компоненты обучения пользователей
При ознакомлении пользователей с новыми функциями и в процессе адаптации можно использовать множество компонентов. Подробные всплывающие подсказки и диалоговые окна помогут выделить новые функции и обучить пользователей работе с приложением. Таблицы могут служить промежуточным элементом для демонстрации контента, посвященного адаптации и обучению.
Другие форм-факторы
Процесс подключения может включать передачу устройства для использования в различных форм-факторах и расширенного использования приложений.
Мобильное приложение может обеспечить более эргономичный и удобный способ управления аутентификацией, позволяя осуществлять регистрацию пользователей с других форм-факторов. Например, пользователь может завершить вход в систему на своем мобильном устройстве, начав его с приложения Google TV.
Если ваше приложение поддерживает расширенные функции на других форм-факторах, таких как очки с искусственным интеллектом или Wear OS, предоставьте пользователям подсказки для ознакомления и обучение для адаптации. Узнайте больше о разработке процесса адаптации пользователей к очкам с искусственным интеллектом .
UX-копирайтинг
Используйте ненавязчивые механизмы обратной связи, такие как всплывающие уведомления (Snackbars и Toasts), для подтверждения действий пользователя или предоставления кратких обновлений статуса. Это гарантирует, что пользователь будет информирован о состоянии системы, не требуя от него закрывать модальные диалоги для получения незначительной обратной связи.
Тон
Тон вашего текста при описании ошибок имеет решающее значение; избегайте выражений, которые высмеивают или раздражают пользователя. Используйте ясный, вспомогательный и ободряющий текст, который фокусируется на решении, а не на ошибке, особенно в стрессовых ситуациях, таких как восстановление пароля.
Ресурс
Откройте для себя шаблоны для адаптации новых пользователей, сценарии взаимодействия с пользователем и материалы для обучения пользователей в наборе Figma Kit для адаптации новых пользователей Android .