Създайте сайт тест план

Така че, вашите дизайнери и програмисти са създали фантастичен изглеждащ сайт, клиентите са доволни и вече са готови да ви плащат премия над убедени, всичко, което остава - проверка на проекта, преди да поставите ръцете си. И тя е тук, че внезапно се почувства зле: вие не забравяйте, че седмица дойде друг браузър, мобилен зоопарк добавят три разрешителни, и като цяло на сайта за всички красиви страховити грешки могат да скрият. За да си поема въздух малко и се стегнеш, плъзнете към местата на тест план ...

Предимството на чек-лист (или план) в обектите за изпитване:

Яснота на проекта
Знаейки какво браузъри и устройства да отговарят на спецификациите на проекта ще даде възможност да се концентрира и да се намали времето и разходите за развитие.

Намалява недоволството на клиентите
Ако ви покажа протокола от изпитването на клиента с TK пълно съответствие, можете да се избегне голямо главоболие.

Доверието в проекта за разполагане
С внимателно тестване, вероятността от грешки в сайта на трансфер за борба със сървъра се намалява.

Ако имате такъв план все още, то тогава е време да се сложи настрана всички други случаи и да си направите своя собствена списък, за да се провери на сайта.

Инструменти.

Преди да започнем, ние се нуждаем такива неща като:

  • Проследяване на грешки, електронна таблица или лаптоп, който ще записва всички установени проблеми;
  • Chrome DevTool или Firefox DevTool. или Firebug;
  • Всичко за отстраняване бързо материал на снимки на екрани. PrintScreen в Ubuntu-базирани системи по подразбиране поставя скрийншота в папката Снимки и това ни устройва;
  • Услуга за тестване под различни браузъри. Или множество виртуални наред с необходимата зоологическата градина;
  • Идеалното би било да има няколко мобилни устройства за тестване или използване емулация. Много решения, обсъждани в тази статия;
  • GooglePage Скоростни прозрения;
  • Pingdom Сайт Speed ​​Test;
  • Screenr инструмент за запис на действията в браузър. Записано ще бъде "бъг" и веднага изпраща на програмистите.

Какво трябва да тествам?

Образно казано - да тест е необходимо само ключови страници:

ключ публика

За съжаление, този въпрос също ще трябва да разберете малко. Но чисто за идентифициране на техническата страна на въпроса. Би било хубаво да се знае следното:

  • от какви устройства ще влязат в обекта;
  • Какво операционни системи и браузъри са в по-голямата част;
  • каква скорост се очаква съединение (най-общо да 3G, както и приоритета на мобилния трафик);
  • как технически грамотна аудитория ще бъде.

Вие не може да го направи завинаги. От сутрин до вечер буквално "облизва" за проекта си. Това е напълно възможно, че по времето, когато вие ще бъдете напълно удовлетворени от нея клиентите ви да останат разочаровани и напускат, като с него същата награда, за която се опитвате толкова трудно.

  • Разходите за ипотека за тестване в бюджета на проекта;
  • Сложете в момента на тестване в проекта;
  • Разумни цени обема на работа, и не прави това, което се изисква.

Инструментът за улов на грешки:

Без значение какъв инструмент за проследяване на грешки, който използвате, макар и Excell маса. Основното нещо, което можете да го направите по следния начин:

Как да се опише открити грешки

Бъдете конкретни
Не се нуждае от много думи, които ясно описват проблема. Ако няколко грешки - че за всеки нов доклад.

Ограничете местоимения.
Вместо "Аз вече сте кликнали и да не се появява" употреба: "Аз натиснете бутона" Изпращане "и прозорец с думите" регистрацията "не работи" -

Прочетете това, което е написал
Това има смисъл? Смятате ли, че ясно да опише проблемът? Вие ще бъдете в състояние да повтори грешката на неговото описание?

Създайте първата си план

Така че, вие вече знаете много и да започнем да разбираме какво се случва, но не виждам един-единствен план за работа в тази статия. Време е да го напиша сам! Вземете празен лист хартия и да започне да направите:

  • Разпредели 10 дни за тестване;
  • за тестване на основната раздели половина на деня.
  • Завършете първоначалната тестване в рамките на един ден, резултатите от които се връщат към програмисти в същия ден;
  • три дни за корекция на грешки;
  • обед да тества повторно намерен.
  1. Пълна поддръжка:
    • Windows 8: IE 10+, Chrome (последна), Firefox (последна), Safari (последна)
    • Mac OS X Маверикс: Chrome (последна), Firefox (последна), Safari (последна)
    • iPhone 4/5, Ipad 2, Asus VivoTab Смарт
  2. частична подкрепа
    • Windows 7: IE 9+, Chrome (последна), Firefox (последна), Safari (последна)
    • Windows XP: IE 8, Chrome (последна), Firefox (последна), Safari (последна)
  3. Пълна подкрепа за адаптивен дизайн
  4. 85-100 на броячи Сайт Speed ​​Test на Google PageSpeed ​​Insights и Pingdom на

Какво е най-пълна и частична подкрепа?

  • цялото съдържание може да се чете;
  • всички функции са:
  • отклонения от одобрения проект е минимално.

Ние продължаваме да запълни допълнително нашия тест план. Един вид на втора страница:

  • Дизайнът на Windows 8: IE 10+ не се е променило, или отклонение от одобрен шаблон минимален;
  • Дизайнът на Windows 8: Chrome (последна) не се промени или отклонения от одобрения образец е минимална.

И така изброяват всички браузъри. По-добре тогава ние се възхищаваме на гладка изтрити редове от пропуснете нещо.

Началната страница е обикновено много различни функционални елементи: меню, търсене, плъзгачи, и така нататък. И те трябва да бъдат записани в плана за изпитване.

  • натиснете или докосване на формата за търсене, го попълните и кликнете върху иконата за търсене изпраща данните под формата на
  • позициониране на курсора на мишката върху елемента от менюто е осветена в бяло
  • Натискането на превключвателите на менютата към съответната страница артикул
  • Натискането на лява / дясна стрелка се движи към следващия / предишния слайд
  • неотложните елементи отнема на номерирането, съответстваща на елемент на плъзгачи
  • провери пързалки на мобилни устройства
  • кликнете върху бутона "Напред", поема нова страница с подходящ текст.

По същия начин ние описваме всички други елементи на функционалната на главната страница. Когато мишката върху текста променя цвета си? лист за проверка. Икони променят прозрачност? лист за проверка. Налице е трансформация на обекти? лист за проверка. Трудно е? Какво искаш?!

Между другото, всички функционални елементи, необходими за да се провери за всеки браузър от списъка с "пълна подкрепа" за всеки "частична подкрепа". И всички грешки са били намерени да се премахнат в съответствие със списъците. И тогава там е тестване на адаптивността ...

В края не забравяйте да проверите PageSpeed ​​Insights и Сайт Speed ​​Test Pingdom му. Прогнози за повече от 85? Отличен! Ако не, добавете контролен списък, изготвен от Скорост на страниците съвет.

Как да се оцени степента на регресия дизайн от браузъра, за да браузър

Можете върху окото. Но тъй като никога няма да знаеш, че след като вашия браузър преименуван CSS клас или да добавите дузина нови свойства. За щастие добрите хора са направили тестове за идентифициране на визуалните разлики между двете версии, които подчертават потенциалните проблеми. Ето някои от тези ресурси:

В заключение

Тестването е важен процес, който често са елиминирани, но трябва да се вземе под внимание дори и на етапа на проектиране. сайт за изпитване трябва да бъдат включени и двете време и пари. Следва да се уточнят формалните критерии TOR, в съответствие с които тя ще се провежда. Да, това е труден и много досаден процес, както и правилно подбрани инструменти могат да направят живота си малко по-лесно. Но резултатите ще ви удиви от първия проект, а клиентите вече не се обаждат в неделя с вик: "! Защо не работи"

Още по темата намерени