1.Контраст Более важные вещи должны быть контрастнее — как ут | Icons

1.Контраст

Более важные вещи должны быть контрастнее — как уточка в центре.



2. Визуальная иерархия

Объекты большего размера воспринимаются как более близкие (как уточка в середине), а маленькие — как расположенные дальше (как размытая уточка сзади).Как правило, чем важнее элемент дизайна, тем он больше. Так создается визуальная “иерархия” на странице, что облегчает пользователям “сканирование” информации, а нам позволяет управлять их вниманием.



3. Цвета кнопок

Цветные кнопки получают намного большую кликабельность



4. Разрыв паттерна

Разорванный паттерн - непохожесть привлекает большее внимание



5. Z-Паттерн

Визуальная иерархия чтения текста (как в газете) Z Паттерн



6. F-Паттерн

Визуальная иерархия чтения текста (как в газете) Z Паттерн



7. Ось клика

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



8. Основная кнопка

Кнопки, выполняющие основные действия, — основные кнопки — должны быть максимально заметны.

Стиль основной кнопки: Она должна быть контрастной по отношению к фону. (Другого цвета или оттенка).

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



9. Второстепенная кнопка

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

Стиль второстепенной кнопки: Она должна быть минимально контрастна по отношению к фону (похожего цвета или оттенка).

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

10. Больше опций = меньший выбор

Чем больше опций вы видите, тем менее вероятно, что вы выберете какую-либо из них

11. 1 Столбец лучше, чем 2

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



12. Сделайте подарок вместо того, чтобы сразу пытаться продать

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



13. Старайтесь объединять схожие функции и не дробить интерфейс

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



14. Демонстрируйте мнения других людей, а не только ваши собственные размышления

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



15. Повторяйте призыв к основному действию

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



16. Старайтесь усиливать различия в стиле между разными элементами