Тестирање слика и дужине текста да би се осигурало да ваша страница реагује одговарајуће
Када дизајнирамо веб странице и планирамо приказивање садржаја тих локација, често то радимо са идејном ситуацијом. Наслови и текстуална подручја су замишљени као да имају одређене дужине, док су слике које прате тај текст дизајниране да се приказују у димензијама које ће им омогућити да раде како је планирано у целокупном дизајну. Чак и ако су ти елементи донекле флуидни као дио одговарајуће изградње веб странице (што би требали бити), постојаће ограничење колико су флексибилни.
Ако поставите веб локацију на ЦМС (систем за управљање садржајем) и дозволите клијентима да управљају том сајтом и додају нови садржај током времена, границе за које сте дизајнирали апсолутно ће бити стављени на тест. Верујте у чињеницу да ће ваши клијенти пронаћи начине да промене веб страницу коју никада нисте сањали. Ако нисте објаснили ситуације изван идеално оних са којима сте радили у свом пројекту дизајна, изглед тог сајта би могао бити у великој мери угрожен. Због тога је посебно важно да тестирате све садржаје веб сајта и аспекте постављања сајта пре покретања тог сајта. Ево неколико савета како можете то учинити.
Тестирање величине слике
Без сумње, најчешћи начин да људи разбију распоред својих веб локација је додавањем непримерено великих слика (то је начин на који они негативно утичу на укупне перформансе сајта и узрокују споре брзине преноса). Ово укључује слике које су превелике, као и оне које су премале да раде како је предвиђено на вашој веб страници.
Чак и ако користите ЦСС да бисте присилили величину ових слика у свој изглед, слике које су дивље изван скале са вашим оригиналним спецификацијама за сајт ће узроковати проблеме. Ако су димензије слике нетачне, ваш ЦСС може приморати ту слику да прикаже помоћу одговарајуће ширине и висине, али саму слику и његов однос слике могу бити изобличени. То ће сигурно имати негативан утицај на изглед вашег сајта, јер ће слика која је премала бити "упадана" и изгубиће квалитет. Слика која је превелика, која је учињена мања помоћу ЦСС-а, изгледа добро и задржава његов квалитет, али величина датотеке може бити неразумна велика за то како се користи.
Приликом тестирања радите на свом сајту, обавезно додајте слике које су ван вашег предвидјеног опсега. Додајте у ЦСС и одговарајуће технике сликања које решавају ове изазове тако што ћете променити величину слике према или, у случају погрешног аспекта, такође размишљајући да користите нешто као ЦСС својство клипова како бисте обрезали слику по потреби.
Тестирање других медија
Поред слика, такође тестирајте друге медије као што су видео на вашем сајту и погледајте како ће ти елементи бити приказани у вашем распореду помоћу различитих вриједности величине и величине. Још једном, узмите у обзир одговарајућу природу вашег сајта и како ће то радити за различите величине уређаја и екрана .
Испитивање текстуалних заглавља
Након слика, следећа област на интернету која највише доводи до проблема са живим веб страницама које управљају не-веб професионалци су текстуални наслови. То су (наводно) кратке линије текста који ће често покренути садржај странице или секције на тој страници. Пример овог текста изнад овог става који гласи: "Тестирање наслова текста".
Ако сте дизајнирали сајт за прихватање наслова попут овог:
"Испитивање текстуалних наслова"
Али ваш клијент користи ЦМС за додавање чланка са насловом сличан овоме:
"Испитивање текстуалних заглавља на разним веб страницама које имају разне величине Захтеви и корисничке потребе"
Тада ваш изглед можда неће бити у стању да чисто прилагоди све тај додатни текст. Баш као што бисте требали нагласити тестирање својих слика и медија тако што ћете додати ставке које падају изван величина које сте првобитно дизајнирали, тако да бисте то урадили помоћу наслова текста како бисте били сигурни да су довољно флексибилни да ефикасно приказују чак и ултра-дугачке линије попут један горе.
Тестирање дужине текста
Остаје на тему текста, такође ћете желети да тестирате различите дужине текста за главни садржај на страницама . Ово укључује текст који је врло, веома дуг, као и текст који је врло, врло кратак - што заправо може бити проблем који доводи до великог броја страница странице.
Због тога што веб странице по природи расте у величини да би задовољиле висину текста који садрже, странице са великим бројем текста ће обично само по потреби скалирати по висини. Осим ако сте ограничили висину странице (коју не бисте требали радити ако желите да ваша страница буде флексибилна), додатни текст не би требало да представља проблем. Премало текста је још једно питање - и то је оно што многи дизајнери заборављају да тестирају у свом дизајнерском процесу.
Премало текста може учинити да страница изгледа непотпуна или чак и сломљена, па обавезно умањите садржај вашег страница како бисте видели шта се дешава у тим инстанцама и направите неопходна прилагођавања ЦСС-а вашег сајта како бисте се суочили са тим ситуацијама.
Тестирање зума странице
Људи са проблемима вида могу користити функцију Паге Зоом веб прегледача како би повећали величину ваше веб странице. Ако неко зумира у значајној количини, ваш распоред би се могао срушити. Ово је један од разлога зашто можда желите да користите ЕМ-ове као јединицу мерења за величину фонтова вашег веб сајта, као и ваше медијске упите . Пошто су ЕМс релативна јединица мерења (заснована на подразумеваној величини текста тог претраживача), оне су погодније за флексибилне поставке сајтова.
Тестирајте своју веб страницу за зумирање странице и не заустављајте само на један или два нивоа зума. Зумирајте свој сајт горе и доле на разним нивоима како бисте осигурали да ваше странице реагују како је предвиђено.
Не заборавите на брзину и перформансе преноса
Док тестирате импликације клијентских одлука о распореду, не заборавите да обратите пажњу на утицај који те одлуке имају на перформансе сајта. Слике и садржај који ће ти клијенти додати могу ометати брзину преузимања сајта и озбиљно уништити укупну корисност сајта. Планирајте утицај ових додатака и учествујте у процесу развоја како бисте смањили ове ефекте.
Ако се ваше веб странице изграђују помоћу буџета за учинак, поделите ове информације са својим клијентима и покажите им како да тестирате веб страницу за мерење перформанси. Објасните им важност одржавања ових утврђених прагова за величину странице и брзину преузимања и покажите им како додавања која они направе могу утјецати на локацију као целину. Одложите време да их обучите како да одржавате сајт и да ли добро изгледа. На тему обуке ...
Обука клијента је есенцијална
Важно је нагласити тестирање слика вашег сајта, текста и других елемената странице и креирати стилове који ће приказати екстремне примјере, али то никада није замјена за обуку клијената. Ваш рад на стрелишту би требало да буде поред времена када проводите обуку ваших клијената како ефикасно бринути и управљати својим сајтом. На крају, добро обучени клијент који разуме своје одговорности и утицај одлука које доносе на некој локацији биће непроцјењив за ваше напоре да одржи функцију тог сајта и да је најбоље види.