Створення і розробка сайту

Створення сайту і його розробка починається з веб-дизайну. На сьогоднішній день кількість веб-сайтів обчислюється сотнями тисяч, тому надзвичайно важливим є зробити дизайн Вашого сайту особливим і таким, що запам'ятовується.

Розробку сайту можна образно порівняти з будівництвом свого будинку. Причому, як на етапі вибору місця для будівництва, так і аж до всіх етапів споруди: від проектної документації і закладки фундаменту до внутрішньої і зовнішньої обробки приміщення.

Ця аналогія узята нами з метою ілюстрації того, що етапи розробки проекту, як правило, йдуть послідовно, тому украй важливо дотримувати черговість етапів і розуміти, що будь-які несподівані і неузгоджені заздалегідь зміни і правки можуть значно збільшити як вартість сайту, так і терміни, а також значно вплинути на ефективність роботи Виконавця. Наприклад, коли починається внутрішня обробка, вже майже неможливо поміняти щось у фундаменті будинку — для цього доведеться перебудовувати весь будинок.

Креативна ідея, розробка основної графічної концепції дизайну сайту на прикладі головної сторінки. Адаптація елементів фірмового стилю клієнта для сайту.

Не зайвий раз буде сказати про те, що для будь-якого продукту важлива візуальна складова. Адже саме на вигляд складається перше враження про компанію, про її продукт. Важлива не тільки хороша креативна ідея, але і адекватна професійна реалізація цієї ідеї.

Зараз вже жоден сучасний сайт не обходиться без системи управління, оскільки важлива не тільки красива зовнішня оболонка цього сайту, але і можливість зручної роботи з ним. Це особливо актуально для сайтів з розгалуженою структурою і великим об'ємом даних. У цей етап входить: інтеграція з системою управління, програмування, настройка сервера, забезпечення безпеки проекту. Контроль якості.

Робота над проектом містить декілька етапів: планування, розробка інтерфейсу (структура проекту, система навігації), графічне втілення (розробка дизайн-макету), верстка макету — втілення дизайнерських думокза допомогою різних технологій, внутрішнє тестування системи, здача роботи замовникові і подальше коректування по його зауваженнях. Всі ці етапи обов'язкові. Але залежно від обставин в процесі розробки можуть з'являтися і інші кроки — наприклад, розробка нового контенту, коректування того що вже є, редизайн корпоративної символіки (так зване corporate identity) і так далі.

На першому етапіпроводиться аналіз вже існуючих напрацювань у замовника — дизайн, контент, структура та ін. Виходячи з цих напрацювань, визначається зразкова структура і шляхи її розвитку. Тут задіюються всі фахівці, які надалі візьмуть участь в розробці проекту. В результаті складається загальна концепція, в якій передбачені риси майбутнього дизайну і структура проекту, але в словесних, метафоричних формах.

На наступному етапі за справу береться фахівець з проектування призначених для користувача інтерфейсів. Його завдання — спроектувати максимально прозору, доступну і зрозумілу структуру проекту для кінцевого споживача продукту — не для замовника, а саме для відвідувачів ресурсу, який користуватимуться ним для вирішення своїх завдань. Під системою взаємодії потрібно розуміти не тільки зручність користування (часто помилково зване «юзабіліті». Насправді, цей термін більш загальний: «usability» (англ. «зручність користування») — це не тільки зручність користування сайтом, але і ступінь відповідності вмісту сайту потребам цільової аудиторії, організація системи зворотного зв'язку з відвідувачами таі ін., але і загальну ясність, легкість сприйняття. Сюди в першу чергу потрібно віднести максимально чітке групування контенту по розділах, рубриках, блоках і тому подібне Крім того, потрібно ясно представляти технічні аспекти реалізації системи навігації проекту — лише тоді можна переходити до наступного етапу (тому дизайнери завжди повинні бути в курсі останніх технологій для реалізації своїх творчих задумів).

Графічний дизайнер розробляє дизайн-макетмайбутнього сайту, тобто зображення, що включає всі можливі варіанти заголовків, блоків, навігації, рубрик. Для великих проектів робиться декілька варіантів таких макетів: для головної сторінки, для внутрішніх сторінок. Після внутрішнього затвердження ці макети надають замовникові. І з урахуванням його побажань — допрацьовуються і узгоджуються остаточно.

Далі наступає найоб’ємніша (за часом) робота — верстка розроблених макетів. На попередньому етапі у графічного дизайнера були вироблені правила побудови композиції сторінок, заголовків і інших блоків. На основі цих правил розробляється так званий внутрішньою «гайд-лайн» — коротке керівництво по оформленню тих або інших елементів, які знадобляться при верстці сторінок проекту.

Далі наступає пора технічного втілення. Його тривалість залежить від об'єму актуального контенту проекту. Тут може бути задіяна велика кількість працівників: від html-кодерів до flash-технологів, програмістів і ін. Доцільність застосування тієї або іншої технології обговорюється як на внутрішніх дискусіях, так і із замовником.

Після того, як проект теоретично готовий до «споживання» кінцевим користувачем, наступає дуже важливий етап внутрішнього тестування сайту. Вся система управління сайтом настроюється на внутрішньому тест-сервері і ретельно перевіряється як самими розробниками, так і сторонніми тестерами. Нарешті бета-версія проекту пред'являється замовникові для тестування. Після задоволення всіх побажань замовника йому передається необхідний набір матеріалів для самостійної настройки і підтримки проекту.

Створення привабливого веб-сайту включає в себе наступне:

· Зміст, або контент, - є одна з найважливіших складових. Якщо на сайті немає корисної інформації, здатної зацікавити певне коло людей, то можна ставити питання про необхідність існування сайту як такого. Пригадайте, як багато корисних сторінок Ви бачили останнім часом в порівнянні із загальною кількістю відвіданих Вами місць?

· Дизайн - друга по важливості складова хорошого сайту. Від дизайну залежить, наскільки привабливі будуть сторінки, тобто, кінець кінцем, скільки людей додатково захочуть прийти і подивитися на Ваш сайт. Адже якщо Вам дуже сподобався дизайн сайту, то Ви напевно розповісте про нього своїм друзям. Не забувайте, що зустрічають-то по одягу.

· Для того, щоб зробити хороший сайт, не обов'язково навіть використовувати графіку. Є корисні сайти з мінімумом графіки (або навіть без жодної) і маса даремних, забитих мегабайтними картинками. Для web-сайта, як, втім, і для інших дизайнерських проектів, дуже важливим є стиль сайту, що додає йому власну особу і впізнанність.

· Розкрутка web-сайту - включає не тільки реєстрацію Вашого сервера у всіх можливих Пошукових системах миру, але і такі засоби, як розміщення інформації в засобах масової інформації (URL - в газеті), а також згадка про Ваш сайт на візитках, рекламках, в газетних і журнальних статтях і так далі Окрім цього, на web-сайті обов'язково повинен бути згаданий e-mail для зв'язку з Вами або, у разі його відсутності, хоч би номер телефону.

· Ясна і логічна структура розміщення інформації на Вашому сервері - ніщо так не стомлює при пошуку потрібній інформації, як погано структуровані сервера.

· Відсутність орфографічних і граматичних помилок - цей пункт я включаю сюди зважаючи на величезну кількість помилок на web-сайтах, що з’являються. Адже це просто - набивайте текст в редакторові з перевіркою орфографії і перечитуйте те, що Ви написали, перед виставлянням Вашого сервера на усесвітній огляд.