Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Агентство продающего дизайна
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
31
Эбиа

Эбиа

www.ebia.ru

23
Enlite

Enlite

enlited.ru

22
YAGLA

YAGLA

yagla.ru

15
likearea

likearea

smm.li

15
SE Ranking

SE Ranking

seranking.ru

14
Cookiezz

Cookiezz

cookiezz.com.ua

13
Venyoo

Venyoo

venyoo.ru

12
Perezvoni.com

Perezvoni.com

perezvoni.com

12
Reader

Reader

Интернет-журнал о современных технологиях.

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

8 самых частых ошибок в дизайне сайтов

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

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

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

1. Где мой поиск?

b_556c77d1ce06d.jpg

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

Предложение:

Если вы строите сайт на CMS, используйте встроенные алгоритмы поиска. Если же по другому принципу, то вам поможет сервис Google Custom Search. Это аккуратный простой и понятный способ дать клиентам возможность пользоваться поиском на вашем сайте. Для этого нужно − лишь скопировать HTML код и вставить его на сайт.

2. Что не так с навигацией?

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

Предложение:

Добавьте текстовое описание к изображениям, ссылкам и кнопкам, чтобы их назначение было понятно посетителю.

И помните: если человек не найдет то, что он ищет в три клика, то, вероятнее всего, он уйдет с вашего сайта.

3. Готов ли я заполнить эти 42 поля?

b_556c791b61067.jpg

Формы регистрации − коварные штуки. Вся ли информация, которую вы запрашиваете у пользователя, вам необходима?

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

Предложение:

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

4. Вам не тесно?

b_556c7a6987de8.jpg

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

Предложение:

Почитайте дорогие бумажные журналы. Чувствуете «воздух»? Используйте его, не бойтесь свободного места в дизайне!

5. Что не так со внутренними страницами?

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

Предложение:

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

6. Скажите, о чем ваш сайт?

b_556c7c3f04795.jpg

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

Предложение:

Обратите внимание, как цветовые решения популярных сайтов помогают улучшить читаемость. Удобный инструмент для сравнения цветовых решений − Adobe Color.

А так же используйте шрифты без засечек, они облегчают чтение с экрана.

7. А это дизайнер или строитель?

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

Предложение:

Предусматривайте максимальное количество элементов форматирования на этапе дизайна сайта.

8. Уже купили себе новый смартфон?

b_556c7e6be890a.jpg

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

Предложение:

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

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

Есть такой подход в ИТ, который называется KISS (Keep it simple, stupid), он помогает держать в голове то, что сайт тем удобнее для пользователя, чем он проще! Пользуйтесь нашими советами и ваши сайты будут еще лучше!

Если вашей компании нужна разработка сайта − закажите ее на shubalab.com, и мы сделаем все в лучшем виде. Всех читателей статей от shubalab на Спарк.ру ждет скидка 15% на разработку сайта. Чтобы ее получить, используйте фразу «Ошибки в дизайне сайтов. Спарк» в комментариях к заказу. Скидка действует до публикации следующей статьи от Shubalab. Ждём от вас отзывов и писем!
+2
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Первые Новые Популярные
nmberesnev
Спасибо, учту.
Ответить
MonoChat
Агрегатор сообщений из мессенджеров. Для службы поддержки и отдела продаж.
Алекс Шуб
Пожалуйста, мы всегда только рады, если можем кому-то помочь! :)
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать