Пт, 5/04/19 – 9:26 | 2 комментария

Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно …

Читать статью »
Дизайн

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

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

Как создать, оформить, сделать сайт лучше

Шаблоны сайтов

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

Главная » Интерфейсы / UX, Полезный чек-лист, Свой сайт

10 ошибок, совершаемых при создании дизайна сайтов

1 октября 2018 3 комментария

Уже не для кого не новость, что хороший дизайн – это ясный и понятный дизайн. В современной веб-разработке стали применять термин «чистый дизайн». Это справедливо не только при создании веб-сайта, но и для архитектуры, одежды и многого другого.

Ошибки при создании дизайна сайта: плохой дизайн Vc хороший дизайн

Надо заметить, наше сознание меняется не быстро – изменений в поведенческих установках не наблюдается за последние 50 лет. Всего пара принципов должны упростить понимание того, чем живет и дышит хороший дизайн. Цитируя Дж. Нильсена:

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

Еще раз про «не заставляйте меня думать»

Методикам Стива Круга, опубликованным в Don’t Make Me Think пара десятков лет. Но даже пересмотр издания ничего не изменил и сегодня все эти принципы актуальны.

Да, сайты стали делать более структурированными и дизайн продвинутый используют (больше никакого Флэша!). Пользователи сайтов не изменились, они все также хотят, чтобы их не заставляли думать. Это истинно для любого вида продукта: веб-ресурс, микроволновка, ТВ, смартфон, автомобиль…

Добивайтесь очевидности восприятия каждой вашей страницы или экрана. После одного взгляда, обычный заурядный пользователь должен сказать: «Я понимаю это»

1. Мы не читаем, а бегло просматриваем

Читайте также:  Как пользователи просматривают страницы сайтов?

Причина в том, что наша миссия – находить лишь интересное себе. Я вот не помню, кода читал подряд текст на главной странице сайта продукта. Нет времени на прочтение большего, чем необходимо. Но, по прежнему многие продолжают создавать познавательный шум, философски считая, что кому-то пригодится. А кто-то прикрывается фразой: «Это для расширения опыта».

Так оформляют страницу — То, что требуется посетителю

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

2. Создайте эффективную визуальную иерархию

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

  • Более важные элементы сделать заметнее остальных. Значащую информацию можно выделить шрифтовыми контрастами, жирной типографикой или цветом
  • Логически связанные элементы объединить визуально. Сгруппировать в отдельном блоке, сделать в едином стиле или разместить под одним заголовком

Наиболее распространенные ошибки в дизайне сайта

3. Не изобретайте колесо

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

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

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

Читайте также:  Как правильно оформить главную страницу: 42 сайта в пример

4. Инструкциям по применению придется умереть

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

Если дизайн-решение нельзя назвать очевидным, сделайте его хотя бы говорящим само за себя

Читайте также:  Веб-дизайн умирает? Скорее, эволюционирует в UX дизайн

Бесшовный пользовательский опыт: современный пользователь ценит простоту функционирования и легкость освоения продукта

5. Пользователя не заботит как и что функционирует

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

6. Пользователь нетерпелив и невосприимчив к тонким намекам

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

Читайте также:  Какой тип контента использовать для аудитории?

7. Фокус-группы не заменяют юзабилити тестирования

Фокус группа – это несколько пользователей, собранных модератором для UI/UX исследования. Каждый делится как пользовательским опытом, так и восприятием нового дизайн-решения. Это отличный метод определить что нужно целевой аудитории.

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

Читайте также:  Навигация по сайту: дизайн и юзабилити

Распространенная ошибка при создании сайта - неверное понимание хорошего дизайна

8. Мы позволяем эмоциям проникнуть в дизайн-процесс

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

Ошибки при создании сайта: непонимание как работает дизайн

9. Зацикливание не на тех вещах

Не плодотворно озадачиваться вопросом: «Публике нравится раскрывающаяся / липкая / выпадающая навигация?» Это не добавляет ценности ресурсу. Лучше спросите себя: «При этом пункте, контексте и оформлении – улучшится ли опыт взаимодействия пользователя с меню и сайтом? Соответствует ожиданиям целевой аудитории?

Надо отойти от абстрактного выяснения: «А людям нравится?» и взглянуть на задачу стратегически, в контексте дизайна

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

Читайте также:  11 креативных сайтов отечественных студий веб-дизайна

При создании визуального и текстового контента вашего сайта, не забывайте - посетитель нетерпелив

10. Посетителю сайта неинтересно тратить время на выяснение…

  • Где я оказался?
  • С чего тут начинать?
  • И где на сайте это спрятано?
  • А что на странице самое важное?
  • Почему это так называют?
  • Что это – рекламный блок или секция сайта?

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

Читайте также:  Правила хорошего сайта: ожидаемая навигация и цветовое оформление

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

Перевод статьи 10 Small Design Mistakes We Still Make