Опасные тренды в дизайне 2017 года

Шесть хороших трендов дизайна, которые могут стать плохими и могут навредить пользовательскому опыту

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

Давайте рассмотрим три опасных дизайн тенденции 2017 года и как их использовать по-умному.

Яркие цвета

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

Опасности

1. Большие ярко окрашенные поверхности или множество смежных ярких цветов могут заставить наши глаза «кровоточить», не буквально, конечно, но они наверняка причинят им боль. Глаза, которые болят, закроются или покинут страницу, в то время как вы хотите, чтобы они остались. В первую очередь, причина в том, что вы использовали все эти мигающие цвета.
2. Яркие цвета, позади или даже возле текста, могут сделать чтение неприятным, раздражающим или невозможным. Яркие цвета отражают больше света. Это похоже на мерцание факела на лицах людей, в то время как они пытаются читать. Даже если им все-таки удастся читать, у них будет негативный опыт, который приведет к тому, что вы им не понравитесь и неважно, что вы пытались там сказать.

Делать

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

Не делать

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

Экспериментальные макеты

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

Опасности

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

Делать

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

Не делать

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

Мелкие детали

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

Опасности

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

Делать

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

Не делать

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

Заслуживают отдельного упоминания

Крошечная типографика

Меньшая типографика выглядит и ощущается стильнее. Она оставляет пространство для того, чтобы другие элементы дышали и позволяет глазу свободно перемещаться. Использование небольших шрифтов дает возможность создавать интересные контрасты, не сражаясь за место. С другой стороны, крошечная типографика может затеряться в больших блоках текста или может затруднять просмотр содержимого и его удобочитаемость. Используйте небольшую типографику с осторожностью – только в коротких абзацах. Также избегайте использования типографики размером менее 13pt.

Экспериментальная навигация

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

Анимации

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

Вывод

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

---

Перевод статьи Eleana Gkogka