- Оригинальный адрес:10 heuristic principles for mobile interfaces
- Оригинальный автор:Jordan DeVos
- Перевод с:Программа перевода самородков
- Постоянная ссылка на эту статью:GitHub.com/rare earth/gold-no…
- Переводчик:Hyde Song
- Корректор:portandbridge,sunui
Когда Джейкоб Нильсен начал работать над шаблонами проектирования, он консультировал и преподавал проектирование удобства использования при взаимодействии человека с компьютером. Поэтому в 1994 году он собрал и опубликовал набор эвристик юзабилити.Принципы оценки, эти принципы отражают то, что он изучает. Сегодня, почти 25 лет спустя, с переходом от компьютеров к смартфонам, принципы Нильсена остаются в силе.
Дизайн, ориентированный на человека, подчеркивает важность пользователя, и процесс проектирования был соответствующим образом скорректирован; однако, хотя принципы Нильсена остаются общими для всех типов экранов, с постоянно растущим использованием мобильных устройств основное внимание в дизайне стало уделятьсямобильный интерфейсвверх.
Поищите в Интернете эвристики, и вы получите длинный список с немного другим содержанием. Ниже представлен тщательно подобранный набор из десяти принципов, вдохновленных сторонниками ориентированного на человека дизайна и мышления об удобстве использования.
Вдохновение в области юзабилити начинается с потребностей пользователей
Прежде чем мы начнем обсуждать эти десять принципов, важно признать растущую важность пользователей.GOV.UKНесмотря на то, что это правительственный веб-сайт, его редизайн является ярким примером пользовательского продукта, получившего всемирное признание за его удобство использования.
Директор по дизайну проекта Бен Терретт разработал пользовательский интерфейсПринципы дизайнаВ качестве отправной точки этот набор принципов охватывает все, от стратегии продукта до подхода к визуальному дизайну. Это первый принцип, который определяет успех продукта: «Всегда начинайте с потребностей пользователей. Вы не сможете создать правильную вещь, если не знаете, чего хотят пользователи. Проводите исследования, анализируйте данные, общайтесь с пользователями. Не стройте предположений. Сопереживайте и помните, что то, о чем они просят, не всегда то, что им нужно».
Эвристические принципы оценки удобства использования помогают определить, в каких случаях дизайн пользовательского интерфейса не обеспечивает удобство использования.
1. Прозрачность структуры системы
Практика делать определенные элементы и структуры видимыми позволяет пользователю иметь достаточное понимание контекста.
Пользовательский интерфейс должен позволять пользователям верить, что все под контролем. Пользователи должны иметь возможность легко отвечать на вопросы: «Где я сейчас?» и «Куда я могу перейти отсюда?» Когда система прозрачна, пользователи могут решать, что делать дальше. Пользователи получают автономию и последующую уверенность в использовании интерфейса.
2. Немедленность оперативной обратной связи
Ответ на действие пользователя доказывает, что система получила запрос.
Любое действие пользователя должно иметь немедленную обратную связь в интерфейсе. Немедленная обратная связь убеждает пользователей в том, что система делает то, что от них ожидается.Nick BabichЭксперт по UX в Smashing Magazine, он использует индикаторы прогресса в качестве хорошего примера, чтобы четко сообщить о статусе операции. Он считает, что может визуально оповещать пользователей о том, что их действие принято, и система вскоре укажет следующее действие. Без индикаторов пользователи сталкиваются с неуверенностью и разочарованием, что приводит к перебоям в доступе пользователей.
3. Сообщите пользователю сообщение об ошибке
После того, как пользователь действует неправильно, может быть получена оперативная информация и соответствующие параметры операции.
Иногда пользователи взаимодействуют с мобильными интерфейсами неожиданным образом, испытывают разочарование и раздражение при их использовании и не удовлетворяют свои потребности. Пользователи, которые не могут использовать гладко и легко, являются распространенной причиной того, что пользователи уходят раньше. Пользовательский интерфейс должен предоставлять достаточно подсказок, чтобы помочь пользователям выявлять, оценивать и устранять ошибки.
Вспомогательная информация всегда должна быть легкодоступна для пользователей, однако найти баланс непросто. Предоставление пользователям слишком большого выбора может ошеломить пользователей. Он должен дать пользователю четкое представление о том, как исправить ошибку и как предотвратить ее повторение в будущем.
В-четвертых, гибкость использования
Интерфейс должен быть интуитивно понятным и эффективным для пользователей с разным опытом.
Интерактивный опыт на мобильном терминале не должен зависеть от внешних руководств пользователя. Независимо от того, использует ли пользователь мобильное приложение впервые или в сотый раз, интерфейс должен адаптироваться к обоим сценариям.
Дайте старым пользователям быстрый доступ и более глубокое понимание приложения в целом, но не позволяйте новым пользователям попасть в беспомощную ситуацию из-за простой путаницы. Благодаря гибкости пользовательского интерфейса пользователи могут найти путь, соответствующий их возможностям и потребностям.
Джилл Герхардт-ПауэлПринципы когнитивной инженерии советуют разработчикам «обеспечивать несколько кодировок данных, когда это необходимо — системы должны предоставлять данные в разных форматах и/или с разными уровнями детализации, чтобы повысить когнитивную гибкость и удовлетворить предпочтения пользователя». ограничительный обязательно будет раздражать пользователей при его использовании.
5. Пользовательский опыт, соответствующий привычкам публики
Используйте неожиданные элементы дизайна, которые соответствуют здравому смыслу.
История графических интерфейсовЭто началось, когда Apple Computer сравнила объекты реального мира при разработке первого удобного компьютерного интерфейса. Подобные элементы дизайна, такие как значки папок для представления организации файлов, используются в графическом интерфейсе «Лизы». Эти сравнения реальности полезны, когда большинство людей не знакомы с цифровыми взаимодействиями, но по мере того, как люди становятся более грамотными в цифровом плане, большинство сравнений больше не должны быть буквальными.
По мере того, как люди проводят больше времени, взаимодействуя с экранами, формируются общие ожидания пользователей. Мы хотим, чтобы «+» раскрывал больше информации, а меню навигации оставалось в верхней или нижней части экрана мобильного устройства. Интерфейс становится интуитивно понятным с элементами управления, понятными большинству пользователей.
6. Избегайте слишком большого количества информации и чрезмерного дизайна
Создайте оптимизированный дизайн, исключающий ненужные элементы, которые могут помешать плавному и целенаправленному взаимодействию с пользователем.
Как правило, дизайн цифрового взаимодействия не должен смущать пользователей. Чтобы сократить время принятия решений и количество ошибок, Джилл Герхардт-Пауэл поставила перед разработчиками задачу уменьшить неопределенность, представляя данные в ясной и очевидной форме. Этого можно добиться, удалив ненужный контент и используя цвет, макет и типографику, чтобы направлять пользователей по экрану. Пользователей не следует отвлекать, но им следует дать достаточно указаний, чтобы им было легче достичь своих целей.
Бен Террет часто используетGOV.UKЧетвертый принцип дизайна: «Стремитесь к простоте». в этоттематическое исследование, их методы задокументированы.
7. Функция важнее формы
Дизайнерские решения определяются ролью элемента, а не его визуальным стилем.
«Если вы думаете, что что-то умное и сложное, будьте осторожны — это может быть эгоистичным», — Дон Норман, плодовитый дизайнер продуктов и автор книги «Дизайн повседневных вещей».
Визуальный дизайн интерфейса всегда должен начинаться с определенной функциональности. Когда приоритет отдается стилям и тенденциям, результаты могут выглядеть красиво и привлекательно, но в конечном итоге могут привести к бессвязности.Пользовательский опыт. Визуальная форма не может спасти дисфункциональный дизайн.
Визуальные подсказки могут использоваться для руководства пользователями через функциональные возможности приложения.Закон ФриттаУкажите, что форма, расстояние и размер могут помочь пользователям понять ситуацию и предпринять необходимые действия. Именно здесь форма поддерживает и усиливает функцию.
8. Информация должна быть легко доступна
Размещайте элементы интерфейса в самых удобных местах, где пользователь может их «потрогать», чтобы не приходилось их запоминать.
Легче что-то узнать, чем вспомнить. Если функциональность мобильного интерфейса основана на небольшом количестве информации или системе, менее знакомой аудитории, она должна сделать информацию легкодоступной и удобной для пользователя.
НильсенаОдин из эвристических принципов предполагает, что дизайнеры должны «уменьшить нагрузку на память пользователя, делая видимыми каждый объект, действие и опцию. Пользователю не нужно запоминать информацию для каждой части сеанса. Инструкции по использованию системы должны быть видимым или легко извлекаемым, когда это необходимо».
Джилл Герхардт-Пауэл рекомендует «включать низкоуровневые данные в более высокоуровневые обобщения, чтобы уменьшить когнитивную нагрузку». видеть интерфейс в первый раз не будет так хорошо осведомлен и знаком с информацией, как дизайнер. Повторение информации может показаться излишним для опытных команд, но необходимым для новых пользователей.
9. Надежная согласованность
Используйте согласованные и стандартизированные элементы, такие как текст, сцены и действия, чтобы создать единое целое.
Людей привлекают шаблоны — мы используем шаблоны, чтобы понять мир. Создавайте шаблоны в мобильном интерфейсе, которые станут учебным пособием для пользователей, чтобы они понимали, чего ожидать и как взаимодействовать.дизайн интерфейсавзаимодействовать.
"Это не должно быть ограничением. Все ситуации разные." Принципы дизайна GOV.UK диктуют, что стили интерфейса должны быть последовательными, но не шаблонными. Как вторит Джилл Герхардт-Пауэл: «Новая информация должна быть представлена в знакомых рамках (например, шаблоны, метафоры, повседневный язык), чтобы информация была более доступной для людей».
10. Интеллектуальное резервирование
Непрерывное отражение в процессе проектирования гарантирует, что принципы проектирования пользовательского интерфейса и эвристики удобства использования соответствуют цели продукта и потребностям пользователя.
Якоб Нильсен первым признал, что дляДизайн пользовательского интерфейсаТот, кто предоставляет общие сведения. Например, два его эвристических принципа могут противоречить друг другу: № 6: предоставить пользователям всю информацию, необходимую для принятия решения; № 8: исключить все ненужное.
Ответственность за определение наилучшей стратегии для конкретного варианта использования ложится на эвристического оценщика и группу разработчиков. Если продукт разработан с мыслью о людях и построен с учетом потребностей пользователей, команда понимает это и имеет четкую цель при принятии решения.
Дальнейшее чтение:
- Эвристический анализ для UX — как провести оценку юзабилити
- The Principles of Design and Their Importance
- The Importance of Human-Centered Design in Product Design
- Creating a UI Style Guide for Better UX
- Mobile App Design Best Practices and Mistakes
Эта статья была первоначально опубликована вwww.toptal.com.
Если вы обнаружите ошибки в переводе или в других областях, требующих доработки, добро пожаловать наПрограмма перевода самородковВы также можете получить соответствующие бонусные баллы за доработку перевода и PR. начало статьиПостоянная ссылка на эту статьюЭто ссылка MarkDown этой статьи на GitHub.
Программа перевода самородковэто сообщество, которое переводит высококачественные технические статьи из Интернета сНаггетсДелитесь статьями на английском языке на . Охват контентаAndroid,iOS,внешний интерфейс,задняя часть,блокчейн,товар,дизайн,искусственный интеллектЕсли вы хотите видеть более качественные переводы, пожалуйста, продолжайте обращать вниманиеПрограмма перевода самородков,официальный Вейбо,Знай колонку.