интерфейс

Специалисты из CareerBuilder, дизайнер взаимодействия Ада Рафалович и визуальный дизайнер Гавана Нгуен, создали универсальную таблицу, которую можно применить практически ко всем продуктам компании. В своей статье они делятся секретами сотрудничества на расстоянии, планирования дизайн-процессов и тонкостями работы с таким форматом данных. А также доказывают, что создать таблицу, в которую поместится все, возможно.
Секреты визуального равновесия
  • Размер
  • Форма
  • Цвет
  • Оттенок
  • Текстура
  • 3D
  • Расположение
  • Ориентация
  • Плотность
  • Внутренний интерес
  • Заполнение пространства
  • Восприятие физического веса
Следуйте этим советам, чтобы оптимизировать свое решение:
  1. Поймите своих пользователей
  2. Уточните макет
  3. Примените автофокус
  4. Логически группируйте поля
  5. Правильно размещайте метки, используя краткий текст
  6. Используйте текст-плейсхолдер для добавления контекстной информации.
  7. Создайте четкий, краткий и заметный призыв к действию.
  8. Используйте подходящий инструмент для работы.
  9. Минимизируйте необходимость набирать текст
  10. Используйте визуальные эффекты для поддержки интуитивного заполнения формы
  11. Предоставьте содержательный фидбек об ошибках.
  12. Спрашивайте только необходимую информацию
  13. Поддержка ввода пароля
  14. Отображайте визуальный фидбек
  15. Добавьте немного юмора
  16. Тестируйте, тестируйте, тестируйте
  1. Используйте тип поля ввода, соответствующий данным, которые вы собираете
  2. Текстовые поля должны изменять внешний вид в зависимости от состояния и взаимодействий пользователя
  3. Длина текстового поля должна быть пропорциональна информации, ожидаемой от пользователя
  4. Плейсхолдеры не являются заменой меток
  5. Помогите пользователям заполнить формы
  6. Используйте встроенную проверку
  7. Уменьшите количество полей
  8. Скрывайте нерелевантные поля
  9. Используйте условную логику
  10. Группируйте связанные поля
  11. Избегайте использования нескольких столбцов
  12. Разбейте сложные формы на несколько простых шагов
  13. Минимизируйте возможность навигации за пределами мастера
  14. Показывайте соответствующий тип клавиатуры
Онбординг — одновременно и самая сложная, и самая результативная часть воронки: ее оптимизация ускоряет рост компании. И именно в этой части у многих компаний пробел. Сосредоточьтесь на онбординге: это принесет пользу вашим клиентам, а вы сможете с уверенностью предлагать свой продукт более широкой аудитории
По мнению Эрика, хороший копирайт заголовка может кратко и точно передать, какие данные пользователь должен ввести. Удачный заголовок невозможно трактовать двусмысленно, потратив время на его написание, можно избавить себя от лишней работы.
Чтобы обеспечить хороший опыт пользователя, нужно создать интеллектуальный поток, который удовлетворит все его желания, считает автор. Информация должна быть полезной и отсекать ненужные вопросы.
Статья говорит о том, что только мнение реальных пользователей поможет взглянуть на продукт критически и улучшить его. Задача дизайнеров — не делать допущения вроде «они это уже знают» или «вряд ли у него плохо с памятью»; только так можно избежать неловких ошибок.
  1. Уменьшить количество кликов на главной странице;
  2. Сделать шаги максимально линейными;
  3. Вовлекать пользователей в следующий шаг, слегка приоткрывая контент, который ждет дальше;
  4. Собирать у пользователей только важные данные, которые нужны для начала работы;
  5. Стараться расширять круг знакомств пользователей;
  6. Сделать дизайн, который подсказывает пользователю следующий шаг.
Спросите себя, будет ли в вашем случае иконка:
  • Помогать пользователю найти то, что он ищет?
  • Уменьшать нагрузку на восприятие?
  • Делать продукт визуально привлекательнее?
Выбранная иконка:
  • Понятна для пользователей в данном контексте? Вы протестировали это с целевыми пользователями?
  • Имеет текстовую подпись для повышения юзабилити?
  • Понятно, что она кликабельна?
Если на все вопросы вы ответили «да», можно использовать иконку.
Не используйте иконку, если она:
  • Не помогает пользователю;
  • Загромождает интерфейс;
  • Неоднозначно интерпретируется.
База UX, все собрано по темам
Автор проекта: Надежда Левичева
Подписывайтесь
Обратная связь по эл.почте:
nadezhda.webdesigner@gmail.com
Made on
Tilda