Стандарты веб дизайна.

Стандарты веб дизайна. Простые способы улучшения сайта для пользователя.

Чтобы пользователю предоставить максимально удобный сайт, необходимо следовать стандартам веб-дизайна. Основные стандарты можно сформулировать так:

простота чтения контента сайта;

простота навигации сайта;

простота поиска по сайту;

согласованность и совместимость элементов дизайна сайта;

обеспечение максимально быстрой загрузки страниц сайта.

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

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

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

Простота чтения контента сайта.

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

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

  • Необходимо проверить корректность отображения графики и графических элементов сайта в максимально доступном количестве браузеров.
  • Фоновые изображения сайта должны быть представлены с высокой контрастностью, лучше вообще избежать фоновых изображений, так как фоны рисунками весьма затрудняют чтение текста.
  • Размер шрифта не должен быть слишком мелким или слишком большим, постарайтесь найти золотую середину для своего сайта.
  • Не усердствуйте с жирным текстом, жирный текст весьма затрудняет чтение.
  • Используйте только стандартные шрифты имеющиеся у каждого, экзотические шрифты применяйте только в графике или графических надписях.
  • Текст на графических элементах, так же должен легко читаться.
  • Старайтесь использовать не более 2 различных шрифтов в оформлении сайта.
  • Если на сайте присутствует анимация, постарайтесь сделать её не особо агрессивной, со скоростью доступной для чтения.
  • Старайтесь соблюдать законы цвето-восприятия в оформлении текста, заголовков, подзаголовков.
  • Используйте достаточную чёткость, уровень контрастности не менее 90%, а для сайтов ориентированных на пользователей старшего возраста рекомендуется применять контрастность немного выше.

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

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

Простота навигации по сайту.

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

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

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

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

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

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

Простота поиска по сайту.

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

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

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

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

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

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

Согласованность и совместимость элементов дизайна сайта.

Чем согласованней и совместимей отдельные элементы дизайна сайта или элементы навигации по сайту, тем соответственно пользователю будет проще и удобнее находится и перемещаться по разделам сайта.

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

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

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

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

Обеспечение максимально быстрой загрузки страниц сайта.

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

Максимальный порог желательно не должен превышать 10-15 секунд. Если всё таки страницы вашего сайта долго грузятся, постарайтесь их разгрузить по максимуму.

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

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

Если же пользователь пришёл на ресурс по запросу «seo оптимизация» — он просто будет не готов ожидать пол минуты пока загрузится сайт, потому как, очевидно, что профессиональный сайт seo оптимизатора не может быть перегружен графическими элементами. В следующей статье можете почитать об ошибках в дизайне сайта.

Счетчик