Модални елементи наричаме такива елементи, които изскачат над основнот съдържание. Те са по-познати като pop-up-и (поп-ъпи) или изскачащи прозорци. Обикновено се ползват за реклама на конкретен продукт, промоция или за яснота при показване на условията за ползване и политиките за поверителност.
Модалните елементи се изграждат от следните съставни части:
Заглавие
Заглавието на модалните елементи, също като заглавията на статия, реклама или каквото и да е друго заглавие, следва да бъдат кратки, ясни и да обясняват разбираемо за какво служи този модален елемент.
Демонстрацията на креативност при заглавията на pop-up-ите, също като в рекламата, не винаги води до търсения резултат. Колкото и да е впечатляващо едно заглавие, ако целевата ви аудитория не може да го разбере, то няма да работи.
Обект на действие
Нещо във вашия модален елемент следва да предполага действие от страна на потребителя. В противен случай защо е там? Дори целта да е да споделите някаква информация с вашите потребители, трябва да оставите поне един бутон „Затвори“.
Във всеки един момент потребителите трябва да имат идея къде ще бъдат пренасочени и какво ще се случи, при интеракция с линк или бутон.
В случай, че ползвате бутони с текст, който може да се възприеме по по-обширен начин, например „Добре“ или „Откажи“, хубаво би било да напишете текст в близост до бутона/ите, с който да обясните какво ще се случи при натискането му/им.
Затваряне
Възможността да се затвори модалният елемент, без да се взаимодейства с него по желания от вас начин е от голямо значение. Как да се затвори pop-up-ът трябва да е очевидно за всеки потребител. Освен това, имайте предвид, че вече е общоприета практика, при кликане с мишката извън модалния елемент, той следва да се затвори. Това е общо очакване от потребителите.
Въпреки това, хубаво е да имате и бутон, който ясно да показва, че при натискането му, потребителят ще може да продължи взаимодействието си със сайта.
Респонсивност (адаптивност на дизайна)
Обмислете как би изглежда елемента на мобилни устройства от различни размери. Ясно е, че телефони с малки дисплеи като iPhone 13 mini ще виждат pop-up-а по много различен начин от това, което ще виждат хората на Samsung Galaxy Fold и на всички устройства между тях.
На мобилните устройства обикновено модалните елементи заемат целия екран. Това, обаче, не е задължително. Съобразете се и с потребителското преживяване.
Сменете фона зад модалния елемент
Общоприето е, че с цел изпъкване на pop-up-а, фона зад него бива затъмнен, размазан (добавя се blur) или осветлен. Важното е фона да е така променен, че у потребителя да не остане съмнение, че pop-up-а е точно това – отделен от основния дизайн елемент.
Съдържание
Разбира се, това е основната… единствената причина този елемент да съществува и да искате да го поставите на сайта си. Съдържанието е това, което искате да съобщите, покажете, промотирате. Както навярно ви е добре известно, съдържанието има множество различни форми – текстове, изображения, видео.
Погрижете се съдържанието да е кратко, но описателно и ясно. Съобщете каквото имате да съобщавате с възможно най-малко думи. Изключение, разбира се, правят условията за ползване, които за съжаление, рядко са ясни и кратки.