Чем занимается веб-дизайнер на самом деле | Глава 4

Дизайн совершенно точно ближе к науке, чем к искусству. Большинство решений в дизайне принимаются исходя из целей бизнеса, но в лучших дизайнерских работах наука встречается с искусством.
Иллюстрация Masha Kostevich: https://dribbble.com/shots/6606930-Collaboration-for-OSLO-illustrations
245

Назад | Продолжение (Глава 5)

(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)

У научного исследования и дизайн-мышления много общего. Например, подходы: наблюдение, проверка гипотез через тестирование, метрики и итерации.

Таким образом, дизайн по определению должен быть более объективным, доказательным и ориентированным на результат. В отличие от искусства, дизайн не существует без функции. А функцию часто диктуют потребности бизнеса и рынка.

Рис 4.0: Дизайн сайтов Craigslist.org и amazon.com не назовешь особо креативным или даже красивым, но он отлично выполняют свое предназначение и удобен для пользователей.

С другой стороны, искусство — это скорее про ощущения. Искусство субъективно и интуитивно. Искусству не нужна функция — у него нет рамок.

Дизайн — это решение проблемы. Искусство — это вопрос к проблеме.”

— Джон Маэда

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

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

Рис 4.1: Typeform.com и Drip.com пробуют более креативные способы выделиться из множества сайтов.

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

Преимущества и риски

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

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

Преимущества:

  1. Креативный дизайн лучше запоминается.
    Как я уже говорил в предыдущей статье “Настоящая ценность хорошего дизайна”, первое впечатление очень важно. Люди лучше запомнят ваш бренд, если вы достучитесь до их эмоций.
  2. Креативный дизайн помогает установить более глубокий контакт с аудиторией. 
    Некоторые креативные визуальные идеи (о, мы еще поговорим о них в рамках этого курса!) могут в разы усилить вашу историю и контакт с аудиторией, поскольку оставляют более яркие впечатления.
  3. Креативный дизайн вызывает яркие эмоции. 
    Искусство не обязательно должно быть визуально привлекательным, чтобы вызывать яркие эмоции. Хотя это рискованный подход. Удивлять, интриговать и даже шокировать посетителей все же лучше через позитивные эмоции.
  4. Креативный дизайн выделяется на фоне конкурентов. 
    Если бы каждый дизайнер руководствовался научными данными, все кнопки “В корзину” были бы оранжевыми. Иногда отличаться — это хорошо.

Риски:

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

Одно можно сказать точно: не бойтесь, что ваш дизайн получится недостаточно творческим. Функциональный, но не самый привлекательный дизайн всегда лучше, чем красивый, но не функциональный.

Когда давать волю творчеству и искусству

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

Рис 4.2: Новый бренд дизайн Dropbox.

Кто-то говорил, что новый дизайн Dropbox некрасивый и не соответствует уже устоявшемуся образу бренда, но зато какой был резонанс! О ребрендинге Dropbox написали все tech-блоги, его обсуждали дизайнеры, разделившись на два лагеря. (Не важно, понравился мне дизайн или нет — я уже дважды упомянул его в этом курсе).

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

Известный дизайнер Милтон Глейзер однажды сказал:

На дизайн может быть три отклика — да, нет и ВАУ! Стремиться надо к Вау!”

Давайте рассмотрим несколько идей, как можно усилить дизайн и привнести в него немного творчества и искусства:

1. Иллюстрации и иконки

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

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

2. Анимации и переходы

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

3. Визуальный бренд

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

4. Контент маркетинг

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

5. Продвижение в соц.сетях

В социальных сетях каждый пост, каждая картинка борется за внимание. Вы можете создавать броские рекламные объявления, картинки к постам, обложки для профилей. Проявите креативность — и пусть ваше сообщение выделяется.

Подведем итоги

Дизайн — подходящее место для реализации вашего художественного потенциала? Точно нет. Дизайн — скорее наука и бизнес, нежели искусство. И так будет всегда.

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

У нас есть шанс создать что-то значимое.

Креативность — это не обязательно искусство. Креативность можно использовать для поиска простых решений сложных проблем. В этом вся суть дизайна.

(с) Над переводом работали: Ольга Жолудова и Анастасия


Назад | Продолжение (Глава 5)


Мобильное приложение «Заметки о психике» | Mental Notes

Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.

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

Скачать приложение в Appstore →
Курс «Интро в веб-дизайн»

Посты в категории UI-дизайн

Программы для веб-дизайнера: где создавать сайты? | Глава 7

Ольга Жолудова

13 августа 2019

Посты в категории UI-дизайн

Основные этапы работы над веб-проектом | Глава 6

Ольга Жолудова

13 августа 2019

Посты в категории UI-дизайн

5 направлений, в которых веб-дизайнеру нужно развиваться постоянно | Глава 5

Ринат Шайхутдинов

13 августа 2019