Изпробвайте изображения и дължини на текста, за да сте сигурни, че сайтът ви реагира по подходящ начин
Когато проектираме уеб сайтове и планираме как ще се показва съдържанието на тези сайтове, често го правим с идеална ситуация. Заглавията и текстовите области са замислени като имащи определени дължини, а изображенията, придружаващи този текст, са предназначени за показване в размери, които ще им позволят да работят по предназначение в цялостния дизайн. Дори ако тези елементи са донякъде плавни като част от изграждането на отговорен уебсайт (който те трябва да бъдат), ще има ограничения за това колко гъвкави могат да бъдат те.
Ако инсталирате уебсайт в CMS (система за управление на съдържанието) и позволите на клиентите да управляват този сайт и да добавят ново съдържание с течение на времето, ограниченията, които сте проектирали, ще бъдат абсолютно изпитани. Вярвайте, че вашите клиенти ще намерят начини да променят уеб сайта, който никога не сте мечтали да правят. Ако не сте отчели ситуации извън идеалните, с които сте работили в процеса на проектиране, оформлението на този сайт може да бъде сериозно застрашено. Ето защо е особено важно да изпробвате цялото съдържание на уебсайта и аспектите на оформлението на сайта преди да стартирате този сайт. Ето някои съвети как да направите това.
Тестване на размерите на изображения
Без съмнение най-честият начин, по който хората нарушават оформлението на уебсайта си, е чрез добавяне на неподходящи изображения (това също е начинът, по който те оказват негативно влияние върху цялостната производителност на сайта и причиняват бавни скорости на изтегляне). Това включва изображения, които са твърде големи, както и такива, които са твърде малки, за да работят по предназначение на уебсайта Ви.
Дори и ако използвате CSS, за да принудите размера на тези изображения в оформлението си, изображенията, които са невероятно извън обхвата на вашите оригинални спецификации за сайта, ще предизвикат проблеми. Ако размерите на изображението са неправилни, CSS може да принуди това изображение да се покаже с подходящата ширина и височина, но самото изображение и съотношението му може да са изкривени. Това със сигурност ще има отрицателно въздействие върху външния вид на вашия сайт като изображение, което е твърде малко ще бъде "взривено" и ще загуби качеството. Изображението, което е твърде голямо, което се намалява с CSS, изглежда добре и запазва качеството му, но размерът на файла може да бъде неразумно голям за това как се използва.
Когато тествате работата на уебсайта си, не забравяйте да добавите изображения, които не попадат в обхвата ви. Добавете CSS и техники за отзивчиво изображение, които отговарят на тези предизвикателства, като промените размера на изображението, или в случай на неправилно съотношение, като използвате и нещо като CSS клипа, за да изрежете изображението според нуждите.
Тестване на други носители
В допълнение към изображенията, тествайте и други медии като видеоклипове в сайта си и вижте как тези елементи ще се показват в оформлението ви, като използвате различни стойности за размера и съотношението. Още веднъж, помислете за отзивчивия характер на вашия сайт и как той ще работи за различни размери на устройството и екрана .
Тестване на текстови заглавия
След изображенията, следващата област на уебсайта, която причинява най-много проблеми с уебсайтовете на живо, управлявани от не-уеб специалисти, е текстовите заглавия. Това са (предполагаемите) къси линии на текста, които често стартират съдържанието на страница или секция на тази страница. Текстът над този параграф, който гласи "Тестване на текстови заглавия", е пример за това.
Ако сте проектирали сайт, за да победите позиция като тази:
"Тестване на текстови заглавия"
Но вашият клиент използва CMS, за да добави статия със заглавие по този начин:
"Тестване на текстови заглавия на различни уеб страници Всички с различни размери Изисквания и потребителски нужди"
След това оформлението ви може да не е в състояние да приспособи изцяло този допълнителен текст. Точно както трябва да изпробвате тестовете на изображенията и медиите, като добавяте записи, които падат извън размерите, които първоначално сте проектирали, така че трябва да направите това с текстовите заглавия, за да се уверите, че са достатъчно гъвкави, за да покажат ефективно дори ултра-дълги линии един по-горе.
Тестване на дължини на текста
Ако останете по темата на текста, вие също ще искате да тествате различни дължини на текста за основното съдържание на страниците . Това включва текст, който е много, много дълъг, както и текст, който е много, много кратък - което всъщност може да бъде проблемът, който изкривява много страници.
Тъй като уеб страниците по природа растат по размер, за да се съобразят с височината на текста, който съдържат, страниците с много текст обикновено обикновено се мащабират на височина, ако е необходимо. Освен ако не сте ограничили височината на страницата (която не би трябвало да правите, ако искате вашата страница да бъде гъвкава), тогава допълнителният текст не би трябвало да представлява проблем. Твърде малко текст е друг въпрос - и това е много, което много дизайнери забравят да изпробват в процеса на проектиране.
Твърде малкият текст може да направи страницата непълна или дори нарушена, така че не забравяйте да мащабирате съдържанието на страницата си, за да видите какво се случва в тези случаи и да направите необходимите корекции в CSS на сайта си, за да се справите с тези ситуации.
Тестване на увеличаване на страницата
Хората с проблеми със зрението може да използват функцията за увеличаване на страница на уеб браузър, за да увеличат размера на вашата уеб страница. Ако някой се приближи в значителна сума, оформлението ви може да се разпадне. Това е една от причините, поради които може да искате да използвате ЕМ като измервателна единица за размера на шрифта на вашия уеб сайт, както и за вашите медийни заявки . Тъй като ЕМ са относителна единица за измерване (въз основа на стандартния размер на текста на този браузър), те са по-благоприятни за гъвкави и гъвкави оформления на уебсайтовете.
Тествайте уеб сайта си за увеличаване на страницата и не спирайте само на едно или две нива на увеличение. Увеличете мащаба на сайта си нагоре и надолу на различни нива, за да сте сигурни, че страниците ви реагират по предназначение.
Не забравяйте за скоростта на изтегляне и ефективността
Тъй като се тествате за оформлението на решенията на клиентите, не забравяйте да обърнете внимание и на въздействието, което тези решения оказват върху ефективността на даден сайт. Изображенията и съдържанието, които клиентите ще добавят, могат да затруднят скоростта на изтегляне на сайта и сериозно да унищожат цялостната използваемост на сайта. Планирайте въздействието на тези допълнения и участвайте в процеса на разработване, за да сведете до минимум тези ефекти.
Ако уебсайтът Ви се изгражда с бюджет за ефективност, споделете тази информация с клиентите си и им покажете как да тествате уеб страница за показателите за ефективността. Обяснете им колко е важно да запазите тези установени прагове за размера на страницата и скоростта на изтегляне и да им покажете как добавките, които правят, могат да повлияят на сайта като цяло. Отделете време да ги обучите как да поддържате сайта работещ и да изглежда добре. По въпроса за обучението ...
Обучението на клиенти е от съществено значение
Важно е да изпробвате тестването на изображения, текст и други елементи на сайта си и да създавате стилове, които да отчитат екстремни случаи, но това никога не е заместител на обучението на клиентите. Вашата работа bulletproofing сайт трябва да бъде в допълнение към времето, което прекарвате обучение на клиентите си как ефективно да се грижи за и да управлява своя сайт. В крайна сметка добре обучен клиент, който разбира техните отговорности и влиянието на решенията, които вземат върху даден сайт, ще бъде безценен за вашите усилия да поддържате този сайт работещ и да изглеждате най-добре.