Слайдер, аккордеон или баннер?

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

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

Слайдер

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

Аккордеон

Аккордеон – элемент страницы сайта, который показывает изображение и связанный с ним текст при нажатии или наведении курсора мышки на какую-либо его часть, при этом используются различные визуальные эффекты (обычно элементы отодвигаются или раздвигаются, отображая скрытый блок). Аккордеоны используются в меню и других элементах навигации, скрывая ненужные подразделы от посетителя, или показывают дополнительную информацию или изображение, если посетитель заинтересовался и нажал/навёл курсором на какой-либо элемент. Сайт выглядит более современным и динамичным, дополнительная информация не отображается без надобности, все довольны, кроме… верстальщика. Ведь тут ему приходится выполнять дополнительную работу, согласовывая адреса настоящих и будущих ссылок, разрабатывать скрытые блоки аккордеона и добиваться одинакового отображения всех его частей и эффектов в различных браузерах. Но нам повезло, что интересы клиента стоят выше интересов нашего верстальщика и у него достаточно опыта и терпения для разработки аккордеонов.

Баннер

Баннер (если мы говорим про интернет) – это часть страницы сайта, которая является собой обычным изображением большого размера. Он может быть как динамическим, когда картинки меняются согласно возможностям формата изображения, так и статическим, когда никаких изменений не происходит. Динамические баннеры часто используют в качестве рекламы в интернете, вы могли видеть их на многих сайтах. С увеличением своих возможностей они становятся всё тяжелее по весу, а некоторые вообще нельзя просмотреть без программ Flash Player. Статические баннеры, в отличии от динамических, мало весят, но лишены различных эффектов, зато прекрасно выполняют свои функции на коммерческих сайтах. Мы их используем не часто, обычно размещая на сайтах клиентов слайдеры или аккордеоны, но если заказчик требует баннер, мы делаем баннер. И стараемся при его разработки не меньше, чем при создании слайдера, аккордеона или любого другого элемента дизайна.

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

19.11.2014 | Екатерина Смирнова

Последние записи в блоге:

• Недобросовестная конкуренция
• Подсчёт символов онлайн
• Генератор рыбного текста

Добавить комментарий

Укажите ваше имя:*

Ваша должность:*

Напишите адрес сайта:

Комментарий:*

Капча:*

Отправить

* - поля обязательны к заполнению.