Сб, 3/11/18 – 7:09 | One Comment

Было время, когда веб-дизайн напоминал по стилю периодические печатные издания. Колонки и столбцы задавались строками текста и зафиксированными графическими изображениями. Но эволюция HTML, CSS и JavaScript …

Читать статью »
Маркетинг

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

Дизайн

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

Wordpress

Самое современное для сайта на Wordpress

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

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

Свой сайт

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

Главная » Интерфейсы / UX, Свой сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  12 основных цветов и примеры их восприятия пользователями

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  23 совета для эффективного A/B тестирования сайта

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

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

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

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

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

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

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

Читайте также:  Дизайн меню сайта: идеи, советы, примеры

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

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

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

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

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

Читайте также:  9 тенденций в дизайне сайтов 2018 года