Принципы и правила юзабилити. Правила и принципы юзабилити

Согласно стандарту ISO-9241 основными критериями юзабилити являются:

Эффективность -Продуктивность -Удовлетворенность пользователя

Эффективность

Эффективность (Effectiveness ) продукта определяется как «точность и полнота, с которой пользователи достигают поставленных целей ». Эффективность измеряется следующими параметрами:

Какой процент задач пользователя реализуется в продукте. Тот продукт будет считаться более эффективным, который реализует больше задач пользователей. Здесь можно привести такой пример . Мобильный телефон может выполнять функции, которые недоступны при использовании компьютера или музыкального центра. Или же новая версия программного обеспечения, решает большее количество задач пользователей, чем предшествующая.

Отношение числа успешных действий к ошибкам. Чем выше этот показатель, то есть чем меньше ошибок совершается пользователем, тем эффективность выше .

Нагрузка на пользователя (должны быть минимальной). Здесь, прежде всего, следует учитывать нагрузку на основные психические процессы: память, внимание, воображение . Интерфейс веб-сайта должен быть запоминающимся, не только по внешним характеристикам, но и по принципам работы в нем. В нем не должно присутствовать слишком большое количество объектов, отвлекающих внимание пользователя от восприятия основной информации.

Такими, например, являются мигающие, двигающиеся, всплывающие баннеры, которые в большинстве случаев пользователь пытается игнорировать или совсем исключить из поля зрения. Интерфейс сайта должен быть интуитивно понятным пользователю. «Не заставляйте меня думать », - первый закон юзабилити, о котором говорит в своей книге Стив Круг. Количество используемых функций и команд (должно быть высоким). Далеко не все функции и возможности, заложенные в продукте, используются пользователем. Если он реализует хотя бы 10% из них, то такой продукт можно считать успешным.

Продуктивность

Продуктивность (Efficiency ) продукта определяется как «ресурсы, которые пользователь затрачивает, чтобы с точностью и полнотой достигнуть поставленных целей ». Прежде всего, продуктивность измеряется следующими показателями :

Время , которое необходимо пользователю для выполнения задания (должно быть минимальным).

Время , необходимое для предварительного обучения (должно быть минимальным). Этот показатель очень важен для веб-сайта - продукта, рассчитанного на широкую аудиторию. Чаще всего пользователь не имеет ни малейшего желания, заходя на какой-либо Интернет ресурс, читать мануалы для того, чтобы разобраться, как им пользоваться. Проведение семинаров и тренингов также не представляется возможным. Для того чтобы минимизировать время для предварительного обучения пользователей, необходимо использовать стандарты, которые уже существуют в индустрии, прежде всего, использовать те навыки, которые пользователи получили на сайтах конкурентов. Якоб Нильсон, гуру юзабилити, говорит о том, что если 50% сайтов предлагают совсем неудобное и достаточно трудное решение какой-либо задачи, то необходимо следовать их примеру и использовать тот же путь. Это легко объяснить с точки зрения психологии. Существует так называемый «синдром утенка », когда пользователи, долго работающие с одним дизайном, долго привыкают или совсем не хотят работать с новым, даже более удобным. Подробнее об этом можно почитать в статье «Правила и принципы юзабилити». Время, которое тратится на ошибки и решение проблем. Большинство действий, которые пользователь совершает на сайтах, являются ненамеренными. В любой ситуации, в которой оказался пользователь, он должен иметь возможность легкого выхода из нее.

Количество совершаемых ошибок

Частота использования справки и документации. Частота обращений к справке должна быть минимальной или, по крайней мере, не повторяющейся. Если пользователь один раз обратился за помощью, то это еще не является критерием низкой юзабилити. Если же он раз за разом перечитывает, не может запомнить предоставленные в справке указания, то на это уже стоит обратить внимание и проанализировать, почему это происходит.

Количество повторных и ошибочных действий. Если пользователь ошибается один раз - это нормально, он не должен ошибаться постоянно, особенно после предварительного обучения.

Удовлетворенность

Удовлетворенность (Satisfaction ) продукта определяется как «комфорт и приемлемость использования ». Определить удовлетворенность достаточно сложно, поскольку это, прежде всего, эмоциональная компонента. Были введены следующие оценки :

• Рейтинговая оценка по шкале полезности продукта или услуги.

• Рейтинговая оценка по шкале удовлетворенности функциональностью продукта.

• Количество случаев, когда пользователь испытывал гнев или проявлял недовольство при обращении с продуктом.

• Рейтинговая оценка по шкале технологичности управления задачей без участия пользователя.

• Оценка того, насколько технологическое выполнение задачи соответствует потребностям пользователя.

Основные правила юзабилити.

Правило 7+2

В соответствии с результатами исследования, которое было проведено Джорджем Миллером, кратковременная память может содержать одновременно от 7 до 9 сущностей . Этот факт часто используют, чтобы доказать необходимость сокращения числа элементов в навигационном меню до 7.

Правило 2 секунд

Оптимальное значение времени ожидания пользователя любой реакции системы - это 2 секунды . Это значение выбрано произвольно, но кажется подходящим. Вообще, чем меньше пользователю приходится ждать, тем лучше.

Принцип Парето или правило 80/20.

Это правило основывается на том, что 80% эффекта является результатом 20% действий . Если применить это правило к веб-дизайну, то его суть можно определить следующим образом: для того, чтобы улучшить отдачу сайта, особое внимание нужно обратить на 20% пользователей, процессов, действий, товаров, услуг, которые дают 80% прибыли.

Восемь золотых правил для разработчиков интерфейсов.

В результате исследований взаимодействия человека и компьютера Бен Шнейдерман составил набор правил , которые могут быть использованы при разработке многих типов интерфейсов. Эти принципы актуальны как для разработчиков интерфейсов, так и для веб-дизайнеров.

1. Стремитесь к логичности. 2. Для опытных пользователей должен быть быстрый способ (сокращения, горячие клавиши, макросы). 3. Должна быть информативная обратная связь. 4. Диалог должен быть законченным. 5. Обработка ошибок должна быть простой. 6. Должен быть простой способ отмены действий. 7. Пользователь должен чувствовать, что все под его контролем. 8. Как можно меньше загружайте кратковременную память.

Правило Фиттса

Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели. Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.

Перевернутая пирамида

Перевернутая пирамида - это стиль написания, при котором основная мысль представлена в начале статьи . Статья начинается с вывода, за которым следуют ключевые моменты, а завершается наименее важной информацией. Пользователи хотят получать информацию как можно быстрее, поэтому перевернутая пирамида как нельзя лучше подходит для веб, такого же мнения придерживается и гуру юзабилити Якоб Нильсен.

Удовлетворенность

Пользователи не выбирают оптимальный путь в поисках необходимой информации. Им не нужно самое лучшее и надежное решение, напротив - часто они готовы удовлетвориться быстрым и не самым лучшим решением, которое будет «вполне приемлемым». Применительно к веб, удовлетворенность описывается именно этим случаем: пользователь получил «вполне приемлемое» решение проблемы - даже если альтернативные решения полнее покрывают его требования на длительный срок.

Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome). Пользователи привязываются к первому изученному ими дизайну и неохотно используют новый, он просто чувствуют себя не комфортно в нем. Это следует учитывать при проведении редизайна сайта. Хотелось бы заметить, что только по истечению некоторого времени пользователи привыкают к новому дизайну, до этого может происходить следующее: они либо вообще перестают посещать данный ресурс, либо пользуются им реже, чем обычно. Очень правильно в случае редизайна, оставлять ссылку на старую версию сайта.

Баннерная слепота

Пользователи игнорируют все, что похоже на рекламу. С чем это связано? Дело в том, что глаз человека реагирует на все движущиеся, мигающие, яркие предметы, расценивая их на подсознательном уровне, как угрозу, как опасность. Поэтому пользователи игнорируют большие, красочные анимированные баннеры, фокусируя свое внимание на той части страницы, где может быть расположена необходимая им информация: тексты, гиперссылки. Таким образом, пользователь просто ставит барьер и не воспринимает рекламу.

Эффект неопределенности (Эффект Зейгарник)

Этот эффект часто используют в рекламе: задавая посетителям интересные или провокационные вопросы, рекламщики таким образом принуждают к чтению материала или клику по ссылке. Этот эффект очень эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут отложены в памяти более четко и точно.

Принципы восприятия форм

Это фундаментальные правила человеческой психологии в контексте дизайна интерфейсов человек-компьютер. Закон близости утверждает, что когда мы видим набор некоторых объектов, те из них, которые расположены ближе друг к другу, мы воспринимаем как группу.

The Self-Reference Effect

Этот эффект особенно важен при создании текстов для веб, поскольку может значительно улучшить связь между автором и читателем. Вещи, связанные с нашим собственным опытом, мы запоминаем лучше, чем те, которые с нами не связаны. К примеру, после прочтения статьи люди лучше запоминают персонажей, истории или факты, с которыми они были как-то связаны.

Ошибки юзабилити

• Не используйте всплывающие окна (поп-апы). Всплывающие окна отвлекают внимание посетителей от контента сайта, что не есть хорошо. Уважайте своих посетителей!

• Не изменяйте размер окна Полужирное начертание браузера посетителя. Причины те же, что и в случае с всплывающими окнами + еще одно: некоторые браузеры запоминают последний размер окна браузера и при новой загрузке воспроизводят его. Как очень метко подметил Бен Бодьен «Если Вы думаете, что лучше знаете, какой размер окна браузера лучше для Ваших посетителей, то Вы совершаете одну из грубейших ошибок, которая не простит Вас…».

• Не используйте мелкие , нечитабельные размеры шрифтов . Из-за этого длинные тексты читаются с большими усилиями, а на чтение коротких уходит больше времени, чем обычно. Это относится не только к контенту, но и к ссылкам, кнопкам, формам и другим элементам веб-сайта. Хорошая новость – в Web 2.0 все наоборот!

• Тексты всех ссылок должны быть понятны посетителям. Тексты ссылок должны давать представление посетителям о той странице, на которую ведет конкретная ссылка. Неоднозначные и двусмысленные тексты ссылок следует исключить.

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

• Не используйте больше 1 анимации на странице. Анимированные баннеры очень сильно отвлекают посетителей от основного контента сайта. Если уж Вы не хотите отказаться от их использования совсем, то хотя бы не размещайте их рядом с основным контентом сайта. Посетители Вам за это будут очень благодарны!

• Сделайте процесс связи с Вами максимально простым и удобным. Если Вы не хотите поддерживать связь со своими посетителями – Вы на грани провала. Заинтересованные Вашим проектом посетители обязательно захотят связаться с Вами, но если не найдут Ваших координат, то сразу же потеряют интерес и доверие к Вам и Вашему сайту. Данное правило особенно важно для сайтов, непосредственно занимающихся электронной коммерцией.

• Все ссылки , имеющие место быть на Вашем сайте, должны открываться в этом же окне браузера. Каждый посетитель в праве сам выбирать, как и где открывать ту или иную ссылку. Поэтому навязывание своих правил не приведет ни к чему хорошему.

Тестирование

Юзабилити-тестирование

Для юзабилити-тестирования на сайт приглашаются посетители из реальных целевых групп . Затем специалист наблюдает, насколько эффективно пользователи справляются с решением поставленных перед ними задач, и определяет ВСЕ проблемы с сайтом. Например, вы занимаетесь продажей автомобилей с пробегом. Для тестирования приглашают тех, кто собирается в ближайшее время купить подержанный автомобиль, и анализируем их работу с вашим интернет-ресурсом.

Юзабилити-тестирование можно проводить с помощью специальных сервисов (где сайт тестируют люди, либо тестирование происходит с помощью специальных методик)

Сплит-тестирование

Сплит-тестирование дает возможность сравнивать эффективность изменений

Удовлетворенность (Satisfaction) продукта определяется как «комфорт и приемлемость использования». Определить удовлетворенность достаточно сложно, поскольку это, прежде всего, эмоциональная компонента. Были введены следующие оценки:

• 
  Рейтинговая оценка по шкале полезности продукта или услуги.
• 
  Рейтинговая оценка по шкале удовлетворенности функциональностью продукта.
• 
  Количество случаев, когда пользователь испытывал гнев или проявлял недовольство при обращении с продуктом.
• 
  Рейтинговая оценка по шкале технологичности управления задачей без участия пользователя.
• 
  Оценка того, насколько технологическое выполнение задачи соответствует потребностям пользователя.

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

Правила и принципы Юзабилити

Существует несколько основных правил и принципов юзабилити , на которые стоит обращать внимание при разработке дизайна сайта или же изменении его структуры.

Основные пункты, которые подлежат проверке на данном этапе являются следующие:

• 
  корректное отображение сайта в различных браузерах при различных настройках экрана монитора;
• 
  актуальность ключевой информации и информации о специальных предложениях;
• 
  удобство навигации по сайту;
• 
  простота осуществления поиска и заказа товаров (услуг).
• 
  степень удовлетворенности пользователей при использовании сайта (юзабилити-тестирование с привлечением пользователей из целевой аудитории сайта)

Анализ юзабилити сайта непосредственно связан с этапом маркетингового аудита «Веб-аналитика» . Информация, полученная в результате юзабилити-тестирования, используется для создания полноценной характеристики аудитории сайта и служит для разработки рекомендаций по улучшению эффективности взаимодействия пользователей с Интернет-проектом.

Основные правила и принципы юзабилити были опубликованы в Smashing Magazine , 31 октября 2007.

Далее преведена выдержка из статьи:
« Профессиональный веб-разработчик должен быть адвокатом посетителя сайта, защищать его интересы и гарантировать, что независимо от сложности сайта, пользователь всегда сможет найти то, что ему нужно. Чтобы успешно выполнять эти задачи, вы должны уметь эффективно защищать свои идеи и решения в дискуссиях с клиентами и коллегами. Ваша работа в том, чтобы корректировать плохие идеи и неверные концепции, а не слепо следовать им.

Конечно, для этого важно глубокое понимание фундаментальных принципов юзабилити, но чтобы ссылаться на них в обсуждении столь же важно знать, как называются эти концепции. Более того, использование точных определений может помочь отстоять свою точку зрения в дискуссии.»

^ Правило 7±2

Возможности мозга по обработке информации не безграничны, в соответствии с результатами исследования Джорджа Миллера кратковременная память может одновременно содержать от 5 до 9 сущностей. Этот факт часто используется при обосновании необходимости сократить количество элементов в навигационных меню до 7, что вызывает горячие дебаты , поскольку не совсем ясно, как это правило должно применяться в веб. [Miller’s studies ]

Правило 2-х секунд

Заключается в том, что пользователь не должен ждать любой реакции системы, к примеру, запуска или переключения приложения, более 2-х секунд. Значение 2 секунды выбрано произвольно, но кажется достаточно подходящим. В общем случае, чем меньше ждет пользователь, тем лучше.

^ Правило 3-х кликов

Пользователь не будет в восторге от использования сайта, если он не может найти необходимую ему информацию за три клика мышкой. Другими словами это правило подчеркивает важность понятной и простой навигации. Во многих случаях важно не столько количество необходимых кликов, сколько общая понятность системы, даже 10 кликов не проблема, если на каждом этапе пользователь четко представляет, где он и куда должен двигаться дальше.

^ Правило 80/20 (Принцип Парето)

Заключается в том, что 80% эффекта получается в результате 20% действий. В бизнесе это правило часто применяется в виде: «80% продаж приходится на 20% клиентов». В веб-дизайне и юзабилити это правило работает не менее эффективно. К примеру, значительно улучшить отдачу сайта можно определив 20% пользователей, заказчиков, действий, продуктов или процессов которые дают 80% прибыли и обратив на них особое внимание при разработке.

^ Восемь золотых правил для разработчиков интерфейсов

В результате исследований взаимодействия человека и компьютера Бен Шнейдерман составил набор правил, которые могут быть использованы при разработке многих типов интерфейсов. Эти принципы актуальны как для разработчиков интерфейсов, так и для веб-дизайнеров.

1. 
   Стремитесь к логичности
2. 
   Для опытных пользователей должен быть быстрый способ (сокращения, горячие клавиши, макросы)
3. 
   Должна быть информативная обратная связь
4. 
   Диалог должен быть законченным
5. 
   Обработка ошибок должна быть простой
6. 
   Должен быть простой способ отмены действий
7. 
   Пользователь должен чувствовать, что все под его контролем
8. 
   Как можно меньше загружайте кратковременную память

Правило Фиттса

Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели. Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.

^ Перевернутая пирамида

Перевернутая пирамида - это стиль написания, при котором основная мысль представлена в начале статьи. Статья начинается с вывода, за которым следуют ключевые моменты, а завершается наименее важной информацией. Пользователи хотят получать информацию как можно быстрее, поэтому перевернутая пирамида как нельзя лучше подходит для веб, такого же мнения придерживается и гуру юзабилити Якоб Нильсен .

Удовлетворенность

Пользователи не выбирают оптимальный путь в поисках необходимой информации. Им не нужно самое лучшее и надежное решение, напротив - часто они готовы удовлетвориться быстрым и не самым лучшим решением, которое будет «вполне приемлемым». Применительно к веб, удовлетворенность описывается именно этим случаем: пользовать получил «вполне приемлемое» решение проблемы - даже если альтернативные решения полнее покрывают его требования на длительный срок.

^ Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome)

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

^ Баннерная слепота

Пользователи игнорируют все, что похоже на рекламу, и что интересно, делают это весьма эффективно. Хотя рекламу замечают , ее все равно всегда игнорируют . У пользователей выработаны довольно-таки четкие схемы, которым они следуют, выполняя в веб различные действия: в поисках необходимой информации они фокусируют внимание на тех частях страницы, где эта информация может быть расположена - на основном тексте и гиперссылках. Большие, красочные, анимированные баннеры в этом случае полностью игнорируются.

^

Эффект неопределенности (Эффект Зейгарник)

Человек не терпит неопределенности - мы стараемся найти ответы на возникающие вопросы, причем как можно скорее. Эффект неопределенности основан именно на этой особенности поведения людей. Видео ролики, статьи и сюжеты, использующие эффект неопределенности, обычно заканчиваются внезапно, не разрешая сложную ситуацию и не отвечая на возникающие вопросы. Этот эффект часто используется в рекламе: задавая посетителям интересные и провокационные вопросы, рекламщики часто принуждают к чтению материала или клику на ссылке.

Обнаруженный Блюмой Зейгарник в 1927 году эффект помогает установить эмоциональную связь с читателем и невероятно эффективен в маркетинге. Читатели лучше запомнят, о чем была реклама, и даже мелкие детали будут запомнены более четко и точно. Эффект Зейгарник используется и при написании текстов для веб, чтобы привлечь и заинтересовать посетителей.
^

Гештальт принципы восприятия форм

Это фундаментальные правила человеческой психологии в контексте дизайна интерфейсов человек-компьютер.

^ Закон близости утверждает, что когда мы видим набор объектов, объекты, расположенные ближе друг к другу, мы распознаем как группу.

Реальный пример действия закона близости c MTV Music Awards 2002.
^ Закон сходства утверждает, что сходные объекты человек подсознательно группирует.

The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.

В логотипе Macintosh можно разглядеть как обычное счастливое лицо, так и счастливое лицо в профиль.
^ Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.

Закон смыкания утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.

^

The Self-Reference Effect

Этот эффект особенно важен при создании текстов для веб, поскольку может значительно улучшить связь между автором и читателем. Вещи, связанные с нашим собственным опытом, мы запоминаем лучше, чем те, которые с нами не связаны. К примеру, после прочтения статьи люди лучше запоминают персонажей, истории или факты, с которыми они были как-то связаны.

Нашему мозгу свойственно искать во всем окружающем логику, структуру и закономерность. Например, что вы видите, глядя на изображение ниже?

Большинству людей первым в глаза бросается черный треугольник. Но на самом деле здесь есть только четыре законченных формы — это три белых «пакмэна» на фоне черной фигуры. Мы видим треугольник, потому что наш мозг, считывая неоднозначную визуальную информацию, организует ее в нечто, имеющее для нас смысл — знакомое, симметричное, аккуратное и т. д. Если убрать этот процесс, мы будем воспринимать элементы, не считывая связей между ними, и не увидим «леса за деревьями».

Для еще одной иллюстрации процесса, взгляните на GIF-файл ниже:

Вы наверняка видите бегущую собаку. Возможно, даже узнали ее породу:) Но на самом деле, это не более чем ряд движущихся точек. Данные несложные примеры прекрасно демонстрируют особенности нашего мозга, который все время пытается структурировать окружающий мир. Этот феномен известен как гештальт-принцип зрительного восприятия, объясняющий процесс, через который наш мозг «по умолчанию» формирует жесткую структуру из всей поступающей информации. Но почему это важно для маркетологов и веб-дизайнеров?

Почему дизайнерам важно учитывать гештальт-принципы?

Выдающиеся дизайнеры прекрасно осознают огромную роль психологии зрительного восприятия. Что происходит, когда глаз человека считывает ваш макет? Как реагирует ум читателя на сообщение, которое вы пытаетесь распространить? Просто задумайтесь о том, что испытывают люди, впервые увидев ваш проект. Для того, чтобы понять принципы создания выдающегося пользовательского интерфейса, стоит изучить психологию человеческого восприятия.

Основной закон, регулирующий гештальт принципы, заключается в следующем: мы, как правило, ожидаем от нашего опыта, что он будет обычным и узнаваемым. Это инструмент, позволяющий формулировать смысл в сложном и хаотичном мире. Четкое понимание работы данных принципов поможет вам в трех направлениях:

1. Они помогут определить, какие элементы дизайна наиболее эффективны в данной ситуации. Например, когда лучше использовать визуальную иерархию, затенение фона, градиенты, как сгруппировать схожие элементы и выделить из них несхожие.

2. Данные принципы влияют на наше визуальное восприятие, что позволяет дизайнерам направлять внимание на определенные участки макета, мотивируя нас к целевым действиям, а также корректируя наше поведение.

3. Наконец, наивысший уровень. Гештальт-принципы позволят разработать продукт, решающий проблемы и удовлетворяющий потребности клиентов, притом делающий это красивым, приятным и интуитивно-понятным образом.

В данной статье мы обсудим 7 гештальт-принципов, непосредственно применимых к современному дизайну. Конечно, это неполный список, но вы быстро заметите, что некоторые из принципов накладываются друг на друга, порождая новые эффекты.

Принцип гласит, что люди инстинктивно разделяют объекты переднего и заднего планов изображения. То есть, внимание фокусируется либо на объектах переднего плана (рисунок), либо на заднем плане (фон).

Например, на изображении выше мы мгновенно считываем белое яблоко на черном фоне.

«Эта детерминанта действует быстро и подсознательно в большинстве случаев. Фигура-фон позволяет понять, на что обратить внимание, а что можно проигнорировать в композиции», Стивен Брэдли (Steven Bradley), веб-дизайнер.

При использовании сайта или мобильного приложения, один из первейших процессов, активирующихся в сознании людей — потребность выяснить, где здесь фон, а где объекты первого плана.

Примеры

На домашней странице Basecamp размещено много графики, текстов, лид-форм, СТА-элементов и прочей информации. И благодаря принципу фигура-фон, вы сразу понимаете, что основной акцент следует дать на белых областях.

AngelList применяет данный принцип двумя способами. Во-первых, заголовок и логотип очевидно принадлежат к первому плану, так как перекрывают фон. Во-вторых, белый цвет шрифта в меню справа также выделяет элемент над фоном.

Принцип сходства, или подобия, гласит, что мы группируем вместе вещи, которые представляются нам похожими. Также мы склонны думать, что эти вещи/объекты несут схожие функции. Например, на изображении ниже мы склонны замечать две группы фигур: круги и треугольники, но не узор из этих форм.

А разнообразие дизайнерских подходов, таких как цвет и организация элементов, могут быть использованы для создания подобных групп. Например, на изображении ниже, несмотря на то, что все формы одинаковы, мы четко видим, что каждый столбец организован в отдельную группу.

Примеры

GitHub использует принцип подобия по двум направлениям на странице ниже. Во-первых, так маркетологи разделяют различные секции. Можно сразу понять, что серый блок сверху служит иной цели, нежели основной черный раздел, который также визуально отделен от синей секции.

Во-вторых, маркетологи используют синий цвет, чтобы выделить ссылки в тексте и сообщить, что все синие элементы несут схожие функции призыва к действию.

Принцип близости гласит, что элементы, расположенные близко друг к другу, связаны сильнее, нежели элементы, расположенные поодаль.

Принцип настолько силен, что он перекрывает фигуры схожего цвета, формы и прочих факторов, позволяющих идентифицировать элементы как группу однородных объектов.

Обратите внимание на изображение выше. Относительная близость объектов играет большую роль, нежели цвет и схожая форма.

Примеры

Близко расположенные объекты с соответствующими подписями в каталоге интернет-магазина сообщают нам, что элементы объединены.

Vice также использует принцип для сортировки изображений, заголовков и подписей к каждой из своих историй.

Принцип общей области тесно связан с фактором близости. Он гласит, что когда объекты находятся внутри одного замкнутого пространства, мы воспринимаем их как сгруппированные вместе.

Добавление границ или других визуальных барьеров — отличный способ создать воспринимаемое разделение между группами объектов, даже если те имеют общую форму, цвет и т. д.

Примеры

В дизайне Pinterest принцип общей области использован для разделения каждого «пина»: фото, название, описание, авторство и прочие детали объединены вместе и отделены от аналогичных деталей в других карточках.

Facebook также применяет принцип, дабы донести, что комментарии, лайки и репосты относятся именно к этому конкретному посту, а не к другим окружающим его элементам — комментариям и т. д.

5. Непрерывность

Принцип непрерывности гласит, что элементы, расположенные на линии или кривой, в большей степени связаны, нежели не расположенные на линии или кривой.

Например, на изображении выше может показаться, что красные точки на кривой линии в большей степени связаны с черными точками на кривой линии, чем с красными на прямой горизонтальной линии. Это потому, что ваш глаз естественным образом следует за линиями, получая более сильный сигнал о связности элементов, нежели от фактора общего цвета.

Примеры

Amazon использует данный принцип, чтобы сообщит нам, что каждый из приведенных ниже элементов связан с остальными и имеет общие свойства.

Sprig применяет принцип, чтобы прояснить трехшаговый процесс использования приложения.

А Credit Karma пользуется принципом для иллюстрации преимуществ своих услуг.

Принцип закрытия гласит, что когда мы смотрим на сложно расположенные элементы, то склонны видеть единый, узнаваемый узор. Другими словами, видя изображение с недостающими частями, мы «дорисовываем» эти части, чтобы получить максимально возможный вариант, исходя из нашего прошлого опыта.

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

Примеры

Принцип широко используется в дизайне логотипов различных компаний, включая IBM, NBC, Zendesk и Funding Circle.

Принцип центра координации гласит, что все, выделяющееся визуально, захватывает и удерживает внимание зрителя в первую очередь.

Вероятно, на изображении выше первым ваше внимание привлек красный квадрат — потому что он выделяется из черных кругов (хотя и не находится на первом плане). От квадрата ваше внимание переходит к остальным элементам изображения.

Примеры

Twilio использует принцип для привлечения внимания к СТА-элементам.

Instacart сочетает принцип координационного центра с принципом фигуры-фона, обращая ваше внимание сперва на белый первый план, а затем на зеленую кнопку «find stores».

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

Возможности мозга по обработке информации не безграничны, в соответствии с результатами исследования Джорджа Миллера кратковременная память может одновременно содержать от 5 до 9 сущностей. Этот факт часто используется при обосновании необходимости сократить количество элементов в навигационных меню до 7, что вызывает горячие дебаты , поскольку не совсем ясно, как это правило должно применяться в веб. [Miller’s studies ]

Правило 2-х секунд

Заключается в том, что пользователь не должен ждать любой реакции системы, к примеру, запуска или переключения приложения, более 2-х секунд. Значение 2 секунды выбрано произвольно, но кажется достаточно подходящим. В общем случае, чем меньше ждет пользователь, тем лучше.

Правило 3-х кликов

Пользователь не будет в восторге от использования сайта, если он не может найти необходимую ему информацию за три клика мышкой. Другими словами это правило подчеркивает важность понятной и простой навигации. Во многих случаях важно не столько количество необходимых кликов, сколько общая понятность системы, даже 10 кликов не проблема, если на каждом этапе пользователь четко представляет, где он и куда должен двигаться дальше.

Правило 80/20 (Принцип Парето)

Заключается в том, что 80% эффекта получается в результате 20% действий. В бизнесе это правило часто применяется в виде: «80% продаж приходится на 20% клиентов». В веб-дизайне и юзабилити это правило работает не менее эффективно. К примеру, значительно улучшить отдачу сайта можно определив 20% пользователей, заказчиков, действий, продуктов или процессов которые дают 80% прибыли и обратив на них особое внимание при разработке.

Восемь золотых правил для разработчиков интерфейсов

В результате исследований взаимодействия человека и компьютера Бен Шнейдерман составил набор правил, которые могут быть использованы при разработке многих типов интерфейсов. Эти принципы актуальны как для разработчиков интерфейсов, так и для веб-дизайнеров.

1. Стремитесь к логичности
2. Для опытных пользователей должен быть быстрый способ (сокращения, горячие клавиши, макросы)
3. Должна быть информативная обратная связь
4. Диалог должен быть законченным
5. Обработка ошибок должна быть простой
6. Должен быть простой способ отмены действий
7. Пользователь должен чувствовать, что все под его контролем
8. Как можно меньше загружайте кратковременную память

Правило Фиттса

Опубликованная Паулем Фиттсом в 1954 году модель движений человека, определяет время, необходимое для быстрого перемещения в целевую зону как функцию от расстояния до цели и размера цели. Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.

Перевернутая пирамида

Перевернутая пирамида - это стиль написания, при котором основная мысль представлена в начале статьи. Статья начинается с вывода, за которым следуют ключевые моменты, а завершается наименее важной информацией. Пользователи хотят получать информацию как можно быстрее, поэтому перевернутая пирамида как нельзя лучше подходит для веб, такого же мнения придерживается и гуру юзабилити Якоб Нильсен .

Удовлетворенность

Пользователи не выбирают оптимальный путь в поисках необходимой информации. Им не нужно самое лучшее и надежное решение, напротив - часто они готовы удовлетвориться быстрым и не самым лучшим решением, которое будет «вполне приемлемым». Применительно к веб, удовлетворенность описывается именно этим случаем: пользовать получил «вполне приемлемое» решение проблемы - даже если альтернативные решения полнее покрывают его требования на длительный срок.

Психология в юзабилити

Синдром утенка (Baby-Duck-Syndrome)

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

Баннерная слепота

Пользователи игнорируют все, что похоже на рекламу, и что интересно, делают это весьма эффективно. Хотя рекламу замечают , ее все равно всегда игнорируют . У пользователей выработаны довольно-таки четкие схемы, которым они следуют, выполняя в веб различные действия: в поисках необходимой информации они фокусируют внимание на тех частях страницы, где эта информация может быть расположена - на основном тексте и гиперссылках. Большие, красочные, анимированные баннеры в этом случае полностью игнорируются.

Закон сходства утверждает, что сходные объекты человек подсознательно группирует.

The Law of Prägnanz утверждает, что один и тот же объект может играть важную роль в одном визуальном поле и быть частью фона в другом.

Закон симметрии утверждает, что мы склонны воспринимать симметричные объекты как один объект.

Утверждает, что люди склонны объединять объекты, которые на самом деле едиными не являются.

The Self-Reference Effect

Этот эффект особенно важен при создании текстов для веб, поскольку может значительно улучшить связь между автором и читателем. Вещи, связанные с нашим собственным опытом, мы запоминаем лучше, чем те, которые с нами не связаны. К примеру, после прочтения статьи люди лучше запоминают персонажей, истории или факты, с которыми они были как-то связаны.

Термины и концепции

Отслеживание взгляда (Eye-Tracking)

Отслеживая движение глаз, можно определить, куда смотрит пользователь. Существуют методы, позволяющие, наблюдая за каждым движением глаза, определить области которые привлекают его наибольшее внимание. Исследования в этой области позволяют делать выводы о том, насколько комфортабельно чувствуют себя пользователи на сайте и как быстро они могут понять его структуру. Некоторые интересные факты, выявленные в процессе исследований, можно найти на Eyetrack07 .

Сгиб (Fold)

Сгиб - это линия, проходящая на уровне нижней границы окна браузера, все расположенные ниже нее элементы страницы не видны без прокрутки. Уровень этой линии зависит от разрешения монитора посетителя. На элементы, расположенные выше сгиба, обычно приходится больше кликов и внимания пользователей, и как следствие, больше прибыли, но существуют и противоположные мнения . [Usability.gov ]

Подсказки (Gloss)

Graceful Degradation, Fault-tolerance

Свойство сайта отображать контент и сохранять базовый функционал, даже если некоторые его компоненты не могут быть отображены или использованы. На практике это означает, что контент веб сайта должен быть доступен при любых возможных ошибках, в любом браузере и операционной системе.

Granularity

Степень разделения большого объема сложных данных на небольшие модули.

Hotspot

Кликабельная область сайта, меняющая свое оформление после клика на нее. Это характерно для:focus-эффектов после клика на ссылку или другой элемент сайта.

Разборчивость (Legibility)

Визуальная разборчивость текста.

Minesweeping

Незаметность ссылок на сайте может приводить к тому, что пользователю придется водить курсор над страницей, чтобы обнаружить ссылки по изменению его вида. В большинстве случаев это четкий сигнал о проблемах юзабилити.

Мистическая навигация (Mystery-Meat Navigation, MMN)

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

Логичность (Physical consistency)

Логичность внешнего оформления сайта - положения логотипа, навигации, использование графических элементов и типографики. Логичность очень сильно влияет на удобство навигации по сайту.

Прогрессивное улучшение (Progressive Enhancement, PE)

Стратегия разработки, при которой базовый функционал сайта доступен из всех браузеров, а для пользователей современных браузеров предусмотрены дополнительные возможности. Основное преимущество такого подхода в том, что он позволяет создавать сайты, удобные для пользователей с медленными соединениями или старыми браузерами, при этом предоставляя дополнительные возможности для пользователей со скоростными соединениями и современными браузерами. [Wikipedia ]

Читабельность (Readability)

Обозначает уровень понятности смысла текста, зависит от сложности предложений и используемых терминов. Обычно измеряется уровнем образования: необходимого читателю, чтобы понять текст. Читабельность и разборчивость - понятия разные. [Usability Glossary ]

Дизайн ориентированный на пользователя (User-centered design, UCD)

Стратегия дизайна, в которой пользователи, их нужды, интересы и поведение являются основой при разработке структуры сайта, навигации и подаче информации. Такой подход стал стандартом для современных веб-приложений, особенно в свете рассвета приложений, использующих контент, генерируемый пользователями. В Веб 2.0 пользователей нужно мотивировать к созданию контента и другой активности, при этом работа с сервисом должна вызывать минимум затруднений и быть максимально удобной.

Бдительность (Vigilance, sustained attention)

Способность сохранять внимательность при выполнении длительных, монотонных задач, таких как проверка текста на наличие ошибок, запоминание встреч и договоренностей, сохранение документов во время работы. В современных веб-приложениях такие задачи выполняются автоматически, тем самым повышая удобство сервисов.

Walk-Up-And-Use Design

Интуитивно понятный дизайн, который посетители, использующие его в первый раз или которым он понадобиться только однажды, могли эффективно использовать его без предварительного обучения или инструкций.

Скелет сайта, который отражает идеи концепции и структуру будущего сайта. Может быть представлен в виде презентации, демонстрирующей заказчикам, особенности компоновки и функциональности сайта, а также возможные сценарии выполнения пользователями их задач. Обычно скелет не содержит визуальных элементов или готовой разметки сайта, но, возможно, в него будут включены черновики или скетчи.Пример . [Glossary , Wikipedia: Wireframes ]

О юзабилити" url="http://marketnotes.ru/about-usability/usability-principls/">

Читая про эвристические методики оценки дизайна и юзабилити, я обратил внимание, что все ссылаются на некие общепринятые принципы юзабилити, однако, никто не пишет какие. Тут два варианта: или они настолько понятны и естественны, что о них даже и не стоит говорить, или же толком никто не знает, что же это за принципы. Проанализировав статьи, которые на них ссылаются, да и просто подумав обе поисковые системы, я пришел к неутешительному выводу: толком никто ничего не знает, а все статьи – это неточные копии одной из статей Якоба Нельсона. Некоторые даже оставили ссылку на эти самые общепринятые принципы.

Увы, я не нашел ни одной статьи на русском (или украинском) языке, где бы они раскрывались. А посему, я решил, что стоит все-таки перевести и немного расшифровать эти самые принципы.

Итак, 10 общепринятых принципов юзабилити. Рассмотрим их более подробно.

1. Видимость статуса системы.

Этот принцип означает, что пользователь ВСЕГДА должен знать, что происходит и на каком участке пути он остановился. Если это сложная регистрация, указывайте, что это 2 шаг из 3. Если что-то закачивается или работает какой-то скрипт – выводите % обработки. И т.д.

Простой пример – уверен что каждый сталкивался с ситуацией, когда вы по какой-то иконке кликнули, но ничего не происходит. Судя по тому, как активно крутиться винт и мигает монитор – что-то все-таки происходит, и через несколько минут открывается окно программы, например (у меня так до сих пор открывается ИЕ). А что делать в интернете, когда все грузиться не на вашем компьютере, а на сервере в другой стране. Большинство пользователей просто несколько раз нажимают на кнопку «отправить», загружают одни и те же файлы несколько раз и т.п. А все потому, что отсутствует эта самая связь между пользователем и системой.

Следует внимательно следить за тем, чтоб система всегда четко и однозначно реагировала на действие пользователя. Есть такой момент – между действием и реакцией должно пройти максимум 1 секунда – это не причуда юзабилистов. Научно выяснено, что это именно то время, которое наш мозг держит причинно-следственную связь, типа сделал-получил. Если же реакция на ваше действие идет позже, чем через секунду – мозг воспринимает это как отдельное действие, лишь отдаленно связанное с предыдущим.

И еще одна граничная цифры – 10 секунд. Пользователь должен получить то, что он хочет в течении 10 секунд после своего действия (например, просматривая результаты поиска, пользователь открыл 5 окно. Затем быстро просматривает каждое из них. Если после того как он открыл окно в течении 10 секунд он туда не вернулся – считайте что он для вас потерян).

(цифры сам не проверял и не придумывал, взято с книги).

(это пример из Контакта. При загрузке фотографий вы видите процесс и оцениваете, сколько еще осталось ждать).

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

Буквально пару дней назад я смотрел два сайта компьютерной тематики с довольно похожей структурой и дизайном. НО! Один был посвящен особенностям настройки операционной системы, а второй – компьютерные курсы для начинающих.
Как вы понимаете, это две совершенно разные аудитории, и фраза «кликните 35 строку в реестре» будет более чем понятна для аудитории первого сайта, 99% пользователей второго сайта повергнет в шок.

Поэтому, всегда учитывайте свою аудиторию, и делайте сайт всегда для нее. Это касается не только текстов, но и структуры, помощи, дизайна, визуального восприятия информации и т.д.

(уже с первого взгляда понятно, на кого направлена информация на этом сайте. Новичок даже читать не будет что там. Уже по оформлению понятно, что она для программистов).

3. Пользовательское управление (свобода выбора)

Пользователь всегда должен контролировать ситуацию, так сказать держать руку на пульсе (ну или как минимум у него должно создаваться такое впечатление). Что это означает на практике? Например, при заполнении формы обязательно должна быть кнопка «очистить форму». Если форма предусматривает несколько шагов – пользователь должен вернуться на предыдущий шаг, или наоборот, по возможности – пропустить какой-то, чтоб попозже вернуться к нему.

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

(при создании проекта в Сеолибе, вы видите, на каком этапе находитесь, сколько еще осталось. Так же вы можете вернуться к предыдущему шагу, или пойти дальше, пропустив этот).

4. Последовательность и стандарты.

Еще один принцип, который кажется очевидным, но увы – так редко используемый на практике. Скажите, вы легко можете в интерфейсе любой Офисной программы Микрософт можете создать новый документ? Сохранить его? Отцентрировать текст? А ведь это не всегда такие простые операции…

Все дело в том, что кампания Микрософт в своих продуктах придерживается этого принципа (хотя часто и нарушает многие другие). У них во всех продуктах одни и те же иконки находятся в одних и тех же местах и выглядят одинаково.

В интернете уже есть определенные устоявшиеся обозначения и стандарты (например, вид корзины, контакты в верхнем углу и т.д.). Тем ни менее, если вы посмотрите, сколько разных видов корзин (по Яндекс или Гугл картинкам), вы поймете, что неопытный пользователь может серьезно заблудиться среди всех этих тележек, электронных корзин, ультра-модных пакетиков и т.д.).
Что же касается последовательности – то выбрав какой-то определенный стиль – соблюдайте его везде. Это касается и шрифтов, и картинок, и текста и верстки.

Я много раз видел, как расположение товара и верстка страницы отличалась в разных разделах. Создатели сайта считают это «креативной фишкой». Если они делают его для себя – то можно так и оставить, но если вы делаете это для пользователя, то как вы ему объясните, почему дизайн страницы при выборе принтера должен так сильно отличаться от дизайна страницы выбора оперативной памяти (в рамках одного и того же магазина)?

(как видно в этом примере, все иконки совершенно одинаковые в Ворде, Экселе и PP. Осваивая какой-либо новый продукт компании Микрософт, минимум половина функций вам сразу будет понятна).

5. Профилактика ошибок.

Этот принцип гласит, что ошибку проще предупредить, чем исправить. Везде, где можно упростить выбор и убрать ненужные, случайные действия – следует убрать.
На практике это может быть: подсказка при вводе с клавиатуры чего бы то ни было (города/страны например).

Это касается и кнопок. Например, ПРИНЯТЬ, обычно делают крупнее и ярче, чем Очистить форму. Если вам что-то известно о вводимой информации – подсказывайте ее пользователю (формат телефона или код региона) и т.д.

(в данном случае, пользователь не может пройти дальше, пока не разберется с этими настройками и не выберет хотя бы один вариант анализа сайта. Это намного удобней, чем потом сообщать пользователю что-то типа “выберите хотя бы один вариант, или неверно заданы параметры.)

Максимально упрощайте жизнь пользователю, делайте ему подсказки, запоминайте вводимую ранее им информацию (не только на предыдущей странице, но и с его прошлых посещений сайта).
Например, если у вас опять же многошаговая форма регистрации, показывайте ему уже заполненные поля, если они могут понадобиться в дальнейшем.

Кроме того, постарайтесь минимизировать количество текстовых полей, где пользователь должен что-то вводить сам. Давайте ему варианты (подсказки), чтоб он мог выбрать из уже имеющихся вариантов.

(подсказка региона выскакивает при вводе хотя бы одной буквы. И если пользователь не знает, как правильно пишется город – он просто кликает по одному из предложенных вариантов).

7. Гибкость и эффективность использования.

Одна из самых больших проблем – это как соединить простоту интерфейса и его функционал? Как сделать так, чтоб один и тот же интерфейс был понятен и удобен как профессиональному пользователю, так и новичку?

Этот принцип гласит, что интерфейс должен быть гибким, настраиваемым и с расчетом на ту аудиторию, которая преобладает. Делайте основной упор на простоту из расчета на простого пользователя. Элементы для продвинутых можно сделать значительно меньше и поставить в менее заметные части экрана, т.к. он их найдет везде.

Ярким примером является Карта сайта. Согласитесь, что новичок туда вообще не полезет, а опытный пользователь найдет внизу экрана мелким шрифтом эту «карту сайта», или маленькую иконку где-то сбоку.
Другой пример – кликеры/тайперы. Т.е. на каждую страницу можно попасть или из меню, кликая по навигации, или с помощью поиска по сайту. Оба варианта должны поддерживаться и в конечном итоге приводить к одинаковому результату.

(мы видим простой поиск для большинства пользователей, а так же расширенный, для продвинутых. При этом функции расширенного поиска спрятаны довольно далеко и только опытный пользователь может их найти, т.е. по сути только тот, кому он и нужен).

8. Эстетический и минималистический дизайн

Этот принцип гласит – в интерфейсе не должно быть информации, которая не нужна пользователю или которая может понадобиться ему в редких случаях. Аналогичным образом и в формах: вы не должны у пользователя спрашивать ту информацию, которая вам не нужна, или нужна в каких-то исключительных случаях.

К сожалению, этим принципом практически никто не пользуется. В 90% случаев при регистрации вас спрашивают и домашний телефон, и мобильный, и адрес и e-mail, и даже дату рождения. А все для того – чтоб поздравить вас с новым годом и днем рождения.

Все дополнительные данные вы сможете уточнить позже, при необходимости. А изначально, при регистрации например, или при оформлении заказа спрашивайте только ту информацию, которая вам действительно необходима.

Точно так же, на сайте (или в программе, эти принципы универсальны), не стоит выводить пользователю ту информацию, которая может быть когда-нибудь ему понадобиться. Например, возьмем тот же Микрософтовский Ворд. Скажите, как часто вы пользуетесь функцией «навигатор» или в вставкой Дата-Время? А тем ни менее, эти кнопки всегда на виду в тулбаре (в зависимости от версии кнопки могут быть разными, но я уверен что если вы посмотрите на них, вы найдете минимум 40% иконок, которыми вы НИКОГДА не пользовались, и даже не знаете что они делают).

(вот типичный пример. При регистрации Озон спросил меня и Имя и Фамилию. При этом, единственное где используется мое имя – это заголовок к письму. Фамилию вообще ни разу не видел, чтоб использовали. И спрашивается – зачем им эти данные? Ведь есть ник. Т.е. форму можно сократить вдвое легко…).

9. Помочь пользователю понять и исправить ошибку.

Скажите, что означает ошибка базы данных в строке 433? Или длинные жуткие ошибки в строке памяти LXR-XXX-5438645?
Все эти системные сообщения должны сохраняться в логах для администратора сайта/системы. Пользователю же пишите нормальным языком, в чем конкретно ошибка. Более того, пользователя по сути интересует только одно: виноват он или система? И можно ли что-то сделать?

Уверен, что у вы сталкивались с тем, что заполняете форму, нажимаете отправить, а вам в ответ какая-то ошибка базы данных. И ты сидишь и мучаешься двумя главными вопросами: кто виноват и что делать? Ушла ли форма? Если да, то вся ли информация? Или попробовать отправить еще раз?

Хотя все же такие серьезные ошибки встречаются все реже. Но другой вариант бесит еще больше – ты заполняешь довольно длинную форму, нажимаешь отправить и видишь красную надпись (или всплывающее окно) – внимательно заполните все поля, отмеченные звездочкой.
И снова ты сидишь и думаешь – какие поля? Какой звездочкой? Вроде бы я все заполнил, внимательно просмотрел… а потом оказывается что там номер телефона надо написать с пробелами, а не дефисом.