Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Мануалы, Свой сайт

Что нужно учесть при создании своего сайта

4 мая 2012 Нет комментариев

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

создание дизайна сайта: что нужно учесть

Для принятия решения – остаться или покинуть сайт, тратится в среднем 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-х. Считается, что с расширением цветовой палитры ухудшается узнаваемость сайта – об это стоит подумать тем, кто рассчитывает на привлечение большого потока клиентов.

И напоследок

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

Рекомендую также ознакомиться с краткими выводами интернет-исследования — Как длина домена влияет на популярность сайта. Критерии выбора доменного имени