1. задача: Потрапити на веб-сайт
2. задача: Зрозуміти де ми знаходимося і як сюди потрапити ще раз
3. задача: Потрапити в особистий простір
4. задача: Отримати актуальну інформацію
5. задача: Знайти щось конкретне
6. задача: Ознайомитися, вибрати із запропонованого
7. задача: Знайти вас в реальному світі

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

задача: Потрапити на веб-сайт

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

Інструменти:

• перехід з пошукової системи;
• ім'я сайту;
• посилання на внутрішню сторінку;
• QR code.

Хочете переконатися, що ваш web сайт носить вдала назва? Спробуйте своєму другові / колезі / родичу продиктувати його по телефону.
Посилання на ваш веб ресурс можна зустріти на рекламних плакатах, в метро, ​​в пресі, де завгодно. Всі ці випадки об'єднує одне: якщо користувач не зможе відтворити побачене / почуте - ви втратили клієнта.

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

Якщо один або колега надсилає вам ссликой виду www.webcreator.ua/pages/services.html , То по ній, швидше за все, можна зрозуміти, що це сторінка з описами послуг веб студії. І це вже добре. Тому що коли вам надсилають щось виду http://lite-mobile.ru/index.php page = shop.product_details & flypage = shop.flypage & product_id = 748 & category_id - страшно просто туди заглядати.

QRсode - кращий спосіб дати користувачеві можливість швидко і без праці відвідати ваш сайт з мобільного пристрою.

Крім цього у QR code є цікава особливість - з його вигляду незрозуміло, що за ним криється. І багато, у кого встановлений QR scanner, зчитують код просто з цікавості. Чим не додаткова реклама?

задача: Зрозуміти де ми знаходимося і як сюди потрапити ще раз

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

Інструменти:

• логотип (за сумісництвом швидкий перехід «додому»);
• заголовок сторінки;
• виділення поточного пункту меню (каталогу);
• хлібні крихти.

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

За те, як буде виглядати ваш новий web сайт серед сусідів по вкладках (або закладин) браузера, відповідальні Favicon разом з Title.

задача: Потрапити в особистий простір

Під особистим простором я мається на увазі те, що стосується окремо взятого користувача і нікого іншого. Це може бути особистий кабінет, може бути кошик з товарами в інтернет магазині, навіть ретельно відібрані пісні Софії Ротару про хвороби, зібрані в плейлист «Було-було, але пройшло», можуть бути «особистим простором». Всі соціальні сервіси це одне велике особистий простір. Отже, у вашого відвідувача є завдання потрапити в особистий простір і подзадача зрозуміти що він уже там.

Інструменти:

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

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

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

задача: Отримати актуальну інформацію

Практично всі сайти, що пропонують товари або послуги, мають ряд умов, наприклад:

• регіон обслуговування (або залежність чого-небудь від регіону);
• час роботи;
• обслуговування фізичних / юридичних осіб;
• товари для певних груп.

Користувачеві важливо розуміти, наскільки інформація, яка зараз відображена на екрані підходить для нього.
- Чи можна цю смачну піцу замовити в Ставрополі, та ще й о 2 годині ночі?
- Чи дійсно ціни на оренду «квартири в центрі» так сильно злетіли? Або це ціни не мого міста?

Відповіді на всі ці питання повинні бути отримані як можна раніше. В ідеалі таких питань виникати зовсім не має, автоматичне визначення місця / часу має враховуватися за замовчуванням.

Інструменти:

• вибір регіону;
• уточнення деталей, підказки;
• фільтри.

Не змушуйте користувача спочатку вибрати товар, а потім зрозуміти, що доставка для нього неможлива, або що цей хлібець доступний тільки для власників картки «золотий колос 2011». Невеликий приклад, на що може вплинути зміна регіону:

задача: Знайти щось конкретне

Це одна з найважливіших навігаційних завдань. Здавалося б - немає нічого простішого, ніж запитати у користувача, чого він хоче і дати те, що потрібно. В ідеалі потрібен вишколений консультант:
- Чим я можу вам допомогти?
- Мені б семенівський житній з висівками.
- Хвилиночку, наймиліший!

На практиці найчастіше маємо такі інструменти:

• пошук;
• рубрикатор

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

При розробці веб сайту важливо пам'ятати про наступне:

• рубрики повинні бути названі на зрозумілому користувачеві мовою;
• рубрики одного рівня повинні бути рівнозначними;
• послідовність уточнень у всіх рубриках повинна бути ідентичною.

задача: Ознайомитися, вибрати із запропонованого

Ще одна з найважливіших навігаційних завдань - дати користувачеві зрозуміти, що взагалі є на вашому сайті. Це допоможе як прийшов за чимось конкретним зрозуміти, що пропонують крім зацікавив його спочатку, так і простому «серферів» ознайомиться зі змістом сайту.

Інструменти:

• анонси категорій (дашборда);
• меню (таби);
• галереї, списки, інші способи подання інформації.

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

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

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

Не менш важливим є те, як представлена ​​інформація «спискового» характеру. Користувач повинен розуміти, як організований список, скільки елементів він містить, як подивитися «наступні 50 позицій». Слід заздалегідь передбачити всі можливі види угруповань, фільтрації. При цьому результат повинен відображати не можливості розробників, а потреби користувачів.

задача: Знайти вас в реальному світі

Якщо діяльність вашої компанії не обмежується віртуальним простором, у вас є телефони, адреси, явки і паролі, які можуть знадобитися для усунення - Не ховайте їх!

Інструменти:

• контакти, адреси;
• карти і посилання на них.

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

Якщо розміщуєте фізичні адреси:

• забезпечите їх картою;
• опишіть шлях для автомобілістів;
• опишіть як дістатися пішки, на громадському транспорті.

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

взято з http://habrahabr.ru/post/140259/