← Всички статии

Как протича изработката на сайт и какво правиш ти

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

ПУБЛИКУВАНА
ВРЕМЕ ЗА ЧЕТЕНЕ
6 мин
ТЕМА
Първи стъпки
ВЕРСИЯ
v1.0
В ТАЗИ СТАТИЯ · 6 ЧАСТИ
  1. 01Накратко: седемте стъпки
  2. 02Стъпка по стъпка
  3. 03Как да даваш обратна връзка, която работи
  4. 04Какво бави изработката най-често
  5. 05Как изглежда това при нас
  6. 06Източници

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

Тази статия е погледът „от твоя стол“: какво става на всяка стъпка, какво правиш ти и къде най-често се губи време. Цялата картина с цени, договор и избор на изпълнител е в изработка на сайт: пълно ръководство.

Накратко: седемте стъпки

СтъпкаКакво ставаКакво правиш тиКакво получаваш
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 или ни пиши.

Източници

  1. Wikipedia. "Website wireframe." en.wikipedia.org/wiki/Website_wireframe
  2. Nielsen Norman Group. "Usability (User) Testing 101." nngroup.com/articles/usability-testing-101
  3. W3C Web Accessibility Initiative. "Easy Checks – A First Review of Web Accessibility." w3.org/WAI/test-evaluate/easy-checks
  4. Google Search Central. "Ask Google to recrawl your URLs." developers.google.com/search
  5. GOV.UK Service Manual. "How the live phase works." gov.uk/service-manual

Още от блога

Всички статии →