https://timuryerimbetov.kz/?go=tags/sayt/ Тимур Еримбетов — автор, копирайтер, редактор. Делаю понятный контент для простых людей. ru Aegea 11.2 (v4116) Тимур Еримбетов — автор, копирайтер, редактор. Делаю понятный контент для простых людей. 9 https://timuryerimbetov.kz/?go=all/slayder-na-sayte-ne-nuzhen/ Mon, 26 Oct 2020 00:23:01 +0500 https://timuryerimbetov.kz/?go=all/slayder-na-sayte-ne-nuzhen/ <p>Компания решает, что нужен редизайн сайта.</p> <p>Директор:</p> <blockquote> <p>— Давайте сделаем слайдер на главной.</p> </blockquote> <div class="e2-text-picture"> <img src="https://timuryerimbetov.kz/pictures/Group-2.png" width="1189" height="397" alt="" /> </div> <p>Редактор:</p> <blockquote> <p>— Зачем?<br /> — Будем туда ставить баннеры, рассказывать об акциях и новостях компании.<br /> — Но ведь можно просто положить весь контент прямо на главную.<br /> — Но тогда страница станет длиннее, а люди не листают страницы до конца.<br /> — Тогда почему они должны долистать до конца слайдер?<br /> — Ну карусели же в Инстаграме листают.<br /> — Карусель листать легче, потому что карусели в Инстаграме человек листает пальцем. На веб-странице приходится целиться мышкой в стрелки или ещё хуже — в точки. Карусели в Инстаграме листают по собственной воле. Это не незнакомый сайт, а люди, на которых специально подписываешься. Карусель в Инстаграме — это способ сэкономить место, потому что подписок много, а лента одна.</p> </blockquote> <p><b>Клик на сайте дорогого стоит.</b> Чем больше кликов нужно делать, тем больше вероятность, что посетитель уйдёт. Нужно быть готовым, что у человека есть только минимум — собственные глаза и скролл мышкой.</p> <p><b>Самое большое издевательство над посетителем — слайдер с автоматической прокруткой</b>: почему-то он сам решает, что я уже достаточно насмотрелся на баннер и мне пора показывать новый. Приходится прицеливаться и нажимать на «Назад» или зажимать кнопку мышки.</p> <p><b>В стрелки и точки трудно попадать мышкой.</b></p> <p><b>Всё, что находится после первого слайда, спрятано от посетителя.</b> Чтобы это увидеть, человеку надо нажать или подождать, когда слайдер переключится. Легче просто прокрутить страницу.</p> <p><b>Хорошо</b>, когда слайдер сделан в виде фото-галереи. На <a href="https://krisha.kz">Крыше</a> вместо неинформативных точек сделаны мелкие превью фотографий квартиры. Хотите посмотреть спальню или туалет — не проблема, нажмите на превью. Не надо тыкать на стрелки, пока не увидите нужную фотографию.</p> <div class="e2-text-picture"> <img src="https://timuryerimbetov.kz/pictures/Screenshot-at-Oct-23-20-13-29.png" width="1534" height="1118" alt="" /> <div class="e2-text-caption">Просмотр квартиры на <a href="https://krisha.kz">Крыше</a></div> </div> <p>Слайдер уместен, когда рассказывает об одном продукте. Например, один и тот же автомобиль с разных ракурсов или в разных жизненных ситуациях. Надоест листать — бросьте и крутите сайт дальше вниз.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="999" data-ratio="2.002004008016"> <img src="https://timuryerimbetov.kz/pictures/exterior-1.jpg" width="999" height="499" alt="" /> <img src="https://timuryerimbetov.kz/pictures/exterior-2.jpg" width="999" height="499" alt="" /> <img src="https://timuryerimbetov.kz/pictures/exterior-3.jpg" width="999" height="499" alt="" /> <img src="https://timuryerimbetov.kz/pictures/exterior-4.jpg" width="999" height="499" alt="" /> </div> <div class="e2-text-caption">Слайдер на официальном сайте <a href="http://skoda-auto.kz/model/superb-fl">Шкоды</a></div> </div> <p>На сайте Эпла раньше были слайдеры на страницах с Макбуками и Айфонами, чтобы показать их с разных сторон и подчеркнуть соблазнительный дизайн. Но сейчас, когда слайдер как будто напрашивается, Эпл показывает сразу всё.</p> <div class="e2-text-picture"> <img src="https://timuryerimbetov.kz/pictures/Snimok-ekrana-2020-10-26-v-00.55.46.png.jpg" width="2560" height="1482" alt="" /> <div class="e2-text-caption"><a href="https://www.apple.com/iphone/">Страница Айфона</a></div> </div> <hr /> <p>Не прячьте контент за кликами.</p>