Процесът на уеб дизайн

Как се създава уеб сайт? Откъде да започнем? Нормално е човек, който не се е занимавал с това, да не е наясно! Ето защо предлагаме на всички наши клиенти да се запознаят с тази статия преди да започнем работа по конкретен проект.

This article was written by Message and originally published at www.message.uk.com/articles © Copyright Message Digital Design Ltd 2004

Превод: Стефан Видев | Редакция: Боби Димитров | Последна промяна: 25.08.2004

ВЪВЕДЕНИЕ

Имате страхотна идея за вашият сайт и сте обсъдили главните идеи с вашият уеб екип. Но как да стигнем от идеите до крайния продукт? Всичко опира до процеса на работа казва Джейми Фрийман.

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

ПРИЛИЧНО ПРЕДЛОЖЕНИЕ

Не е лоша идея да нахвърляте на хартия изискванията си преди да се свържете с фирмата за уеб дизайн. Някои хора предпочитат да задвижат въпроса с разговор по телефона или е-мейл. В днешни дни потенциалните изпълнители могат да ви помолят да отговорите на няколко въпроса или да попълните молба за предварително предложение (request for proposal - RFP), която ще им предостави информация, на базата на която ще могат да определят размерите на проекта. Това обикновено е последвано от допълнителни дискусии, благодарение на които всички страни достигат до по-добро разбиране на проекта.

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

ПЛАНИРАНЕ

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

СПЕЦИФИКАЦИЯ

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

Програмист: Трябва ли потребителят да получава мейл за потвърждение, когато отмени поръчка?

Ръководител на проекта: Погледни в проектоспецификацията!

В нея се съдържат точни цени за разлика от грубото изчисление в предварителното предложение. След като проектът е планиран до най-малкия детайл, екипът, който ще разработва вашия уеб сайт, ще има по-добра представа колко време ще отнеме създаването на отделните елементи. Една от най-полезните части на документа са схемите на страниците. Какви схеми? Спокойно, ще ви обясня...

СХЕМИ НА СТРАНИЦИТЕ

Обичам схемите на страниците. Те са отличен начин да опишеш уеб страница преди да я създадеш. Те приличат на стори бордовете, които се използват при снимането на филми (стори борд - рисувана последователност на по-важните сцени на един филм). От една страна, те позволяват на клиента да види какво се случва когато определен бутон бъде натиснат. От друга страна, те показват на екипа от програмисти какво точно да създадат. По този начин се избягва възможността да получите уеб страница, която прави нещо различно от това, което сте искали. Когато одобрявате схемите, вие казвате "Да, така искам да работи сайта ми. Създайте го!". Без неприятни изненади.

ДЕТАЙЛНО ПЛАНИРАНЕ

Понякога проектът е толкова сложен, че се налага допълнително вътрешно планиране на изпълнението на определени функционални елементи. Това едва ли ще е много интересна тема за четене, така че нека да преминем нататък...

ТЕСТВАНЕ НА ПОЛЗВАЕМОСТТА I - ДОКАЗВАНЕ НА ИДЕИТЕ

Защо да тестваме уеб страницата си? В крайна сметка, вашият уеб екип е жертвал много време и усилия, за да го планира много внимателно, нали? Става въпрос за вашата инвестиция - поправката на проблеми по използваемостта открити след завършването и представянето пред публика на един сайт обикновено струват скъпо. Има и по-лоша възможност - те никога да не бъдат забелязани.

На този етап, тестването може да се осъществи с хартиени прототипи на схемите на страниците (което не само прави процеса по-евтин, но и повишава използваемостта на схемите).

Идеята е да се провери дали сайтът ще е използваем преди да се създаде. Тества се възможността на потребителите да изпълняват определени дейности ("Могат ли да си поръчат продуктa?", а не "Харесва ли им цветът?") и всички открити проблеми се решават преди преминаване към следващия етап.

ДИЗАЙН

Забелязахте ли, че вашият дизайнер все още нищо не е направил? Това е така, защото при уеб дизайна не става въпрос само за това как изглежда, но и как работи. (Знам, че започвам да звуча като развалена плоча!).

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

МАКЕТИ

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

ТЕСТВАНЕ НА ПОЛЗВАЕМОСТТА II - ДОКАЗВАНЕ НА ДИЗАЙНА

За този кръг от тестове се ползват HTML макети базирани на същинския дизайн на сайта. Така не само се проверява дали откритите по време на първия тест проблеми са разрешени, но също така дали дизайна не е провалил идеите - объркват ли се потребителите от мигащия розов бутон "Купете сега"?

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

ИЗГРАЖДАНЕ НА САЙТА

Това е времето когато вашият екип се заема с "болтовете и гайките" на сайта - писане на страниците, функционалните елементи (например: количка за пазаруване или потребителска регистрация), инсталация и настройка на бази данни, конвертиране на информацията предоставена от вас (например файлове на Word) във формат готов за публикуване в интернет (например HTML), оптимизация на графики и т.н.

Това е момента, в който функционалността (начина на работа) и дизайна (външния вид) стават едно хомогенно цяло и изведнъж си имате уеб сайт!

На този етап сайтът обикновено се помещава на сървър за разработка с ограничен достъп - все пак вашият екип трябва да го тества първо...

ПРИЕМНО ТЕСТВАНЕ

Когато наетият от вас екип е доволен от сайта, те ще ви помолят да го разгледате изцяло, като използвате списък, който да ви помага и покаже всички функционални елементи. Този процес трябва да покрие всички аспекти - от начина по който изглежда сайта ("правилните изображения ли са ползвани?") до начина по който работи ("мога ли да си купя този продукт в размер XL?").

Както планирането в началото на проекта, тестването на края е може би най-важната част от целия процес и трябва да очаквате вашия екип да ви насърчи качествено да проверите сайта преди да излезе пред публика.

ПРЕДСТАВЯНЕ ПРЕД ПУБЛИКА

Сайтът вече е факт, но това не е всичко. Докато съдържанието най-вероятно е във ваши ръце (например чрез система за управление на съдържанието - content management system - CMS), има две фази на които трябва да обърнете внимание.

Първата е поддръжката на работата на "машината" и разрешаването на проблемите, които могат да възникнат по време на работа. Втората е развитието - добавянето на нови функционални елементи и освежаването на външния вид на сайта.

РЕЗЮМЕ

Разбира се, не всеки уебсайт се нуждае от всички тези етапи - някои са незадължителни и могат да бъдат включвани или изключвани според бюджета. Вярно е и че не всички уеб студиа и екипи следват тези стъпки, но тези които го правят вероятно ще създадат вашия проект с по-малко подхлъзвания.