З чого починається сайт?

Mike Melnikov, Web-studio “Cherry-Design”
www.citforum.ru

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

Дуже важливе питання – з чого почати створення сайту? У Вас є величезне бажання і попереду наполеонівські плани, але є невелика утруднення – Ви не знаєте з якого кінця до цього підступитися. Тим більше, якщо робите це в перший раз. Можливо, у Вас вже є досвід створення простенької домашньої сторінки, але досить великий і закінчений сайт вимагає до себе іншого підходу.

Одне з великих помилок, при створенні сайту, полягає в тому, що починати потрібно з дизайну. Але це зовсім не так, і чи більшу частину часу, який пішов на створення сайту, будуть займати дизайн і верстка.

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

Структурування інформації

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

Для більш зручної організації думок, структуру бажано попередньо написати на листочку паперу або хоча б в блокноті (який в Windows, а не який паперовий;).

Візьмемо, для прикладу, невелику компанію, яка вирішила відкрити своє представництво в інтернет. Як правило, основна структура таких сайтів досить загальна. Давайте її напишемо:

  1. Новини компанії
  2. Інформація про фірму
  3. Послуги фірми

  4. Каталог товарів
  5. Контактна інформація

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

При складанні структури майбутнього сайту, придушите в собі бажання помістити всі пункти меню на одну сторінку. Людина комфортно сприймає не більше 7-ми пунктів, і їх більша кількість викликає підсвідоме відторгнення при перегляді. Занадто складне не викликає бажання розбиратися.

Для того, щоб цього уникнути і використовується ієрархічна побудова меню. Правильне структурування інформації дозволяє нам виділити основні розділи сайту, а всі другорядні розділи будуть доступні після вибору одного з основних. Описане зауваження стосується також і до меню 2-го рівня – при великій кількості пунктів, має сенс ввести меню 3-го рівня. Але не більше! Буде вже занадто.

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

Підготовка текстів

Крім розробки структури, важливою частиною даного етапу є підготовка текстів. Оригінальні тексти, наприклад, взяті з буклету компанії і викладені в незмінному вигляді будуть читатися погано, адже вони розроблялися зовсім для іншого стилю сприйняття інформації. І на сайті такий текст буде виглядати відчужено – це помітно. І, на жаль, цей факт буде говорити лише про зневагу авторів до свого сайту. Сайт може бути шалено красивий, але лише розумні тексти дозволять Вам утримати свого відвідувача – не забувайте про це.

Публікація текстів у Мережі має свою специфіку і буквальне повторення структури буклету "Про компанію" буде помилкою. Буклет переглядають лінійно – зверху вниз і зліва направо – по сторінках. Відповідно, і пишеться текст, який послідовно викладає всю інформацію. Для web-сторінок ж більш логічним є спосіб структурованого представлення інформації. При цьому варіанті – в основній статті викладаються загальні питання, а більш докладний їх освітлення винесено на окремі сторінки, перехід до яких, здійснюється за посиланням. Посилання може бути, як в кінці сторінки і таким чином вона буде служити дороговказом на наступну сторінку (це аналогічно лінійному перегляду інформації), так і безпосередньо всередині тексту – вказуючи відвідувачу спосіб дізнатися про це питання докладніше.

У чому перевага саме такого способу представлення інформації? А в тому, що відвідувач читає лише те, що йому потрібно. Деяким досить короткого огляду, в той час як інші вважають за краще заглиблюватися в суть речей. Структуруючий велику статтю, ми розбиваємо її на ряд невеликих фрагментів, кожний з яких містить один з аспектів розглянутого питання. І читач, вільний, вибирати шлях, по якому йти – відбираючи лише ту інформацію, яка йому справді цікава. А друга перевага є наслідком першого – невеликі сторінки дуже швидко вантажаться, що важливо.

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

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

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

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

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*