Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн

Статьи о дизайне   Портфолио дизайнера
Дизайн Форум


Про дизайн и web дизайн




Главная     Форум     Галереи




  Статьи о дизайне





  Анализ дизайна сайта




Анализ устаревшего дизайна сайта в сравнении с современным аналогом той же тематики

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

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

Анализ дизайна главной страницы сайта

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

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

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

Анализ дизайна сайта

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

  2. Горизонтальное меню навигации по разделам сайта рекомендуется оформить с учетом масштабируемости под разные размеры мониторов

Основная контентная часть страницы
  1. Нужно убрать вступительное слово директора компании. Эту информацию целесообразнее разместить на странице "О компании"

  2. Кнопку онлайн звонка переместить в шапку к номерам телефонов

  3. Баннер акций сделать более информативным и перенести в середину страницы

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

  5. Рекомендуется вовсе отказаться от вертикального меню каталога и всех блоков под ним (убрать левую колонку), чтобы не отвлекать внимание посетителя от товара, представленного на странице

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

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

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

  4. Также не лишними будут сертификаты компании, список клиентов, отзывы клиентов о компании

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

Анализ дизайна внутренней страницы сайта. Страница товара

Дизайн страницы товара

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

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

Что должно быть на странице
  1. Название товара

  2. Фотографии (с разных ракурсов и в разных ситуациях), наиболее полно характеризующие все аспекты товара. Если нужно - добавляются чертежи и другие графические и видео материалы

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

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

Анализ дизайна внутренней страницы сайта. Страница контактов

Дизайн страницы контактов

На странице контактов должны быть только контакты и ничего лишнего и отвлекающего внимание.

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

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

Что должно быть на странице
  1. Контактная информация

  2. Реквизиты

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

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


Клюев М. 2016


Смотрите также:
Сделать сайт, создание и поддержка сайтов
Про дизайн и создание сайтов
Как создать сайт, веб дизайн домашней странички
Хочу создать свой сайт, с чего начать
Составляем ТЗ на дизайн сайта









Электронные книги о дизайнеЧМ 2018Гламурные картинкиГраффити галереяЯпония фотографииО путешествиях и странах, дешевые авиабилеты и отелиДизайн форум



    Rambler's Top100     Яндекс.Метрика  


Web дизайн и создание сайтов


Карта сайта       Наверх