В ТАЗИ СТАТИЯ · 6 ЧАСТИ
Изработката на сайт протича в седем стъпки: разговор за бизнеса ти, събиране на материалите, дизайн, разработка с проверка, твоят преглед, пускане и промени след това. Изпълнителят върши техническата работа, но на три места всичко зависи от теб: в разговора казваш целта, после пращаш текстове и снимки, а при прегледа даваш обратна връзка. Ако тези три неща станат бързо и ясно, малкият фирмен сайт може да е готов за дни, а не за месеци.
Тази статия е погледът „от твоя стол“: какво става на всяка стъпка, какво правиш ти и къде най-често се губи време. Цялата картина с цени, договор и избор на изпълнител е в изработка на сайт: пълно ръководство.
Накратко: седемте стъпки
| Стъпка | Какво става | Какво правиш ти | Какво получаваш |
|---|---|---|---|
| 1. Разговор | Изпълнителят разпитва за бизнеса, клиентите и целта | Казваш една основна цел и отговаряш на въпросите | Ясна задача и списък какво да пратиш |
| 2. Материали | Събират се текстове, снимки, лого, контакти | Пращаш каквото имаш, без да чакаш „идеалното“ | Всичко нужно е на едно място |
| 3. Дизайн | Подреждат се страниците и се избира визията | Казваш кое ти харесва и кое не | Схема и визия на сайта |
| 4. Разработка | Дизайнът става работещ сайт и се проверява | Чакаш и отговаряш, ако те питат нещо | Първата версия на линк |
| 5. Преглед | Разглеждаш сайта на телефон и компютър | Даваш конкретна обратна връзка | Коригирана версия |
| 6. Пускане | Свързва се домейнът и сайтът се публикува | Одобряваш | Сайт на живо на твоя адрес |
| 7. Промени | Сайтът се подобрява с времето | Пишеш, когато нещо в бизнеса се промени | Нови версии на сайта |
Стъпка по стъпка
1. Разговорът
Всичко започва с въпроси: какво правиш, за кого, в кой град, кои са конкурентите ти и какво трябва да направи посетителят, когато отвори сайта. Да звънне, да пише, да си запише час или да дойде на място.
Какво правиш ти: избираш една основна цел. „Повече обаждания за ремонт на бани“ помага много повече от „искаме модерен сайт“. Ако изпълнителят не задава въпроси и направо праща шаблон, това е тревожен сигнал.
2. Материалите
Лого, снимки от реалната ти работа, списък с услуги и цени, работно време, адрес, телефон, няколко отзива. Пълният списък е в какво да подготвиш преди нов сайт.
Какво правиш ти: пращаш каквото имаш сега. Текстовете не трябва да са съвършени, достатъчно е да са верни. Добрият изпълнител ще ги подреди, а ако искаш да ги напишеш сам, виж как да напишеш текстовете за сайта си. За снимките: какви снимки да сложиш в сайта си.
3. Дизайнът
Обикновено първо се прави схема на страниците (на английски wireframe): прост „скелет“, който показва кое къде стои, преди да има цветове и снимки [1]. После идва истинската визия с твоите цветове, шрифтове и снимки.
Какво правиш ти: гледаш дали най-важното се вижда веднага. На телефон, защото там ще те отварят повечето хора.
4. Разработката
Дизайнът става работещ сайт: страници, форма за контакт, бутон за обаждане, карта, мобилна версия, основата за Google. Преди да стигне до теб, сайтът трябва да мине и вътрешна проверка: формите, линковете, скоростта, телефоните.
Какво правиш ти: почти нищо. Отговаряш, ако те питат нещо, и мислиш за домейна. Ако още нямаш, виж как да избереш домейн.
5. Твоят преглед
Получаваш линк към първата версия. Това е моментът, в който твоето мнение тежи най-много, и мястото, където проектите най-често засядат.
Какво правиш ти: отвори сайта на телефона си и опитай да направиш това, което прави клиентът: да намери цената, да звънне, да прати запитване. Още по-добре е да дадеш телефона на някой, който не е виждал сайта, и да го помолиш да изпълни една задача, докато ти мълчиш и гледаш. Точно така работят и професионалните тестове за използваемост: човек изпълнява задачи, а някой наблюдава какво прави [2]. За бърза проверка на основните неща за достъпност W3C има кратък списък, който сам признава, че не е изчерпателен, но хваща често срещани проблеми [3]. Пълен списък има в преди да пуснеш сайта: списък за проверка.
6. Пускането
След одобрението домейнът се регистрира или свързва, сайтът се публикува и получава SSL (катинарчето в браузъра). От този ден клиентите могат да те намерят на твоя адрес.
Какво правиш ти: казваш на хората. Сложи линка в профила си в Google, във Facebook и в подписа на имейла. И не се притеснявай, ако сайтът не излезе в Google още на следващия ден: самият Google казва, че обхождането може да отнеме от няколко дни до няколко седмици [4]. Какво можеш да направиш междувременно: нов сайт: как да го изкачиш в Google.
7. Промените след пускането
Сайтът не е готов „завинаги“. Нова услуга, нови цени, ново работно време, снимки от последния обект. Британската държавна администрация описва същото за своите онлайн услуги: след пускането работата продължава с подобрения, които се тестват на различни браузъри и устройства [5].
Какво правиш ти: пишеш, когато нещо в бизнеса се промени. Кой прави промените и колко струват, трябва да е ясно още преди старта: поддръжка на сайт: какво включва.
Първата версия на сайта не трябва да е съвършена. Трябва да е ясна, вярна и пусната навреме. После става по-добра.
Как да даваш обратна връзка, която работи
Неясната обратна връзка води до нов кръг корекции, а всеки кръг отлага пускането. Сравни:
| Вместо | Кажи |
|---|---|
| „Не ми харесва.“ | „Снимката горе е тъмна, сложи тази от обекта в Лозенец.“ |
| „Направи го по-модерно.“ | „Искам по-малко текст и повече снимки, като в тези два сайта (линкове).“ |
| „Телефонът не се вижда.“ | „На телефон бутонът за обаждане трябва да е най-горе.“ |
| „Оправи текстовете.“ | „В услугите липсва монтаж на климатици, а цената на боядисването е стара.“ |
Събери всичките си бележки в едно съобщение, вместо да пращаш по една на ден. Така изпълнителят ги вижда заедно и ги прави наведнъж.
Какво бави изработката най-често
Почти никога програмирането. Ето списък, който можеш да провериш още днес:
- Имам една основна цел за сайта.
- Имам лого (или знам, че ще започнем само с име).
- Имам поне 5–10 свои снимки от работата.
- Знам услугите и цените, които искам да покажа.
- Знам кой ще одобрява сайта (един човек, а не целият екип).
- Знам дали имам домейн и на чие име е.
- Ще отделя един час за прегледа в деня, в който получа линка.
Ако на всички отговаряш с „да“, си готов за изработката.
Как изглежда това при нас
В Studio V1 всяка стъпка е версия на сайта. След плащането на първия месец (50 € с ДДС) ти се обаждаме и казваме какво да ни пратиш (v0.1). Първата версия е готова до 7 работни дни след плащането и получените материали (v0.5), реален разработчик я преглежда, после ти получаваш линк и казваш какво да променим (v0.9). След одобрението свързваме домейна и публикуваме (v1.0), а малките промени след това са включени и всяка става v1.1, v1.2… Ако първата версия не ти хареса, връщаме първите 50 €. Виж как расте един сайт от v0.1 до v1.1 или ни пиши.
Източници
- Wikipedia. "Website wireframe." en.wikipedia.org/wiki/Website_wireframe
- Nielsen Norman Group. "Usability (User) Testing 101." nngroup.com/articles/usability-testing-101
- W3C Web Accessibility Initiative. "Easy Checks – A First Review of Web Accessibility." w3.org/WAI/test-evaluate/easy-checks
- Google Search Central. "Ask Google to recrawl your URLs." developers.google.com/search
- GOV.UK Service Manual. "How the live phase works." gov.uk/service-manual

