Что нужно учесть при создании своего сайта
Свежие идеи с новыми направлениями веб-дизайна уже меняют привычный опыт пользования сайтами, влияют на индустрию продаж и маркетинга. Что сегодня нужно учесть при создании дизайна сайта в первую очередь? На что обратить внимание?
Для принятия решения – остаться или покинуть сайт, тратится в среднем 8 секунд. За это время посетитель должен заметить на вашем ресурсе что-то примечательное и интригующее, побудившее его продолжить или вернуться в следующий раз.
Уникальность и эффективность контента
Грамотно подобранные авторские материалы (не скопированные или скомбинированные) основа качественного контента. Какие бы seo-методы продвижения в дальнейшем не использовались, посетители веб-страницы своим поведением будут показывать насколько она им интересна. Информативность статей с уникальным контентом лучше всего влияют на поведенческие факторы. Интересный контент спасает от попадания под излюбленную поисковиками формулировку: малополезный для пользователей.
Пользовательские ожидания (UX-дизайн)
UX-дизайн вовлекает пользователя в сферу дружественного к нему дизайна сайта – этим существенно облегчая восприятие и осмысление контента. Любая визуальная информация (заголовки и подписи), весь контент (текстовый и графический) должны быть очевидными и понятными. Пользователь не захочет разбираться в особенностях вашего сайта, когда подобный покажется ему более удобным.
Однако эта «простота» не должна делать дизайн заурядным, скучным или «как у того» сайта / блога. Создать хороший UX, далеко непростая задача. Ведь уникальность дизайна, самой идеи сайта и его контента – наипервейшие требования поисковых систем. Идеальным дизайн-решением будет уникально отрисованный макет сайта.
Настоящую пользу продвигаемому сайту принесут различные удобства в его использовании. Сюда следует включить связность и логичную последовательность всей конструкции проекта
Высокие показатели Usability дают веб-ресурсу хорошее конкурентное преимущество и благоприятствуют его продвижению по среднечастотным и высокочастотным запросам. Супер оригинальность и нетипичные подходы стоит внедрять с осторожностью, а еще лучше тестируя. Западные исследователи в области User Experience считают, что тестировать UX нужно еще до выхода продукта в свет.
Веб-дизайн разрабатывают исходя из целей проекта, учитывая все известные детали. Так, например:
- у технологически «легкого» дизайна будет больший охват аудитории, за счет мобильных пользователей
- нейтральность в дизайне подходит для большинства случаев, а яркость с претензией на концептуальность может понравиться не каждому
- шумность в дизайне сайта (over-design) будет больше отвлекать от основных задач. Актуально для продающих сайтов, целевых страниц
- первый экран (видимая часть страницы без прокрутки и т.д) - место для размещения всего самого важного. Актуально для бизнес сайтов
Удобство интерфейсов проявляется в предсказуемости – конструкция и структура веб-ресурса должны быть понятными и легко узнаваемыми для пользователя. Тристан Бернар:
Публика всегда хочет, чтобы ее удивили – но чем то привычным
Интерфейсные решения (в контексте решаемой задачи) следует начинать с описаний, например: коммерческого предложения для продвижения сайтов, выгоды от интернет-сервиса или каких-то моментов в реализации идей, товаров и т.д.
Навигация
Навигация по сайту и его структура, это еще один жизненно важный аспект. Нелогичная и затрудненная навигация, ошибки в дизайне меню сайта и свалка из ссылок увеличивают показатель отказов. В правилах хорошего usability приветствуется использование вкладок. Это отличный способ указать пользователям местонахождение нужной информации и когда требуется представить больше контента за отведенные для этого секунды. Пользовательские ожидания в отношении хорошего usability будут оправданы. Не стоит без необходимости строить сложную (многоуровневую) структуру с вложенными ссылками. Организуйте доступ к контенту за минимум кликов от главной страницы (правило 3 кликов).
Правило 8 секунд
Решающее значение имеет, созданное за эти секунды общее впечатление о сайте. Жестокая истина веб-дизайна — продолжительные усилия потраченные на разработку сайта легко терпят крах в течении 8 секунд. Если вы понимаете образ мыслей ваших посетителей (клиентов), знаете причину отказов, а также разбираетесь в существе проблемных вопросов – у вас есть шанс на «внезапное озарение». Воспользуйтесь им для построения онлайн стратегии, ведущей к созданию стабильного потока клиентов и посетителей.
Информативность сайта
Посетители стремятся получить определенные результаты своего визита. Если сайт предоставляет нужные сведения, то потребитель информации достигает цели. Изначально для этого отводятся считанные секунды и не укладываясь в этот лимит, пользователь покидает сайт.
Информация - это сведения, уменьшающие существовавшую неопределенность. Хороший результат достигнут - когда этой неопределенности осталось как можно меньше
Рассмотрим такой аспект, как расположение информации на сайте. Даже соответствующие интересам посетителя данные, могут оказаться бесполезными в случаи их неинформативности, непривлекательности и т.д.
Например, человека интересует отдых в Испании и ваш веб-сайт демонстрирует ему лучшие места:
- Мальорка
- Тенерифе
- Ибица
- Лансароте
Несмотря на соответствие тому, что хочет потенциальный клиент (текстовую релевантность), этот список нельзя назвать информативным. Посетитель запомнит местонахождения и вернется в поиск, а поисковая система воспримет это как неодобрение им вашего контента.
Возвраты к поиску – внешний поведенческий фактор в определении релевантности и этот показатель серьезно влияет на ранжирование веб-страницы по поисковым запросам
Как избежать проявления негативных факторов? Для выбранной тематики сайта необходимо задействовать: изображения, интересные описания и иную расширенную информацию. Постараться раскрыть характерные особенности, предоставляя оригинальные медиа-файлы и пр. материалы, одним словом - качественный контент.
Более правильный вариант (с интересным тематичным контентом):
- Мальорка
- Компактное описание, например: «Мелкий золотистый песок и восхитительные закаты, звездные ночи, неповторимые зрелища дожидаются вашего прибытия. В бухте есть возможность встать на якорь и насладиться купанием в чистейшей воде на фоне пленительных пейзажей острова...»
- Местные достопримечательности
- Информация о погоде на этот сезон
- Увеселительные мероприятия
- Советы по авиабилетам, дисконтам отелей, выбору удачного времени для этого
- Информация о бронировании, распродаже туров
Thomascook.com пример хорошего дизайна и оформления туристического сайта, где вниманию пользователей предлагаются плавно сменяющиеся изображения пейзажей и тщательно подобранная информация.
Выставьте на обозрение наиболее уместные изображения, самую важную информацию, продумайте расположение блоков контента и постарайтесь не усложнять язык. Это только пример сайта туристического агентства, но сами принципы довольно универсальны, попробуйте их использовать в своей тематике. Убедитесь в логичности размещения информации на сайте: том минимуме сведений, который необходимо показать сначала - до перехода к подробностям на внутренней странице. Ведь пользователя не заинтересуют особенности места назначения и прочие детали, если он совсем не собирался туда.
Идеальные изображения
Изображения привлекают внимание и этот факт нужно использовать для преодоления правила 8 секунд. Убедитесь в том, что ваши изображения релевантны теме веб-документа, например:
Отпуск на Мальорке или Остров Тенерифе
Вы видите изображение нерелевантное заголовку. Крайне неудачный шаг, подрывающий доверие клиентов. Изображения должны непосредственно относиться к затронутой теме, иметь сопоставимым значимости информации размер. Слишком большие изображения вынуждают пользователя скроллить через массу пикселей, вдобавок такие крупные масштабы замедляют загрузку страницы, усложняют навигацию и просмотр.
Великолепные изображения Icelolly.com, размещены вслед за информационным блоком с коротким информативным подзаголовком и чекбоксами выбора опций. Пользователь, определяя тип тура, взглянув на окрестности уже лучше представляет его особенности. Кто заинтересовался — ниже ряд вкладок, оканчивающийся фото-галереей.
- Icelolly.com (страница с полученным результатом)
Умеренных размеров изображение не вызывает проблем с загрузкой веб-страницы, а его качество подходит для ознакомления клиентов.
Информация на будущее
Предоставив информацию нужную не только сейчас, но и полезную на будущее, вы даете повод клиентам посетить ваш сайт в следующий раз. Информация, которая требуется время от времени, повысит и укрепит клиентскую базу, и в итоге будет служить рекламой всему проекту.
Вернемся к Thomascook.com – помимо текущих сделок по продаже туров, сайт имеет предложения действительные по январь следующего года и эта удобная возможность что-то зарезервировать привлекает потенциальных клиентов.
Домашняя страница
Из вашей домашней страницы клиенты должны понять, кто вы и что делаете. Это шанс прорекламировать себя как частное лицо или компанию. Потребителя ищущего лучший вариант, интересует не ваша скромность, а достоверность информации. Покажите свои отличия от других и гарантируйте то, что вы можете предоставить. Первым шагом позаботьтесь о хорошей репутации. Поместите на домашнюю страницу позитивный Feedback в виде беспристрастной оценки от профессионалов и это станет неплохим началом для выхода на рынок. Развернуто и с примерами о правильном оформлении главной страницы.
Цветовое оформление сайта
Цветовая схема не должна быть слишком сложной – применение нескольких броских цветов может выглядеть непрофессионально, когда дизайн сайта перегружен яркостью деталей. Вот примеры резких сочетаний цветов, которых нужно избегать:
- Черного и Оранжевого
- Синего и Зеленого
- Розового и Черного
Таких цвето-комбинаций и схем на сайте, нужно избегать при любых обстоятельствах.
Используя светлый фон, вы улучшаете читабельность текста в верхней части страницы. Обычно, когда поверх бэкграунда расположена информация, используются кремовые оттенки или белый фон. Например, очень тяжело читается черный шрифт на розовом фоне.
shkolawebmastera.blogspot.ru – сочетание, которого следует избегать
Цветовую палитру сайта лучше ограничить 1-3 цветами, а логотип сделать как можно более простым, что улучшит его запоминаемость в будущем. Большинство логотипов веб-сайтов содержат белый цвет, с количеством цветов от 1 до 3-х. Считается, что с расширением цветовой палитры ухудшается узнаваемость сайта – об это стоит подумать тем, кто рассчитывает на привлечение большого потока клиентов.
И напоследок
Успешные сайты зачастую не только информативны, но и выгодно иллюстрируют главные идеи графическим контентом. Ассоциативное восприятие сайта пользователем связано с цветоощущением и зависит от всего дизайна и оформления. Не существует « ключевых» факторов успеха. Хороший дизайн – он не заметен, но для достижения логичности и связности надо согласовать отличающиеся веб-страницы и все их элементы. Как этого добиться? К второстепенным деталям уделить такое же внимание, как к самому важному.