3 альтернативы эффектам наведения на мобильных устройствах

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

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

1. Удалите их вообще и замените основным действием.
2. Добавьте вторичное меню, в котором вы можете нажать один раз для эффекта наведения и еще раз для основного действия.
3. Разместите информацию при наведении на отдельной странице.

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

Удалите эффекты наведения из вашего дизайна

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

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

Добавить дополнительное меню

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

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

Разместите информацию при наведении на отдельной странице.

Возможно, более простым вариантом было бы включить информацию о наведении на отдельную страницу с текстовой ссылкой. Это упрощает ваше меню и упрощает навигацию. Гиперссылки работают на всех устройствах, и вы получаете дополнительную страницу для размера сайта и SEO. Обратной стороной является то, что вам придется увеличить дополнительный контент как минимум на 300 слов или около того, чтобы он заработал.

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

Оставаясь при наведении

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

Одна из самых простых ловушек, в которую можно попасть, когда вы начинаете самостоятельно или создаете свой первый веб-сайт, — это проектирование для себя, а не для своей аудитории. Конечно, вам нужно создать что-то, что вам нравится, но при рассмотрении вопроса об удобстве использования вы должны расставить приоритеты в отношении аудитории. Вы также должны принять во внимание устройства, которые они будут использовать, и способ, которым они, скорее всего, будут лучше всего взаимодействовать с вашим веб-сайтом.

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