поиск новых форм объектов дизайна

Как придумать дизайн-концепцию: техники и инструменты для поиска идей

Как работают визуальные метафоры, чем может помочь искусство и какие онлайн-сервисы развивают креативность.

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

Из статьи вы узнаете:

Пишет о дизайне в Skillbox, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

Источники идей вокруг

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

Сравнения и метафоры

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

Вот несколько способов создать сильный визуальный образ с помощью сравнения:

1. Изобразить объекты рядом. Этот способ самый очевидный. Например, так работает сравнение в лаконичной рекламе Durex:

2. Заменить один объект другим. В этой рекламе река — это пар, исходящий от кофе:

3. Соединить объекты — с помощью фотомонтажа или рисованных иллюстраций:

4. Придать одному объекту свойства другого. Это может выражаться в движении, цвете, форме или текстуре. Например, в студии Jones Knowles Ritchie так стилизовали логотип Burger King для рекламной кампании в поддержку экологии. Бренд отказался от пластиковых игрушек в детских наборах и организовал акцию по переплавке ненужных изделий. Фирменному знаку придали вид плавящегося пластика:

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

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

Отсылки к искусству

Искусство часто становится источником дизайнерских идей: во многих рекламных креативах используют фрагменты известных картин или скульптур.

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

Впрочем, вдохновляться искусством можно, не заимствуя живописные полотна, а делая стилизацию под них. Вот пример рекламы от студии DDB: в её основе иллюстрация, имитирующая стиль ар-деко:

Чтобы сделать узнаваемую отсылку к искусству, не обязательно рисовать. Подтверждение тому — этот фотомонтаж в духе Пикассо от Mazda — машина превратилась в арт-объект:

Отсылки к прецедентным текстам и поп-культуре

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

Когда на пике популярности были «Игра престолов», «Ход королевы» или другие сериалы, многие компании ссылались на них в своей рекламе.

А вот социальная реклама с изображением Бэтмена от студии Preuss und Preuss:

В айдентике отсылки к известным сюжетам и героям тоже используют — персонажи из мифов и истории часто становятся символами брендов. Один из известных примеров — русалка на логотипе Starbucks. Этот образ был выбран неслучайно: первая кофейня открылась в Сиэтле, а это портовый город. В названии бренда тоже фигурирует морская тематика: Starbuck — это имя моряка из романа «Моби Дик».

Новые техники вместо привычного софта

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

Некоторые дизайнеры вдохновляются теми продуктами, с которыми работают. В «Логомашине» одно из слов для айдентики рынка написали морковкой, обмакнув её в тушь.

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

И даже без искусственного интеллекта программы могут выдавать уникальную графику. Такие упаковки сделали в Nutella с помощью алгоритма-рандомайзера:

Методы развития креативности

Из всего многообразия идей нужно как-то выбирать подходящие. На помощь придут методики развития креативности. Их существует бесконечное множество — возможно, у вас даже есть собственные. А если ещё нет, предлагаем познакомиться с несколькими популярными способами: с их помощью можно искать идеи для проектов.

Мозговой штурм

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

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

Фрирайтинг

Метод свободного письма (фрирайтинг) — это письмо с ограничением по времени, без раздумий и редактуры. За 10–15 минут нужно изложить на бумаге свой поток сознания. Техника была известна ещё в восьмидесятые годы прошлого века, а в России стала популярна после выхода книги Марка Леви «Гений внутри». Цель метода — избавиться от самоограничений и перфекционизма, чтобы найти нешаблонное решение.

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

Ментальные карты

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

В центре размещается главная задача, вопрос или ключевое слово. Затем добавляют ветви — основные идеи или категории, связанные с центральным объектом. Наконец, от каждой из ветвей выводят дочерние ветви с ассоциациями или подкатегориями.

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

Метод Уолта Диснея

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

Для каждой роли желательно выделить рабочее пространство: поставить три стула в разных углах комнаты. Сидя на стуле мечтателя, следует мыслить позитивно и рассматривать любые, самые абсурдные идеи. Затем нужно пересесть на стул реалиста, проверить все идеи на жизнеспособность и отсеять ненужные. Последний стул — стул критика, на нём нужно обдумать все негативные последствия реализации оставшихся идей — трудности и риски. Те идеи, которые выдержат критику, можно смело воплощать в жизнь.

Сбор референсов

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

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

Полезные инструменты

Организовать работу помогут онлайн-сервисы и приложения:

Источник

7 артефактов проектирования, которые улучшат дизайн

Когда кто-то сегодня говорит о UX, довольно часто он имеет в виду не проектирование пользовательского опыта, а визуальный дизайн. И это объяснимо. Сам по себе интерфейс (UI) уже представляет собой некий конечный продукт, и он прост для понимания.

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

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

Формат команды влияет на используемые инструменты

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

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

Если мы возьмем различные артефакты (Vision, KPI, IA, прототипы, CJM, user stories, диаграммы и т. д.), то можем заметить, что они сфокусированы на задачах разных участников проекта. И поэтому, когда начинает казаться, что отдельные объекты можно было бы пропустить и не тратить на их создание время, то, вероятно, вы не целевая аудитория, для которой такой уровень абстракции и фокусировки ценен.

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

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

Дизайн для пользователей и дизайн для команды

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

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

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

Рис. 1. Обобщенная схема этапа проектирования, https://miro.com/app/board/o9J_l12_bU0=/

Ключевые KPI / Дерево KPI

Когда у проекта есть понятные цели, по проекту проще двигаться. Мы знаем, к чему должны стремиться. Это помогает сфокусировать усилия всех участников процесса.

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

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

Что позволяет наличие ключевых KPI:

с самого начала договориться о важном;

мыслить о проекте в системе метрик, а не личного вкуса;

фокусироваться на результате.

Стратегический план

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

Редко случается, что дорога к цели очевидна. Чем сложнее проект, чем амбициознее цель, тем более сложным может быть путь.

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

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

Что позволяет наличие стратегического плана:

видеть последовательность действий для достижения цели;

понимать влияние разных факторов на общий результат.

Рис. 2. Общее представление стратегического плана

Поведенческая сегментация

Такой метод позволяет выделить сегменты пользователей согласно схожим поведенческим паттернам. В нем мы не рассматриваем пользователя как статический объект с неизменными характеристиками, а говорим, что один и тот же пользователь будет вести себя по-разному в зависимости от того, в какой момент поведенческого цикла мы с ним сталкиваемся.

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

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

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

Что позволяет наличие поведенческой сегментации:

смотреть на пользователей с позиции достижения результата;

видеть ситуацию в динамике;

плотно использовать количественные данные.

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

Верхнеуровневый прототип

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

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

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

Что позволяет получить использование верхнеуровневого прототипа:

раннее видение продукта;

решение ключевых навигационных задач;

приоритеты в интерфейсе;

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

В конечном счете верхнеуровневый прототип можно описать даже словами. Например: «На главной странице будут наши товары по акции, ссылки на основные категории, корзину, способы оплаты и доставки».

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

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

Сценарии

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

Менеджеры, владельцы продукта и другие специалисты могут по сценариям проверить полноту проектного решения: всё ли реализуется из того, что ожидалось.

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

Важно помнить, что сценарии пишутся для людей. Они должны быть написаны понятным языком и не запутывать участников проекта. Можно использовать форматы User Story, JTBD или придумать что-то свое. Но главное, чтобы приоритет отдавался понятности и полноте покрытия возможностей продукта.

Информационная архитектура (IA)

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

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

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

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

Что позволяет получить использование IA:

задать основную навигацию;

проверить понятность структуры проекта и связей между его объектами;

сделать объем проекта видимым.

Рис. 5. Информационная архитектура в виде схемы делает проект наглядным

Детальный прототип

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

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

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

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

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

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

Что позволяет получить использование детальных прототипов:

увидеть, как всё должно работать, и инициировать обсуждение и тестирование;

обеспечить уточнение требований;

задать возможность работы над языком интерфейса.

Рис. 6. В детальном прототипе мы обращаем внимание на реализацию пользовательских сценариев, они становятся основным объектом нашего внимания

В заключение

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

Процесс проектирования подразумевает, что всё, что мы делаем, может меняться. Мы должны быть готовы возвращаться к уже созданным материалам, чтобы внести в них обоснованные уточнения. Это обеспечивает постоянное обогащение проекта новыми знаниями. И не завершается до этапа разработки.

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

В продолжение темы

Чуть больше про место поведенческой сегментации в наших процессах в докладе «От модели в продажах к установлению отношений между пользователем и брендом»

Вообще о поведенческой сегментации в прекрасном выступление Санжана Каттебекова в 2011 году на UXRussia «Новое лицо персоны. Аналитика поведения для дизайна»

Источник