В течение многих лет Hover использовался на веб-сайтах в качестве способа предоставления посетителям фрагмента информации без каких-либо действий. Поскольку смартфоны и планшеты постепенно захватывают Интернет, мы должны уделять им повышенное внимание при разработке веб-сайта. Так как сенсорные экраны не могут справиться с парением, нам нужно рассмотреть альтернативы эффектам парения. Если вы настраиваете свой собственный веб-сайт или у вас нет ресурсов для найма профессионального веб-дизайнера, этот учебник для вас.
С сенсорными экранами вы можете управлять эффектами наведения, но это может быть немного неловко. Возможно, вам лучше спроектировать их полностью и использовать что-то еще целиком. Если вы собираетесь использовать их на своем настольном сайте, у вас, как правило, есть три альтернативы эффектам наведения на мобильных сайтах:
- Удалите их полностью и замените их основным действием.
- Добавьте дополнительное меню, где вы можете нажать один раз для эффекта наведения и еще раз для основного действия.
- Разместите информацию о наведении на своей странице.
Все они будут хорошо работать на сенсорных экранах и настольных ПК, но потребуют некоторых настроек для реализации в рамках существующего дизайна. Вы можете обойти это с помощью JavaScript или умного кода jQuery, если у вас есть навыки, но если вы пытаетесь понять все это сами, вам лучше использовать альтернативы дизайна, чем кода. Если вы хотите изучить альтернативные варианты кода для эффектов наведения, посетите эту страницу.
Удалить эффекты парения из вашего дизайна
Если вы не можете нанять внештатного веб-дизайнера, чтобы помочь вам, вам, возможно, будет лучше вообще удалить эффекты парения. Конечно, они выглядят аккуратно и могут предложить полезную дополнительную информацию, но всегда есть другие способы достижения того же эффекта.
Вы можете сохранить действие меню в качестве основного действия и включить дополнительную информацию в другом месте на странице. Вы можете использовать всплывающие окна, всплывающие окна, увеличивать содержание дескриптора для точки, которую вы пытаетесь выделить, или для чего-то еще. Если у вас нет навыков для реализации jQuery, возможно, это самый простой вариант.
Добавить вторичное меню
Вторичное меню включает в себя первое нажатие, которое имитирует эффект наведения. Вы можете включить информацию в меню и показать второе меню в том же элементе. Это второе меню действует как фактический выбор, как это происходит на рабочем столе. Первое нажатие моделирует наведение мыши, а второе нажатие моделирует пользователь, выполняющий основное действие.
Это отличная альтернатива эффектам наведения, но она ограничена размером экрана и ограничивает объем информации, которую вы можете добавить к своему эффекту. Эффекты при наведении мыши ограничены по своей природе, но в большей степени ограничены мобильным экраном, с которым вы имеете дело. Если вы действительно хотите включить дополнительные данные нестандартным способом, это может быть именно так.
Разместите информацию о наведении на своей странице
Возможно, более простым вариантом было бы включить информацию о наведении на свою страницу с текстовой ссылкой. Это упрощает ваше меню и упрощает навигацию. Гиперссылка работает на всех устройствах, и вы получаете дополнительную страницу для размера сайта и SEO. Недостатком является то, что вам придется увеличить дополнительный контент по крайней мере на 300 слов или около того, чтобы он работал.
Пока вы можете набирать информацию достаточно тщательно, чтобы она хорошо читалась и приносила пользу читателю, я лично считаю, что это лучшая альтернатива. Решение о том, где разместить эти ссылки на дополнительные данные, зависит от вас и будет зависеть от вашего дизайна, но дополнительные страницы дают вам дополнительную возможность добавлять призывы к действию, добавлять свой номер телефона, адрес электронной почты и любую дополнительную информацию, которая может быть использована. сделать продажу.
Оставаться с парением
Если вы хотите использовать какой-либо эффект наведения на вашем основном веб-сайте, вам нужно будет включить его на свой мобильный сайт или хотя бы в мобильную версию. Существуют альтернативы меню переключения или решения JavaScript, но для их реализации потребуется эксперт. На этой странице обсуждаются ваши альтернативы, если вы хотите изучить их дальше.
Одна из самых простых ловушек, когда вы начинаете самостоятельно или создаете свой первый веб-сайт, - это дизайн для себя, а не для вашей аудитории. Вы, конечно, должны создать что-то, что вам нравится, но, принимая во внимание удобство использования, вы должны расставить приоритеты для аудитории. Вы также должны принять во внимание устройства, которые они будут использовать, и то, как они наиболее вероятно будут взаимодействовать с вашим сайтом.
Если ваша аудитория молода, они будут использовать мобильный телефон. Если они используют мобильный, эффекты наведения и другие параметры дизайна, как это, не ваш лучший вариант.
