home | login | register | DMCA | contacts | help | donate |      

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Ю Я


my bookshelf | genres | recommend | rating of books | rating of authors | reviews | new | форум | collections | читалки | авторам | add
fantasy
space fantasy
fantasy is horrors
heroic
prose
  military
  child
  russian
detective
  action
  child
  ironical
  historical
  political
western
adventure
adventure (child)
child's stories
love
religion
antique
Scientific literature
biography
business
home pets
animals
art
history
computers
linguistics
mathematics
religion
home_garden
sport
technique
publicism
philosophy
chemistry
close

реклама - advertisement









Внимание

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

Важные элементы выделены. Важные элементы нужно выделять. Человеческое внимание концентрируется на чем-то одном. Обычно на том, что выделено из общего. Но будьте осторожнее…

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

Всегда учитывайте, что существует два типа пользователей:

• пользователи-логики, которые дотошно и внимательно просматривают весь сайт и читают все тексты, записывают, анализируют и составляют итоговую Excel-табличку;

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

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

Обратите внимание на рис. 5.6. Понятно, что это карточка товара, и ясно, что продается книга. Единственное, что не вошло в скриншот, – это кнопка заказа. Все элементы сгруппированы, выделена категория, подкатегория, картинка, цена.

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


Идеальный Landing Page. Создаем продающие веб-страницы

Рис. 5.6. Пример карточки товара


Идеальный Landing Page. Создаем продающие веб-страницы

Рис. 5.7. Пример посадочной страницы


Одна группа элементов находится на одном экране (рис. 5.7). Это просто идеальный пример посадочной страницы от компании Optimizely. Разработчики пошли еще дальше и сократили даже основные элементы до минимума.

Причина в том, что Optimizely – известная компания по оптимизации сайтов. Они оставили только заголовок, поле для ввода ссылки и кнопку «начать тест».

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


Память | Идеальный Landing Page. Создаем продающие веб-страницы | cледующая глава