Как сделать сайт удобным для посетителей.


Ни для кого не секрет, что для того, чтобы создать успешный и удобный вэб сайтили портал, при его разработке нужно думать, прежде всего, о пользователях. Конечно, вы не должны забывать и об оптимизации для поисковых машин, но давайте все же сфокусируемся на посетителях, поскольку они используют и взаимодействуют с вашим сайтом. Возможно, вы посещаете множество сайтов за день, и многие из них вы посещаете впервые. И за это время у вас уже сложился некий опыт пользования сайтами. Вы привыкли,  что у всех у них есть шапка, меню, боковая панель, футер и т.д. И вы уже легко ориентируетесь на новых сайтах, поскольку многое находится на одних и тех же местах. И вы уже можете сказать, удобен тот или иной сайт для вас или нет.

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

Я должен сказать, что 15% сайтов, которые я посещаю, не очень удобны для посетителей.
Так как же можно сделать сайт удобным для посетителей? Сегодня несколько простых советов, о которых мы иногда забываем.

Сделайте ваш логотип кликабельным?

Я уверен, что с вами не раз случалось такое. Вы переходите по ссылке на новый сайт и прочитав статью решаете перейти на главную страницу. Вы как обычно кликаете на логотип ... но, к сожалению, ничего не происходит. И в этом случае у вас есть следующий выбор:

  • Кликнуть на логотип еще раз, в надежде, что на этот раз вы все-таки перейдете на главную страницу;
  • Найти пункт меню ‘главная‘ со ссылкой на главную страницу и кликнуть на него;
  • Покинуть сайт;

Почему при разработке сайта многие забывает об этой удобной функции и не связывают логотип с главной страницей? Ведь это значительно облегчает удобство пользования сайтом.  Чтобы сделать логотип ссылкой на главную страницу нужно не более одной минуты.

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

Упростите пользование  главным меню.

При разработке навигационной панели или главного меню, нужно учитывать множество вещей. Начиная от позиции на странице и кончая оформлением самого меню. Наиболее привычное размещение главного меню, которое мы можем видеть на большинстве сайтов, это место рядом с шапкой под логотипом. Почему именно здесь? Ответ прост: это решение проверено временем и оно работает! И мы также должны располагать наше главное меню где то в области шапки. Конечно, это не значит, что вы не можете проявлять свою бурную творческую фантазию и делать безумные вещи с вашим главным меню. Но не забывайте, что этим вы можете ухудшить удобство пользования сайтом для посетителей, привыкших видеть главное меню на привычном месте.

Еще одна вещь, которую многие забывают делать. А меж тем это очень важный момент. Это подсветка активного пункта меню. Если посетитель находится, например, на странице "о сайте", то пункт меню с заголовком "о сайте" должен быть подсвечен или оформлен по другому, в отличии от остальных пунктов. Пользователь должен понимать на какой странице он находится. И выделенный пункт меню информирует его. Главное меню должно быть правильно оформлено и быть понятым и удобным в использовании.

Упростите поиск и нахождение контента.

Меня удивляет тот факт, что на многих сайтах отсутствует поиск. Добавить поиск на сайт не так уж и сложно. Но зато это сильно улучшает удобство пользования сайтом для посетителей. Если ваш сайт все еще не имеет панели для поиска, то пожалуйста срочно добавьте поиск по сайту. Ваши посетители скажут вам огромное спасибо.

Есть также и другие способы, чтобы облегчить нахождение контента. Например, вы можете добавить список категорий, или облако тэгов. Если вы ведете свой блог, то сделать это очень просто, поскольку большинство CMS используют категории и теги для упорядочивания контента

Оформляйте ссылки правильно.

Я думаю, все мы знаем, как отличить ссылки на вэб странице. Они обычно имеют отличный от основного текста цвет и иногда они подчеркнуты.  Не забывайте, что ссылки должны отличаться от основного текста. Иначе посетители могут их пропустить. Оформляйте ссылки правильно, и вы значительно увеличите эффективность и удобство пользования сайтом для  посетителей.

Посмотрите, например, на последний дизайн Abduzeedo. Каждая ссылка легко определяется и почти все кликабеленые элементы (будь то ссылка или изображение) имеет активное состояние. При наведении мышкой эти элементы сдвигаются вниз на один пиксель.

Посмотрим, как же мы можем оформить ссылку. Вот базовый пример использования свойства border-bottomдля того , чтобы добавить стиль для состояний hover и active :

a {
text-decoration: none;
color:#FFF0F0;
}

a:hover {
text-decoration: none;
color:#6666FF;
border-bottom: 1px solid #6666FF;
}

a:visited {
text-decoration: none;
color:#6E2C00;
}

a:active {
text-decoration: none;
color: #3D3D98;
border-bottom: 2px solid #3D3D98;
}

Приветственное сообщение и форма обратной связи.

Этот совет применим к сайтам, где есть регистрация. Мне, например, очень нравиться когда я вижу приветственное сообщение с моим именем. Когда на сайте я вижу надпись наподобие: "здравствуйте Иван Иванов". Это хорошо действует на меня, придает значимости и мне это очень нравиться. Конечно, цель вашего сайта далеко не в регистрации посетителей. Для обычного сайта подобное сообщение несколько бессмысленно. Но если у вас интернет магазин, то вы просто обязаны выводить такое сообщение. Это один из моментов удобства пользования сайтом. Вы должны дать посетителю почувствовать, что на сайте все сделано для него.

Сообщения в форме обратной связи и контекстная помощь также могут значительно упростить работу с сайтом. Согласитесь, что это очень неудобно, когда посетитель заполнив форму обратной связи, нажимает на кнопку "отправить" и видит в ответ общее сообщение, что что-то он заполнил не так. Я уверен, что посетитель будет, мягко говоря, не доволен.

Всего этого можно избежать, добавив простые всплывающие окна или подсказки для полей ввода. Помогая пользователю на всех этапах заполнения формы, вы значительно упростите ему жизнь. И не надо дожидаться пока посетитель нажмет кнопку "отправить".  Например, при смене  пароля нужно активно информировать пользователя о возможных ошибках. Это позволит ему задать правильный пароль.

Приветственное сообщение и форма обратной связи.

На этом сегодня, пожалуй, и остановимся.

Конечно, вы всегда должны иметь представление о возможной аудитории вашего сайта. Например, у тинейджерскогих сайтов она одна, у сайтов по недвижимости другая. Такие вещи как пол, возраст и название сайта  сильно влияют на выбор дизайна.

Что еще можно добавить к этим советам? Можете свободно дополнить в комментариях.

По материалам Джона Филлипса

Реклама
Поделиться
Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

Один отзыв

  1. Natasha Klever21/06/2010

Добавить коментарий

14 − восемь =