Распрацоўка і праектаванне сайта: асноўныя этапы

Праектаванне сайта пачынаецца з сустрэчы заказчыка з выканаўцам. На ёй абмяркоўваюцца дэталі будучага праекта і складаецца тэхнічнае заданне.

Этапы праектавання сайта

Працэс распрацоўкі дзеліцца на наступныя этапы:

1. Вызначэнне тыпу будучага сайта.
2. Пастаноўка і аналіз задач праекта.
3. Вызначэнне мэтавай аўдыторыі.
4. Падрыхтоўка макета і распрацоўка дызайну.
5. Зацвярджэнне і вёрстка макета.
6. Праграмаванне і перанос сайта на хостынг.
7. Запаўненне рэсурсу кантэнтам.
8. Тэставанне.
9. Здача праекта.

тыпы сайтаў

Важна правільна вызначыць мэта, для якой ствараецца сайт. Спачатку трэба выбраць тып праекта. Сайты можна ўмоўна падзяліць на некалькі катэгорый зыходзячы з набору функцый і мэтаў, для якіх яны ствараюцца. У залежнасці ад мэты, рэсурсы могуць быць камерцыйнымі і некамерцыйнымі.

Камерцыйныя сайты ствараюцца для продажу тавараў і паслуг, а таксама для прасоўвання фірмы.

Да гэтага тыпу адносяцца:

• лендинги, сайты-візітоўкі, дзе знаходзіцца толькі інфармацыя аб фірме;
• інтэрнэт-крамы, дзе можна набыць тавар ці замовіць паслугі;
• прома-сайты, створаныя для прасоўвання прадукцыі;
• каталогі прадукцыі;
• карпаратыўныя сайты ;
• платныя сэрвісы.

Некамерцыйныя сайты не ставяць перад сабой мэту прадаць тавар ці паслугу. Яны могуць быць:

• інфармацыйнымі;
• навінавымі;
• забаўляльнымі.

Па даступнасці сайты дзеляцца на дзве катэгорыі:

• лакальныя - адкрыты толькі пэўнаму колу асоб;
• агульнадаступныя - для ўсіх жадаючых.

Мэты і задачы праекта

Заказчык выбірае патрэбны тып сайта і як мага больш падрабязна апісвае, для чаго яму патрэбен гэты праект, якімі функцыямі ён павінен валодаць і што за задачы выконваць. Складаецца "брыф» - спецыяльны дакумент з пажаданнямі кліента, дзякуючы якому можна больш дакладна вызначыць кошт сайта. У ім асвятляюцца наступныя пытанні:

1. Якія тэрміны здачы праекта?
2. Ці існуе ў заказчыка іншы сайт, якія ў яго недахопы?
3. Калі праект камерцыйны, ці ёсць у заказчыка канкурэнты?
4. У чым адрозненне яго прапановы?
5. На якіх мовах павінен быць рэсурс?
6. Ці можа заказчык прывесці прыклады сайтаў, якія яму падабаюцца?
7. Якія будуць патрабаванні да лагатыпу, каляроваму рашэнню?

Спіс можа быць дапоўнены. Пры складанні тэхнічнага задання і бріфа трэба абмеркаваць як мага большую колькасць пытанняў. Гэта дапаможа дакладней вызначыць кошт праекта і хутчэй ўзгадніць яго з заказчыкам. Адрозненне бріфа ад тэхнічнага задання ў больш вольнай форме яго выкладу. Ён з'яўляецца спісам пажаданняў заказчыка, а не выразнымі патрабаваннямі да характарыстыках праекта.

аўдыторыя сайта

Вызначыўшыся з мэтамі і задачамі, які павінен вырашаць вэб-сайт, варта задумацца пра аўдыторыю рэсурсу. Людзі могуць заходзіць на сайты з рознай мэтай:

• атрымаць інфармацыю (навінавыя сайты, тэматычныя рэсурсы, інтэрнэт-крамы з водгукамі аб тавары);
• падзяліцца інфармацыяй (асабістыя блогі, сайты-візітоўкі);
• абмяняцца інфармацыяй (соцсеть, форумы).

Канверсія сайта - гэта стаўленне колькасці карыстальнікаў, якія зайшлі на рэсурс і выканалі на ім пэўныя мэтавыя дзеянні (зарэгістраваліся, перайшлі па рэкламнай спасылцы ці нешта купілі) да агульнай колькасці наведвальнікаў, выяўленае ў адсотках. Праектаванне web-сайта павінна быць арыентавана на максімальную канверсію. Існуе мноства метадалогій, якія выкарыстоўваюцца для павелічэння гэтага значэння. Але чым марнавацца на дадатковыя паляпшэння пасля здачы праекта, лепш адразу распрацоўваць сайт так, каб ён адпавядаў запытам не толькі заказчыка, але і будучых карыстальнікаў.

Праектаванне вэб-сайта варта пачаць з адказу на наступныя пытанні:

1) Як прыцягнуць наведвальнікаў?

2) Адкуль яны будуць прыходзіць?

3) Што трэба данесці да наведвальніка?

Часта бывае, што заказчык забывае адказаць на апошняе пытанне, у выніку чаго наведвальнасць сайта аказваецца значна ніжэй чаканай. На камерцыйным праекце прыцягваць новых кліентаў будуць сама прадукцыя і яе рэклама, парталы з інфармацыяй павінны напаўняцца якасным кантэнтам, а крыніцы навін - пастаянна абнаўляцца. Сайт павінен не толькі прыцягваць новых наведвальнікаў, але і стымуляваць звяртацца да яго зноў і зноў.

Праектаванне дызайну сайта

На наступным этапе да працы прыступае вэб-дызайнер. Афармленне - важны інструмент для павышэння эфектыўнасці і прасоўвання праекта. Ствараецца шаблон з каркасам сайта. Дызайнер распрацоўвае яго, улічваючы пажаданні заказчыка па графічным элементам, каляровай палітры і карыстацкаму інтэрфейсу.

Усё пачынаецца са скетча - накіда макета, які павінен зацвердзіць заказчык. Выглядае ён досыць схематычна і дае прыблізнае ўяўленне пра тое, як будзе выглядаць фінальны вынік. Часта першапачатковы варыянт некалькі разоў дапрацоўваецца, пакуль не будуць улічаныя ўсе пажаданні кліента. Пасля ўзгаднення базавага дызайну спецыяліст пачынае працу над асобнымі элементамі афармлення, у тым ліку над інтэрфейсам.

распрацоўка інтэрфейсу

Лаканічны карыстацкі інтэрфейс - важны складнік будучага поспеху праекта. Ён павінен быць зразумелы любому карыстальніку і прывабна выглядаць. Навігацыя па сайце павінна раскрываць набор яго функцый і дапамагаць знайсці любы кантэнт, інакш прыйдзецца перарабляць ўвесь дызайн. Праектаванне сайта без выразнай унутранай арганізацыі і прадуманай структуры асуджана на правал. Карыстальнікі павінны атрымліваць задавальненне ад наведвання праекта, а не адчуваць негатыўныя эмоцыі з-за таго, што не могуць правільна ўвесці свае дадзеныя ў рэгістрацыйную форму ці ж знайсці патрэбную кнопку. Мае значэнне і час, выдаткаванае на пошук.

Зацвярджэнне і вёрстка макета

Калі ўсё зроблена правільна, то заказчык прымае эскіз, а праектаванне і распрацоўка сайта пераходзяць на новы ўзровень - за справу бярэцца вярстальнік. Ён перакладае макет на пэўны мова праграмавання. Загадзя абмяркоўвалі дамен сайта і яго CMS (Content Management System) - так званы рухавічок, сістэма кіравання, пры дапамозе якой сайт напаўняецца графічнымі дадзенымі і кантэнтам.

Пасля гэтага праект пераносіцца на абраны хостынг. Важна, каб ён быў стабільным, таму што ніякай дызайн і напаўненне не выратуюць сайт, калі рэсурс пастаянна недаступны для карыстальніка. Надзейны хостынг - адна з ключавых складнікаў поспеху праекта, на якой нельга эканоміць. Пасля праграмавання і пераносу макета пачынаецца наступны этап працы над праектам - запаўненне кантэнтам.

запаўненне кантэнтам

Праектаванне і дызайн вэб-сайтаў павінны быць арыентаваны на тое, каб чалавек захацеў вярнуцца на рэсурс, зацікавіўшыся атрыманай інфармацыяй і задаволіў свае патрэбы ў ёй. Пасля таго як завяршаецца праца над дызайнам, спатрэбяцца спецыяліст па SEO (аптымізатар або кантэнт-менеджэр) і копірайтэр-рэдактар. Гэта можа быць як адзін чалавек, так і некалькі. У ідэале ён павінен скласці семантычнае ядро сайта, выбіраючы самыя папулярныя пошукавыя запыты па зададзенай тэматыцы, напісаць унікальныя пісьменныя тэксты і аптымізаваць іх, упісваючы ключавыя словы. Напаўненне сайта - асноўны інструмент продажаў. Таму інфармацыя павінна быць актуальнай, карыснай і адпавядаць запытам карыстальнікаў.

Але не варта забываць і пра пошукавых робатаў, ад якіх залежыць ранжыраванне сайта - сартаванне старонак у пошукавых сістэмах па найбольшай адпаведнасці запыце карыстальніка (рэлевантнасці). Праектаванне сайта павінна ўключаць у сябе прапісванне мета-тэгаў, ад іх шмат у чым залежыць пазіцыя сайта ў выдачы. Абавязковымі мета-тэгамі з'яўляюцца:

• тайтлов (title) - апісанне сайта ў выніку пошуку;
• дескрипшен (description) - кароткае апісанне старонкі;
• загалоўкі тэксту (h1, h2);
• ключавыя словы (keywords).

Правільна складзеныя тайтлов і дескрипшен дапамагаюць значна палепшыць пазіцыю сайта ў рэйтынгу, структура неабходная для камфортнага ўспрымання тэксту, а ключавыя словы дапамагаюць робатам знайсці неабходную інфармацыю па запыце карыстальніка.

Тэставанне і рэшта праекта

Калі ўсе работы завершаны, праектаванне сайта пераходзіць да фінальнай стадыі - тэставання. Калі ўсё прайшло добра, праект здаецца заказчыку і запускаецца. Калі няма, то дапрацоўваецца і правяраецца зноў. Пасля таго як сайт апублікаваны, яго трэба зарэгістраваць у розных пошукавых сістэмах і каталогах. Далейшае прасоўванне і суправаджэнне праекта, а таксама абнаўленне і тэхнічная падтрымка агаворваюцца асобна.