8 небольших изменений в UI, которые сделают ваш продукт в 10 раз лучше

Толковый гайд с маленькими изменениями, которые делают большой вклад в UX и ощущение вот вашего продукта. Большинство этих изменений внедряются меньше чем за час, но оставляют неизгладимое впечатление.

1. Дайте кнопкам смысл

Неработающая кнопка — самый быстрый способ заставить пользователей думать, что ваш продукт сломан. Добавьте обратную микро связь — например, изменение цвета, анимацию подпрыгивания или обновление текста («Сохранение…»).

2. Используйте пустые состояния как бесплатный маркетинг

Знаете эти пустые экраны с надписью «Здесь пока нет данных»? Скучно. Вместо этого сделайте пустые состояния обучающими или интересными.

3. Автоматическое сохранение всех данных (или хотя бы притворитесь, что делаете это)

Ничто так не кричит об «устаревшем» продукте, как заставлять пользователей нажимать «Сохранить», как будто на дворе 2003 год. Добавьте индикаторы автосохранения («Все изменения сохранены») или мгновенное сохранение при редактировании полей.

4. Более интеллектуальные состояния загрузки

Пустой экран с вращающимся спиннером? Фигня. Вместо этого используйте экраны загрузки для отображения прогресса или ценности.

5. Сделайте формы менее раздражающими

Формы — как визиты к стоматологу: они никому не нравятся, но они необходимы.

Несколько изменений:

• Встроенная валидация (скажите, что я ошибся в адресе электронной почты, пока печатаю, а не после).
• Поля с поддержкой автозаполнения.
• Индикаторы прогресса для многошаговых форм («Шаг 2 из 3»).

6. Оставляйте отклик после каждого действия

Нажали «Удалить»? Покажите уведомление с подтверждением. Изменили настройки? Покажите «Ваши настройки обновлены».

7. Используйте хорошие микротексты

Текст вашего интерфейса — это либо роботизированный сонник, либо молчаливый инструмент продаж.

Вместо «Ошибка 404» попробуйте «Упс! Мы потеряли эту страницу, но вот как всё вернуть на круги своя».

8. Выберите «Полезность по умолчанию»

Вы когда-нибудь замечали, как просто работает Google Docs? Вы открываете документ. Он автоматически сохраняет информацию. Он отлично форматируется. Это как… волшебство. Ваш продукт может делать то же самое.

Быстрые решения, которые стоит попробовать уже сегодня

1. Выберите один экран в вашем продукте.
2. Примените всего одно из этих улучшений пользовательского интерфейса.
3. Посмотрите на реакцию пользователей.

Все не влезло - расширенная версия в статье. Какие микро улучшения знаешь/практикуешь? Делись в комментариях.

AppGrowth про инди, пет и монетизацию