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