Тэставанне выявы і тэкставыя даўжыні, каб гарантаваць, што Ваш сайт рэагуе адпаведным чынам
Калі мы ствараем вэб-сайты і планаваць, як будзе адлюстроўвацца змест гэтых сайтаў, мы часта робім гэта з ідэальнай сітуацыяй у выглядзе. Загалоўкі і тэкставыя вобласці ўявіць, як якія маюць пэўныя даўжыні, у той час як малюнкі, якія суправаджаюць гэты тэкст прызначаны для адлюстравання ў памерах, што дазволіць ім працаваць па прызначэнні ў агульным дызайне. Нават калі гэтыя элементы з'яўляюцца некалькі размытымі , як частка спагадным сайта зборкі (што яны павінны быць), будзе мяжа , наколькі гнуткімі яны могуць быць.
Пры разгортванні вэб - сайта на CMS (сістэма кіравання кантэнтам) і дазваляе кліентам кіраваць гэты сайт і дадаваць новы кантэнт у працягу доўгага часу, межы , якія вы прызначаныя для будзе абсалютна быць пастаўлены на выпрабаванні. Давер да таго, што вашы кліенты будуць знайсці спосабы змяніць вэб-сайт, які вы ніколі не марылі яны будуць рабіць. Калі вы не ўлічвалі сітуацыю далёка за межамі ідэальных тыя, якія вы працавалі ў працэсе праектавання, макет гэтага сайта можа быць у сур'ёзнай небяспекі. Таму асабліва важна, што вы стрэс-тэст ўсе ўтрыманне вэб-сайта і аспекты макета сайта да запуску гэтага сайта. Вось некалькі саветаў аб тым, як вы можаце гэта зрабіць.
Памеры Тэставанне малюнка
Без сумневу, найбольш распаўсюджаным спосабам, што людзі парушаюць макет свайго сайта, дадаючы ненадо памеру малюнка (гэта таксама так, што яны негатыўна ўплываюць на агульную эфектыўнасць сайта і прывесці да павольнай хуткасці загрузкі). Гэта ўключае ў сябе выявы, якія з'яўляюцца занадта вялікімі, а таксама тыя, якія занадта малыя, каб працаваць, як меркавалася ў вашым вэб-сайце.
Нават калі вы выкарыстоўваеце CSS, каб прымусіць памер гэтых малюнкаў у макеце, малюнка, якія дзіка акалінай з арыгінальнай спецыфікацыяй для сайта могуць выклікаць праблемы. Калі памеры выявы з'яўляюцца няправільнымі, ваш CSS, можа прымусіць гэта малюнак для адлюстравання з выкарыстаннем адпаведнай шырыні і вышыні, але сама і яе суадносіны бакоў малюнка можа быць скажоны. Гэта, безумоўна, акажа негатыўны ўплыў на знешні выгляд вашага сайта, як вобраз, які занадта малы будзе «падарваны» і страціць якасць. Малюнак, якое з'яўляецца занадта вялікім, што зроблена менш з CSS макіяжам выглядае добра і захаваць яе якасць, але памер файла можа быць неразумным вялікім для таго, як яна выкарыстоўваецца.
Пры праверцы работы сайта, не забудзьцеся дадаць ў малюнкі, якія выходзяць за межы вашага меркаванага аб'ёму. Дадаць у CSS і спагадлівыя малюнкаў метадаў, якія вырашаюць гэтыя праблемы шляхам змены памеру выявы ў адпаведнасці або, у выпадку няправільнага суадносін бакоў, а таксама прымаючы ва ўвазе, выкарыстоўваючы нешта накшталт ўласцівасці CSS кліпа, каб абрэзаць малюнак па меры неабходнасці.
Тэставанне іншых СМІ
У дадатак да малюнкаў, а таксама праверыць іншыя сродкі масавай інфармацыі, як відэа на ваш сайт і паглядзець, як гэтыя элементы будуць адлюстроўвацца ў макеце, выкарыстоўваючы розныя праклейвання і суадносіны бакоў значэння. Яшчэ раз разгледзім адаптыўны характар вашага сайта і як яна будзе працаваць для прылад і экранаў розных памераў .
Тэставанне тэкставых загалоўкаў
Пасля малюнкаў, наступны вэб-сайт вобласць, якая выклікае найбольшыя праблемы з жывымі сайтаў, якія кіруюцца без вэб-прафесіяналаў тэкставыя загалоўкі. Гэта (меркавана) кароткія радкі тэксту, якія часта пачынаюць ўтрыманне старонкі або падзелу на гэтай старонцы. Тэкст вышэй гэтага пункта, які абвяшчае: «Праверка тэксту загалоўкаў» з'яўляецца прыкладам гэтага.
Калі вы распрацавалі сайт для размяшчэння загалоўку, як гэты:
«Тэставанне тэкставых загалоўкаў»
Але ваш кліент выкарыстоўвае CMS дадаць артыкул з загалоўкам, як гэта:
«Тэкст загалоўкаў Тэставанне на разнастайнасць вэб-старонак Усе з рознымі памерамі патрэбаў спажыўца»
Тады ваш макет не можа быць у стане чыста змясціць усе, што дадатковы тэкст. Гэтак жа, як вы павінны падкрэсліць праверыць свае малюнкі і сродкі масавай інфармацыі шляхам дадання запісаў, якія трапляюць далёка за межамі памераў вы першапачаткова прызначаныя для, так вы павінны зрабіць гэта з тэкставымі загалоўкамі, каб пераканацца, што з'яўляюцца дастаткова гнуткімі, каб эфектыўна адлюстроўваць нават ультра-доўгіх ліній, такіх як адзін вышэй.
Тэставанне тэкст Даўжыня
Знаходжанне на тэму тэксту, вы таксама хочаце , каб праверыць розныя даўжыні тэксту для асноўнага кантэнту на старонках . Гэта ўключае ў сябе тэкст, вельмі, вельмі доўга, а таксама тэкст, які вельмі, вельмі кароткі - што на самой справе можа быць праблема, якая выракае шмат макетаў старонак.
Паколькі вэб-старонкі, па сваёй прыродзе, растуць у памерах, каб прыстасаваць вышыню тэксту, якія яны ўтрымліваюць, старонкі з вялікай колькасцю тэксту, як правіла, толькі маштаб ў вышыню па меры неабходнасці. Калі вы не абмежавалі вышыню старонкі (якія вы не павінны рабіць , калі вы хочаце , каб ваша старонка павінна быць гнуткай), то дадатковы тэкст не павінен стаць праблемай. Занадта мала тэксту з'яўляецца яшчэ адным пытаннем - і гэта адзін, што многія дызайнеры забываюць праверыць у працэсе іх распрацоўкі.
Занадта мала тэкст можа зрабіць старонку выглядаць няпоўнымі або нават зламанае, так што не забудзьцеся маштабаваць змесціва старонкі ўніз, каб убачыць, што адбываецца ў тых выпадках, і ўносіць неабходныя карэктывы ў CSS вашага сайта, каб справіцца з гэтымі сітуацыямі.
Тэставанне Маштаб старонкі
Людзі з праблемамі зроку могуць выкарыстоўваць функцыю маштабавання старонкі вэб-браўзэр, каб павялічыць памер вашага сайта. Калі хто-то павялічвае ў значнай колькасці, макет можа зламацца. Гэта адна з прычын , чаму вы можаце захацець выкарыстаць EMs ў якасці адзінкі вымярэння для вашага сайта памеру шрыфта, а таксама вашых медыя - запытаў . Паколькі EMs з'яўляюцца адносная адзінка вымярэння (на аснове тэксту па змаўчанні памер гэтага браўзэра в), яны ў большай ступені спрыяюць вадкасці, гнуткіх макетаў вэб-сайтаў.
Праверце свой вэб-сайт для маштабавання старонкі і не проста спыніцца на адным або двух узроўнях маштабавання. Павялічыць свой сайт уверх і ўніз розных узроўняў, каб пераканацца, што вашыя старонкі рэагуюць належным чынам.
Не забывайце аб хуткасці загрузкі і прадукцыйнасці
Як праверыць наступства кампаноўкі кліенцкіх рашэнняў, не забудзьцеся таксама звярнуць увагу на тое ўздзеянне, якое гэтыя рашэнні аказваюць на прадукцыйнасці сайта. Выявы і змест, што гэтыя кліенты будуць дадаваць могуць перашкодзіць хуткасць загрузкі на сайце і сур'ёзна руйнуюць агульнае зручнасць сайта. Плануйце ўплыў гэтых дапаўненняў і зрабіць свой уклад у працэс развіцця, каб мінімізаваць гэтыя эфекты.
Калі ваш вэб-сайт будуюцца з бюджэтам прадукцыйнасці, падзяліцеся гэтай інфармацыяй з вашымі кліентамі і паказаць ім, як праверыць вэб-старонку для паказчыкаў прадукцыйнасці. Растлумачце ім важнасць захавання гэтых устаноўленых парогавых значэнняў для памеру старонкі і хуткасці загрузкі і паказаць ім, як дапаўненні, якія яны робяць можа паўплываць на сайт у цэлым. Выдаткуйце час, каб навучыць іх, як трымаць сайт працуе і добра выглядае. Па пытанні падрыхтоўкі ...
Навучанне кліента мае важнае значэнне
Важна падкрэсліць, тэставыя малюнкі, тэкст і іншыя элементы старонкі вашага сайта і стварыць стылі, якія будуць складаць для экстрэмальных выпадкаў, але гэта ніколі не з'яўляецца заменай для навучання кліентаў. Ваша праца Буллетпроофинг сайта павінна быць у дадатку да таго часу вы праводзіце навучанне сваіх кліентаў, як эфектыўна клапаціцца і кіраваць іх сайтам. У рэшце рэшт, добра навучаны кліент, які разумее свае абавязкі і наступствы рашэнняў, якія яны робяць на сайце будзе мець неацэннае значэнне для вашых намаганняў, каб захаваць гэты сайт працуе і дагледжанай.