Подводные камни Parallax Веб-дизайн

  1. Последнее замечание о веб-дизайне Parallax…

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

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

Веб-сайт параллакса - это сайт, который часто называют «прокручиваемым веб-сайтом». Обычно он состоит из одной страницы или нескольких страниц, а домашняя страница содержит ТОНН информации.

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

Это часто очень весело для дизайнера, поскольку он дает возможность быть действительно креативным. Но это плохо для UX, потому что посетителю действительно сложно найти точную информацию, которая ему нужна. Кроме того, сайты параллакса затрудняют понимание того, какой конец. Фактически, все эти движущиеся части могут вызывать тошноту (не шутку).

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

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

Поскольку мы используем Интернет каждый день, легко забыть, что это виртуальная платформа, состоящая из пикселей, которые мы видим. Чтобы обеспечить хороший UX, мы должны предоставить посетителям это чувство прочной основы, реализуя все стратегии взаимодействия с пользователем, о которых мы говорили до сих пор. Им нужно знать, «этот конец вверх, а этот конец вниз». Прочная основа, на прочной виртуальной основе. Мы не хотим, чтобы они чувствовали, что они свободно падают или теряют равновесие - это именно то, что часто случается с сайтами параллакса.

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

Веб-сайт в этом примере продолжается и работает в течение девяти огромных экранных «страниц» (на 13-дюймовом Mac). Желтые линии представляют точки прокрутки, а это означает, что вы не сможете увидеть, что находится ниже желтой линии без прокрутки.

Последнее замечание о веб-дизайне Parallax…

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

Спасибо за посещение SEO-блога Cuppa!

Спасибо за посещение SEO-блога Cuppa