В хорошей иерархии важные элементы отделены от менее важных. И | Icons

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



41. Группируйте элементы по смыслу

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



42. Проверяйте ввод пользователя автоматически

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



43. Разработайте прощающие поля ввода

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



44. Осторожно подгоняйте пользователя

Демонстрация срочности – тактика убеждения, которая заставляет людей действовать раньше, а не позже (или вообще никогда). Часто она подразумевает некий дефицит – когда что-то, доступное сегодня, не будет доступно завтра. К тому же, она работает на устранение потерь – мы не любим терять возможности. Можно возразить, что такая тактика является настойчивой и не всегда допустимой. Однако ее все же можно использовать, если вы делаете это честно. Не создавайте ложное чувство спешки – если вас раскусят, это приведёт к обратным результатам.



45. Демонстрируйте дефицит вместо изобилия

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



46. Учитесь узнавать, а не вспоминать

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



47. Увеличьте размер важных элементов

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



48. Уменьшайте время загрузки