Скетчинг как инструмент дизайн-мышления в бизнесе. Алексей Колоколов

08.12.2017

Скетчинг: дизайн-мышление в бизнесе

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

«Но я не умею рисовать», — скажете вы. Вот простой пример. Зайдите в первый класс и спросите учеников: «Кто умеет рисовать»? Поднимут руки все дети без исключения. Повторите то же самое в 11 классе и поднятых рук будет значительно меньше. Мы сами устанавливаем рамки, считая себя неспособными к творчеству. А на самом деле скетчинг может освоить каждый, кто работает с данными и хочет представлять их визуально.
Чем полезен скетчинг ?

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

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

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

4. Воспринимается быстрее и легче, чем текст.
Скетчинг экономит время, которое вы бы потратили на словесное описание идеи. Да и не все можно рассказать словами.

Виды скетчинга

Скетчинг, мокап, применяемые в инфографике для бизнес-аналитики и визуализации данных
  • Архитектурный. Это иллюстрации улиц, зданий, в общем, городские зарисовки.
  • Флористический скетчинг. Используется декораторами и флористами для зарисовки цветочных композиций.
  • Скетч-иллюстрация. Их можно встретить в рекламе, книгах. Например, food-скетчинг используется в сборниках кулинарных рецептов. Fashion-иллюстрации создают модельеры, художники по костюмам.
  • «Travel»-скетчинг. Помогает сохранить личные впечатления, зарисовать яркого персонажа, понравившийся пейзаж.
  • Западный (европейский) скетчинг. В нем часто используют маркеры. С его помощью дизайнеры и иллюстраторы демонстрируют идеи заказчикам, передают основные ключевые мысли, предлагают форму, цвет.
Художники зарисовывают краткие характеристики персонажей, флористы — цветы для декора. Мы с вами углубимся в другую область — дизайн. В UI-дизайне скетчинг помогает представить идеи, быстро набросать структуру сайта, увидеть пробелы или сильные стороны. А что будут рисовать экономисты, руководители проектов, аналитики? Конечно, дашборды.
Образец мокапа для дашборда руководителя
Я тоже использую скетчинг в работе. Если хочу быстро донести мысль до собеседника, рисую ручкой на бумаге. Но бывает, что нужно выбрать необходимые цвета для блоков лендинга или дизайна презентаций, расставить визуальные акценты. Тогда я делаю цветные скетчи на планшете в приложении Penultimate от Evernote. Иногда даже без стилуса, рисую пальцем на экране.

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

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

2. Рисуйте от руки. Программ много, но они всегда будут ограничивать вас шаблонами, отвлекать настройками. Кроме того, рисование развивает творческое правое полушарие, которое отвечает за внезапные инсайты.

3. Не ленитесь переделывать. Не разочаровывайтесь, если с первого, второго, третьего раза не получилось то, что хочется. Потратьте лишние 10 минут и все-таки сделайте аккуратный чистовик.

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

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

Сырой продукт
Мокап дэшборда.
Здесь видны зачатки структуры, но есть помарки, четвертый пустой блок, вставленный в надежде, что дизайнер придумает, что там нарисовать.

Готовый продукт
Скетч дашборда. Алексей Колоколов
Это пример хорошего скетча, на котором информация понятная, правильно расположенная, аккуратно нарисованная.

Увлеклись
Скетчинг инфорграфики. Алексей Колоколов
Здесь уже немного перестарались с оформлением, зря потратив время на раскрашивание. Это может увести в сторону от смысловой составляющей. Достаточно продумать диаграммы, все аккуратно и понятно подписать и рационально разместить на экране.

Заключение

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