Четверг, 08 Сентябрь 2016 15:14

Чек-лист по юзабилити сайта

Юзабилити — удобство использования сайта пользователем! Это не только прямо влияет на конверсию и ваши доходы, но и как следствие на количество трафика из поиска (ПС всё больше и больше отдают предпочтения сайтам с хорошими поведенческими факторами). Поэтому если вы еще не задумались о том, как улучшить юзабилити, то вы уже на три шага позади ваших конкурентов.

Что в себя включает юзабилити:  

  1. Основное
  • По главной странице сразу понятно, чему посвящен сайт
  • Удобство для новичков: простота, подсказки, помощь
  • Удобство для опытных: упрощенные процедуры, сохранение данных
  • Информация представлена в соответствии с регионом пользователя (геолокация)
  • Нет лишней, отвлекающей информации (навязчивой рекламы, баннеров и т.д.)
  • В случае, если есть несколько этапов в процессе выполнения задачи, то показаны все шаги и текущее положение пользователя в этом процессе
  • Пользователю не приходится вводить одну и ту же информацию дважды
  1. Структура сайта, навигация
  • Контент разделён и структурирован
  • Пользователю всегда понятно, в каком разделе сайта он находится (подсветка активного пункта меню, хлебные крошки)
  • Важные пути по сайту (такие как покупка, подписка и пр. в зависимости от бизнес-целей сайта) предельно просты
  • Важная информация легко доступна со всех страниц сайта
  • По заголовку категории, страницы, блока можно понять их содержимое
  • Логотип является ссылкой на главную на всех страницах
  • Главное меню есть на всех страницах, в одном и том же месте (исключение может составлять процесс покупки)
  • Пункты меню расположены в порядке убывания их значимости
  • Используется не более двух подуровней меню
  • Пункты, содержащие подменю, отличаются от остальных пунктов
  • Названия пунктов меню начинаются с заглавной буквы
  1. Структура страниц сайта
  • Логотип расположен в одном и том же месте на всех страницах сайта
  • Слоган четко описывает цели сайта (он краткий и расположен рядом с логотипом)
  • Самые важные блоки расположены на первом экране (в любом случае выше менее важных)
  • Соблюдается баланс между информационными блоками и пустым пространством, что способствует восприятию сайта пользователями
  • Понятные и заметные заголовки, правильное использование цветов фона, рамок и пустого пространства позволяет визуально разделять страницу на заметные и логичные информационные блоки
  • Каждый блок можно охватить одним взглядом
  • Все кликабельные элементы выглядят очевидно кликабельными, а курсор мыши видоизменяется при наведении на них
  • Все некликабельные элементы выглядят некликабельными и курсор мыши не видоизменяется при наведении на них
  • «Цена — рядом с товаром»: все связанные элементы находятся рядом друг с другом
  • Значение иконок и графических элементов интуитивно понятно
  • Элементов, привлекающих внимание, мало (анимация, крупные, цветные тексты и прочее)
  1. Поиск (при необходимости)
  • Поле поиска доступно на любой странице сайта
  • Поле поиска находится в ожидаемом месте
  • На странице одно поле поиска
  • В поле поиска работает подсказка
  • Поиск проверяет орфографические ошибки и ищет синонимы
  • Результаты поиска легко воспринимаются, отсортированы по релевантности\дате\алфавиту
  • Если поиск дал нулевой результат, то пользователю подсказываются
    идеи о том, как можно отредактировать запрос
  • Пользователю показывается количество результатов поиска
  • Поиск охватывает весь сайт целиком, если не предусмотрен
    поиск по определенным разделам сайта
  • В результатах поиска выводится основная информация о найденных объектах
  1. Текст
  • Изложение соответствует принципу перевернутой пирамиды: сначала важное, потом остальное
  • Текст лаконичен, без «воды»
  • Текст структурирован: заголовки, подзаголовки, абзацы, таблицы
  • Кегль основного текста для чтения — 16px (достаточно крупный)
  • Выравнивание крупного абзаца — только по левому краю
  • Заголовок ближе к «своему» абзацу, чем к предыдущему
  • Заголовки — подсказывают «о чем дальше»
  • Кегль заголовка тоже больше кегля подзаголовка в ~1,5 раза
  • Кегль подзаголовка больше кегля текста в ~1,5 раза
  • Верхний регистр используется по минимуму или не используется
  • Шрифты единообразны на всех страницах, читабельны и контрастны
  • Ссылки легко различимы среди текста по цвету или форме (подчеркиванием)
  • Разнообразие цветов должно быть оправданным
  • Для улучшения восприятия длинные числа разбиваются на разряды неразрывным пробелом (или точкой)
  1. Ссылки и кнопки (речь идет не о реализации в HTML, а о восприятии пользователем)
  • Текст ссылки (анкор) или около ссылочный текст обозначает объект, к которому она ведёт
  • Все ссылки визуально отличаются от остального текста
  • Скриптовые ссылки (которые не перезагружают страницу) подчеркнуты пунктиром
  • Ссылки достаточно длинные, чтобы по ним было легко кликнуть
  • Ссылки для скачивания файлов визуально отличаются от ссылок на другие страницы (например, иконками)
  • Кнопки используются для действий (заказать, купить, войти, положить в корзину и т.д.)
  • Кнопки похожи на кнопки: форма, цвет, текст, реакция на курсор
  • Кнопка с целевым действием только одна на странице или она очень явно выделена по сравнению с другими (т. н. call-to-action)
  • Текст на кнопке — призыв к действию: текст в инфинитивной форме глагола (пример: найти), а не другую часть речи либо форму глагола (пример: готово)
  • Активная область кнопки совпадает с ее видимым размером или больше
  • Между кнопками, стоящими рядом, есть пустое пространство, щелчок по которому не вызывает действий
  • По наведению на кнопку меняется ее отображение, это призывает пользователя сделать клик
  • Недоступные кнопки и ссылки не исчезают с экрана, а становятся заблокированными
  1. Формы
  • Формы максимально лаконичны
  • В целевых формах (таких как регистрация, оформление заказа) есть только обязательные поля
  • Если полей много, они группируются по смыслу; у групп есть подзаголовки
  • При открытии страницы с формой, курсор перемещается в первое поле
  • Поле, в котором находится фокус, визуально выделено
  • Если заполнение формы разделено на несколько шагов, показано на каком шаге он находится сейчас и сколько осталось шагов
  • Данные сохраняются в полях до того, как пользователь окончил процесс заполнения формы (если пользователь случайно ушел со страницы)
  • Текст результирующей кнопки соответствует цели заполнения (например «Зарегистрироваться», «Получить бонус» и пр.)
  • Поля, заполнение которых может вызвать вопросы, снабжены подсказками (например, даты, номера телефонов и пр.)
  • Обязательные поля явно отличаются от необязательных
  • Подписи полей соответствуют смыслу полей
  • Наиболее вероятные значения некоторых полей формы по умолчанию заполнены
  • Подписи полей и других элементов единообразны (либо все с двоеточием в конце, либо все без двоеточия)
  • У пользователя есть возможность вернуться на шаг назад, чтобы откорректировать введенные данные
  • Проверка на правильность введенных данных происходит без перезагрузки страницы, сразу после ввода данных
  • Сообщения об ошибках информативны (плохо: «Вы не заполнили все обязательные поля»; хорошо: «Укажите, пожалуйста, электронную почту»)
  • Сообщение об ошибке располагается рядом с полем, в котором совершена ошибка
  1. Адаптация по устройства
  • Внешний вид сайта адаптируется под разные устройства
  • Если мобильная версия сайта имеет ограниченный функционал, то имеется возможность перейти на полную версию
  • Клик по номеру телефона должен начинаться звонок
  • Телефон, режим работы, адрес в шапке сайта
  • Все блоки сайта расположены и перегруппированы таким образом, чтобы пользователь мог прочесть текст и выполнить все действия без дополнительного увеличения зон
Опубликовано в Оптимизация
Четверг, 08 Сентябрь 2016 11:31

ТЗ на разработку сайта

У Вас есть сайт или только собираетесь сделать новый сайт для своего бизнеса и хотите получить на свой сайт как можно больше целевых посетителей. Увеличение целевого трафика и есть продвижение сайта.

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

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

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

Функциональные требования

  1. Сайт должен появиться как можно раньше
  2. Доменное имя сайта должно быть удобно и людям, и поисковым машинам
  3. Не делайте сайт на флеше
  4. Не используйте фреймы
  5. Не используйте подгрузку содержимого сайта на ajax
  6. Сайт должен быстро загружаться
  7. Простая адресация сайта
  8. Возможность заполнять теги title, и мета теги (description и keywords)
  9. В верстке страниц должны быть соблюдены правила структурной разметки

Требования к информации на сайте

  1. Сайт должен быть объемным
  2. Наполнение сайта должно часто дополняться
  3. Очень хорошо, если на сайте есть блог
  4. Избегайте файлов doc, pdf, ppt и всех не гипертекстовых форматов файлов

Эффективное взаимодействие с посетителем сайта

  1. На сайте должно быть много способов связи с Вами
  2. Особенно хорошо подумайте о входных страницах
  3. Подробно опишите на сайте свои услуги и товары
  4. Имейте на сайте спец предложение
  5. Следите за эффективностью продвижения

 Требования к дизайну сайта

 

Опубликовано в Сайт
Понедельник, 05 Сентябрь 2016 21:39

17 причин зачем Вам нужен сайт

Причина №1 - Доверие к Вам

Вы когда-нибудь испытывали трудности с продажей своих товаров или услуг? Или необходимо убедить кого-то, что Вы являетесь лучшим деловом партнером в данном сегменте бизнеса?

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

Причина № 2 – Влияние на выбор

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

Причина № 3 – Сокращение затрат на брошюры ваших продуктов и услуг

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

Причина № 4 - Больше клиентов

Более 2,4 миллиарда человек пользуются Интернетом каждый день, и около 90% из них купили что-то или связались с компанией, для решения свои вопросов. Поэтому, не имея веб-сайта, вы будете упускать большую часть потенциальных клиентов.

Причина № 5 - Стоимость бизнеса

Вы пробовали получить бизнес-кредит? Это непросто, но если вы попробуете, и менеджер банка попросит показать сайт о вас, у вас будет неплохие шансы на получение кредита, при наличии хорошего структурированного сайта.

Причина № 6 - Время, чтобы показать свой бизнес, свою работу

Вы замечали, какое большое чувство вы испытываете, когда люди узнают вашу работу или узнают ваши продукты? Имея сайт, вы можете показать, что вы делаете, и гордиться своей работой, своими продуктами.

Причина № 7 – Сайт помогает с деловыми целями в Вашем бизнесе

Это верно! Когда дело доходит до написания контента для вашего веб-сайта, вы собираетесь пересмотреть что-то в своем бизнесе, котором вы занимаетесь долгое время или только собираетесь реализовать. Скорее всего, вы переоцените свои бизнес-цели.

Причина № 8 – Ваш бизнес 24 часа в сутки

Ваш веб-сайт работает на Вас 24 часа в сутки в отличие от офиса. Вы всегда на связи со своими клиентами. Вы не упустите ни одного обращения от клиентов.

Причина № 9 - Общение с клиентами

Имея блог или даже просто страницу на своем веб-сайте, вы можете быстро и легко обновлять свои новые предложений, продукты, рекламные акции, события, фотография или любой другой контент.

Причина № 10 - Маркетинг

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

Причина № 11 - Поддержка клиентов

Вы можете значительно снизить стоимость поддержки клиентов, имея систему поддержки (создания запросов, билетов) или даже FAQ на своем веб-сайте. Очень много компаний, которые оптимизируют обслуживание клиентов прямо с сайта.

Причина № 12 - Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.

При наличии своего веб-сайт, вы можете иметь свой собственный адрес электронной почты Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.. Это более профессионально и легче запомнить.

Причина № 13 - Любая тема или хобби будут приносить Вам доход

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

Причина № 14 – Сайт дает вам голос

Вы когда-нибудь спорили с кем-то и говорили: «Я написал статью по данному вопросу на моем сайте, и данную проблематику надо рассматривать по-другому». Это здорово! Это придает вес вашей точки зрения в споре. Также, сайт дает вам место, где вы можете высказывать свое мнение без суждения. Если кто-то оставляет вам комментарий, который вам не нравится, вы можете просто перетащить его в папку спама.

Причина № 15 - Делайте бизнес по-своему на своем сайте

Вам не требуется разрешение или указания от вашего босса или адвоката компании. Теперь у нее есть бизнес мирового класса с тысячами, нет, сотнями тысяч клиентов, посредством сайта. Стройте свой бизнес через интернет.

Причина № 16 - Ударьте больших парней

Вы хотели заниматься бизнесом, но не знаете, как соревноваться со всеми большими компаниями (конкурентами)? Создав невероятно красивый веб-сайт с солидной стратегией, вы можете пошатнуть позиции ваших конкурентов и добиться успехов. У вас нет шансов построить большие небоскребы, но ваш сайт может сломать воспринимаемую стену между вами и ними.

Причина № 17 - Помогает вам найти новую работу и новых сотрудников

Веб-сайт может помочь вашему бизнесу в поиске новых талантов, но он также может помочь вам лично. Мало того, что на веб-сайте можно разместить резюме, но, владея и управляя своим сайтом, вы (лично) уже продемонстрировали тонны своих профессиональных навыков. Ценны навыки и реальный опыт!

 

Итак ...зачем мне нужен веб-сайт?

Можете ли вы придумать пару причин, почему вы не должны сделать сайт? Если нет, делайте, стройте свой бизнес. И пусть он принесет Вам удачу! А мы, расскажем и поможем Вам в этом.

 

Опубликовано в Сайт