Юрий @jvetrau Ветров собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года.

ВК — https://vk.com/pdigest
FB — https://www.facebook.com/groups/pdigest/
Рассылка — http://eepurl.com/bu61XX

Создатели инструментов дизайна делают последний рывок перед новогодне-рождественским затишьем и выпускают несколько новых экспериментальных инструментов и обновлений к существующим:

Uizard (https://uizard.io/): Превращает наброски интерфейсов на бумаге в достаточно аккуратные макеты Sketch. Давно следил за альфа- и бета-версиями, отличное применение идеи Airbnb для широкого круга дизайнеров.

Yotako (https://www.yotako.io/): Позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).

VisBug (https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc): Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7. И обзор похожих плагинов — https://css-tricks.com/devtools-for-designers/.

Montage (https://www.trymontage.com/): Делает упор на большую библиотеку компонентов, которые можно скачать и изменить под себя.

Hadron: Добавили отдельный набор возможностей для разработчиков, так что они могут работать вместе с дизайнером над одним проектом ― https://blog.prototypr.io/a-design-tool-that-is-also-a-developer-tool-introducing-profiles-in-hadron-c04537d159a8.

Iterate: Тарас Бризицкий делает свой инструмент для проектирования интерфейсов на iPad ― https://medium.com/@tbrizitsky/wireframing-on-ipad-done-right-iterate-beta-is-now-available-512b7ddd7279. Недавно появилась бета-версия ― https://testflight.apple.com/join/QCrT1I4Z. Более ранний анонс с описанием изначальной идеи ― https://blog.prototypr.io/https-medium-com-tbrizitsky-iterate-the-ux-designers-digital-sketchbook-6955cc74be57.

UI Constructor (https://www.uiconstructor.com/): Ещё один визуальный конструктор сайтов на базе Bootstrap. Позволяет собрать страницу из типовых блоков и оформить её.

Flare (https://www.2dimensions.com/about-flare): Новый инструмент для иллюстраций и их последующей анимации. Анонс от авторов ― https://medium.com/2dimensions/flare-launch-d524067d34d8.

Moca (https://serfo.com/p/wireframe/): Максимально простой онлайн-сервис для проектирования интерфейсов.

Adobe XD: Graeme Fulton сделал обзор возможностей прототипирования голосовых интерфейсов — https://blog.prototypr.io/voice-first-screen-second-designing-for-voice-in-adobe-xd-1a9e5efdca15. Всё это обёрнуто в шикарнейший обзор самого рынка и особенностей общения с голосовыми помощниками. Демо с Adobe MAX — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.

Figma: Упрощённая возможность работы с диалогами и всплывающими слоями в прототипах (https://www.figma.com/blog/introducing-overlays-taking-prototyping-to-the-next-layer/) и экспорт в PDF (https://www.figma.com/blog/our-path-to-creating-the-highest-quality-pdf-exporter/) ― теперь можно делать и презентации.

Sketch: Плагины: Felipe (https://www.arielverber.com/felipe/) позволяет превращать примитивные фигуры в символы Sketch. Анонс от автора ― https://uxdesign.cc/intention-based-design-e58a4575ebbe.

InVision Studio: Коллекция обучающих материалов от Matt D. Smith ― https://switchtostudio.com/.

Readymag: Анонсировали бета-версию разбивки длинных страниц на секции ― https://readymag.com/readymag/newsletter/. Это упростит изменение контента в середине (не придётся двигать и перепроверять то что ниже).

Phase: Команда показывает, как упростится прототипирование за счёт встроенных состояний компонентов — https://blog.prototypr.io/conditional-logic-in-phase-if-else-made-visual-12dbd0178e61.

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

#tools

https://uizard.io/?ref=producthunt
Uizard, the future of app development. Transform mobile hand-drawn wireframes automatically to Sketch and download the React Native code! Code less, create more.
| uizard.io

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

Alice Lee, которая пустила волну по заказу Slack, рассказала о работе над проектомhttps://www.byalicelee.com/slack. Стартовый мудборд, промежуточные вариации, библиотека типовых объектов и большая галерея результатов ― дельно и подробно.

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

Humaaans (https://www.humaaans.com/) и Drawkit (https://www.drawkit.io/): Дёшево повторяем стиль Slack.

Isometriclove (https://isometriclove.com/): Собираем изометрию по шаблону на раз-два.

Конечно, получить стоковый результат можно было и на Shutterstock или Getty Images, они давно заполонили интернеты. Новое поколение конструкторов хотя бы даёт целостность подхода — легче собрать свой сюжет из готовых объектов.

Но если вы хотите выразить свой бренд в иллюстрациях, а не просто поставить сюжетную заглушку ― нужно искать свой язык. В статье Alice есть небольшая затравка на тему. Ну и в прошлом выпуске мини-дайджеста было много примеров: https://t.me/pdigest/123 и https://t.me/pdigest/124.

Само собой, полезно изучать тренды: Creative Bloq как раз выпустили обзор — https://www.creativebloq.com/features/5-huge-illustration-trends-for-2019. Удачи в поисках себя!

#illustrations #designsystems

https://www.byalicelee.com/slack

Creating an illustration voice and system for Slack

| Byalicelee

На недавней конференции Adobe MAX 2018 традиционно показали уйму крутых демок инструментов алгоритмического дизайна на базе инициативы Adobe Sensei — https://blogs.adobe.com/creative/what-you-missed-from-sneaks-at-max-2018/. Компьютеры грозятся стать ещё полезнее и снять ещё больше рутины.

Самый крутой, конечно же, Project Fontphoria ― https://www.youtube.com/watch?v=eTK7bmTM7mU. Он создаёт полноценный шрифт на базе нескольких символов на картинке, а потом может подставить их на реальный объект в дополненной реальности. Чёртова магия!

Fastmask позволяет выделить объект на видео по маске и следить за ним по всему роликуhttps://www.youtube.com/watch?v=GPVx4Tg9EZ0. Например, подложить текст за движущимся человеком.

Good Bones помогает быстро задать скелет персонажа в иллюстрации, чтобы упростить его анимацию ― https://www.youtube.com/watch?v=9OFtpPD8TYU.

Brush Bounty предлагает анимированные параметрические кисти для иллюстраций ― https://www.youtube.com/watch?v=Q9GUnQvkQOc.

Smooth Operator автоматически обрезает ландшафтное видео для storieshttps://www.youtube.com/watch?v=MImphmT5dy8.

Fantastic Fold упрощает дизайн сложной упаковки, которую непросто представить на статической раскладке ― https://www.youtube.com/watch?v=-llAe4fsJ-A.

Moving Stills делает фотографии объёмными, примерно как недавние 3D-фото в Facebook ― https://www.youtube.com/watch?v=dM-lX9c3Pqw.

Пополнил свою коллекцию за счёт них ― http://algorithms.design/. А вот ещё несколько обновок для неё:

1. Fred O'Brien описывает текущее состояние конструкторов сайтов, использующих алгоритмический дизайн ― https://www.websitebuilderexpert.com/artificial-intelligence-and-the-future-of-web-design/. Он пообщался с создателями многих из них или процитировал их мнения на тему.

2. Adam Cutler, Milena Pribić и Lawrence Humphrey из IBM подготовили свод этических правил для создателей интерфейсов и продуктов в целом с искусственным интеллектом ― https://www.ibm.com/watson/assets/duo/pdf/everydayethics.pdf. Анонс от авторов ― https://medium.com/design-ibm/everyday-ethics-for-artificial-intelligence-75e173a9d8e8.

3. Экспериментальный генератор реалистичных фотографий лиц от Shaobo Guan ― https://blog.insightdatascience.com/generating-custom-photo-realistic-faces-using-ai-d170b1b59255. Можно выбирать пол, возраст, расу и другие детали.

4. Китайское новостное агентство Xinhua запустило двух алгоритмических ведущихhttps://www.engadget.com/2018/11/08/chinese-news-agency-ai-anchors/. Их голос, выражение лица и движение губ синтезируются.

5. Эксперимент MIT воссоздаёт картины с помощью 3D-печати ― https://www.engadget.com/2018/11/29/mit-ai-recreates-paintings/.

Подпишитесь на рассылку новостей алгоритмического дизайна — http://eepurl.com/cKUguj. Так вы будете готовы к восстанию машин :)

#ai #algorithms

https://blogs.adobe.com/creative/what-you-missed-from-sneaks-at-max-2018/

What You Missed from Sneaks at MAX 2018 | Creative blog by Adobe

Take a sneak peek at this year's Adobe MAX sneaks! Which include a wide range of creative innovations...
| Creative Connection

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

1. Duncan Campbell из Gorilla Arm разбирает лучшие практики экранов-заставок при запуске приложенийhttps://uxdesign.cc/building-the-perfect-splash-screen-46e080395f06. Толковые советы для разных ситуаций, позволяющие уменьшить реальное или воспринимаемое ожидание загрузки.

2. Дихотомия между юзабилити и безопасностью ― одна из самых старых в профессии, причём зачастую проигрывает либо одно, либо другое. Serena Chen описывает пути, которые помогут найти баланс ― https://increment.com/security/design-for-security/ ― как сделать наиболее безопасный вариант самым удобным, чтобы по нему хотелось пойти.

3. Raluca Budiu рассказывает о пользовательском исследовании ботов от Nielsen/Norman Group ― https://www.nngroup.com/articles/chatbots/. Отличное описание типовых сценариев и частых проблем.

4. Судя по всему, тёмные темы оформления станут хитом следующего года. Andy Clarke показывает, как поддержать её на сайте через media queries ― https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode.

5. Толковый ресурс по оптимизации интерфейсов для людей с нарушениями восприятия цвета (300 миллионов человек в мире) ― https://wearecolorblind.com/. Кейсы, статьи, инструменты.

6. Yuxuan (Tammy) Zhou из Nielsen/Norman Group описывает принципы использования полей ввода с пошаговым увеличением значенийhttps://www.nngroup.com/articles/input-steppers/.

7. Page Laubheimer из Nielsen/Norman Group описывает несколько способов сохранения товаров в интернет-магазине на будущее и помогает выбрать оптимальный ― https://www.nngroup.com/articles/wishlist-or-cart/.

8. Советы по созданию годных страниц ошибки 404 от Shelby Rogers ― https://www.smashingmagazine.com/2018/11/the-101-course-on-crafting-404-pages/.

9. Советы Alita Joyce из Nielsen/Norman Group по грамотной работе с уведомлениями на мобильныхhttps://www.nngroup.com/articles/push-notification/. Как правильно настроить их частоту и момент отправки.

Гарантия улучшения ваших интерфейсов на 146% (не является лекарственным средством).

#patterns

https://uxdesign.cc/building-the-perfect-splash-screen-46e080395f06

Building the perfect splash screen

In the first part of our series on “Everything you need to know to UX an app”, Duncan Campbell, creative director at Gorilla Arm turns his…
| UX Collective

Голосовые помощники показывают крутой рост — на конец года прогнозируют 75 миллионов проданных устройств по миру (подробная статистика ниже). Китай скоро обгонит США, да и в России намечается горячая пора — к Яндексу и Google добавится Mail.Ru Group.

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

1. Ben Sauer собрал для Clearleft коллекцию принципов дизайна голосовых интерфейсов от разных компаний — https://voiceprinciples.com/. В дополнение к ним — книги, статьи и общие мысли.

2. Годная памятка по проектированию голосовых интерфейсов от Justin Baker из Intuit — https://medium.muz.li/voice-user-interfaces-vui-the-ultimate-designers-guide-8756cb2578a1. Выбор типа устройства, сценарии и контексты использования, технологические ограничения и ключевые моменты взаимодействия.

3. Советы по прототипированию голосовых интерфейсов от Cathy Pearl из Google, Cassidy Williams из Amazon, Susse Sønderby Jense из Adobe XD, Ben Sauer из Clearleft — https://theblog.adobe.com/how-to-voice-ui-prototyping-delight-users/.

4. Aimylogic: Онлайн-конструктор чат-ботов и навыков для голосовых помощников Google Assistant и Яндекс Алиса — https://aimylogic.com/.

5. Adobe XD: Демо возможностей прототипирования голосовых интерфейсов — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.

А вот как их используют на самом деле. Лучшие исследования делают Nielsen/Norman Group, вот свежие:

— Изучили ожидания пользователей от идеального умного помощника и сопоставили их с существующими продуктами по нескольким критериям — https://www.nngroup.com/articles/intelligent-assistant-user-needs/. Крайне интересная пища для выбора направлений развития.

— Интересный парадокс — хотя пользователи описывают множество проблем в работе с ними, в целом они зачастую довольныhttps://www.nngroup.com/articles/intelligent-assistants-poor-usability-high-adoption/. Одна из главных причин — пользователи сами ограничили круг сценариев использования, в которых умные помощники предсказуемы.

— Перевод самой первой части — https://medium.com/usethics-doc/intellegent-assistants-have-poor-usability-52b3dd443ed1.

LoupVentures сравнили качество ответов Alexa, Cortana, Google Assistant и Siri по 800 запросам — https://loupventures.com/annual-digital-assistant-iq-test-siri-google-assistant-alexa-cortana/. Если с пониманием самой фразы проблем не было, то с выдачей подходящего ответа всё сильно хуже.

Собрал также много свежей статистики рынка и парочку интересных новостей, но в формат Телеграма это уже не влезает — https://vk.com/@pdigest-voiceui-03. Пользуйтесь на здоровье.

#voiceui

https://medium.muz.li/voice-user-interfaces-vui-the-ultimate-designers-guide-8756cb2578a1

Voice User Interfaces (VUI) — The Ultimate Designer’s Guide

The fundamentals that empower us to converse with our devices
| Muzli - Design Inspiration

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

Есть несколько примеров системного подхода:

1. Anna Kaley из Nielsen/Norman Group показывает, как разбирать интерфейсный долгhttps://www.nngroup.com/articles/ux-debt/. Вводная достаточно общая, а вот про внесение проблем в продуктовый план написано хорошо.

2. Очень толковый кейс переработки крупной линейки продуктовhttp://uxpamagazine.org/ux-debt-in-the-enterprise/. К статье прилагается калькулятор в Excel.

3. Подход Athena Healthhttps://medium.com/athenahealth-design/creating-a-sustainable-strategy-for-tackling-product-wide-ux-debt-5542c6b028bd. О нём рассказывали и на DesignOps Summit ― https://www.slideshare.net/RosenfeldMedia/stretching-the-definition-of-designops-chris-moses-at-designops-summit-2018. Толковый системный метод, как и всё, о чём пишет команда.

4. Подход Salesforcehttps://medium.com/iq-design/how-to-effectively-address-the-usability-debt-within-your-product-6b8693e6e853. Годный метод приоритезации.

5. Dave Rau из Optimizely описывает формат «дня полировки» для исправления проблем в продукте ― https://medium.com/design-optimizely/pay-down-design-debt-with-polish-day-867eb59dd83d. Команда выделяет день на исправление багов и оценивает список найденных проблем так, чтобы закрыть наиболее критичные.

6. Nicole Rusan рассказывает о близком понятии концептуального долгаhttps://medium.com/all-things-product-management/conceptual-debt-is-worse-than-technical-debt-5b65a910fd46. Это когда основы интерфейса были заложены неправильно и что с потом этим делать.

Узнал об идее из статей Andrew Wright ― http://nform.com/ideas/user-experience-debt/ и Jim Kalbach ― https://experiencinginformation.com/2014/05/03/ux-debt-borrowing-from-your-users/. На случай, если интересна предыстория.

В своей серии статей о дизайн-менеджменте я описывал и интерфейсный, и организационный долгhttps://jvetrau.com/uxstrategy-6/. Мы постепенно выстраиваем работу с ним в компании ― это поможет сделать следующий рывок в качестве продуктов. Начинали с простейшего ― экспертно прошлись по продуктам и поставили задачи в Jira на все найденные проблемы. На следующий год большие планы по систематизации процесса ― интегральная метрика юзабилити с учётом долга, регулярное обновление списка из разных источников, предсказуемый разбор.

#designmanagement #designops #uxdebt

https://www.nngroup.com/articles/ux-debt/

UX Debt: How to Identify, Prioritize, and Resolve

Like technical debt, user-experience debt piles up over time and, if left unaddressed, will lead to compounding user problems and costly, time-consuming cleanup efforts. Agile solutions for prioritizing and resolving UX-debt issues can be adapted to other environments.
| Nielsen Norman Group

Новые инструменты дизайна копились-копились, да выплеснулись в четырнадцатый мини-выпуск дайджеста:

InVision Studio: Вышла версия 1.0 — https://www.designernews.co/stories/98647-welcome-to-invision-studio-10. Общие библиотеки компонентов, улучшение интерфейса и производительности. UI Kit для iOS (https://s3.amazonaws.com/www-assets.invisionapp.com/iOS+UI+Kit.studio.zip) и Android (https://s3.amazonaws.com/www-assets.invisionapp.com/Material+Design+UI+Kit.studio.zip).

Bondlayer (https://www.bondlayer.com/): Новый инструмент дизайна и разработки. Можно получить код для веба или Android/iOS (и даже опубликовать в магазинах приложений).

Drawkit (https://www.drawkit.io/): Шаблоны иллюстраций в духе Slack.

Figma: Dylan Field сделал обзор основных обновлений за год ― https://www.figma.com/blog/figma-year-in-review-2018/. Скорость развития инструмента, конечно, фантастическая. Читайте также советы по эффективной работе с инструментом от Tom Johnson ― https://blog.prototypr.io/figma-tips-and-tricks-1c07ec13b696.

Sketch: Плагин Timelapse (https://timelapsesketch.com/) позволяет записать скринкаст работы над макетом. Anima управляет отступами вложенных символов — https://medium.com/sketch-app-sources/padding-with-nested-symbols-in-sketch-with-anima-eec9ac2194ec. VK Data позволяет вставлять различные данные из профиля ВКонтакте: аватарки друзей, сообществ, обложки видео — https://github.com/VKCOM/vkdata-sketchplugin.

Adobe XD: Памятка по дизайну интерфейсов в Adobe XD от Telmo Subirá Rodríguez ― https://medium.com/drill/learning-the-basics-of-adobe-xd-in-one-hour-3537f3ac02a3.

Atomic: Инструмент закрывается — https://atomic.io/prototyping. Команда планирует заняться более общим инструментом для продуктовой разработки.

Framer: Получили ещё $24 млн инвестиций в серии Б — https://techcrunch.com/2018/11/12/framer-series-b/.

Cleverstack (https://cleverstack.com/): Сервис помогает проводить брейнштормы в онлайне — записывать идеи и голосовать за них, чтобы выбрать наиболее годные.

Leeflets (https://leeflets.com/): Ура! Ещё один конструктор одностраничников.

Grid Studio (https://grid.studio/): Стоп. Ещё один!

Palx (https://palx.jxnblk.com/): Генератор цветовых палитр. Вы ему основной цвет, он вам ― вспомогательные.

Meta Tags (https://metatags.io/): Сервис помогает быстро примерить мета-теги сайта и то, как ссылка отображается в Google, Facebook, Twitter, LinkedIn, Pinterest и Slack.

Squoosh (https://squoosh.app/): Сервис для оптимизации изображений от Google.

Avocode: Теперь тоже показывают связку экранов, загруженных как прототип — https://avocode.com/prototyping.

Думаю, до конца года ещё увидим пачку обновлений.

#tools

https://www.designernews.co/stories/98647-welcome-to-invision-studio-10

Welcome to InVision Studio 1.0! – Designer News

Hey Early Access Users! Let's check for updates in InVision Studio. Built November 9, 2018 2:31 PM EST WHAT'S NEW IN INVISION STUDIO 1.0.1 ⬇️ Downl...
| Designer News

[начало в https://t.me/pdigest/131]

Так и кому верить? На самом деле правы все индексы. На конкурентном B2C-рынке качество продукта и обслуживания очень важны для успеха на рынке. Но если продажи мало зависят от мнения конечного пользователя (монопольные отрасли, государственные сервисы, корпоративное ПО с централизованными закупками), работают другие закономерности. Кроме того, вложения в качество продукта нацелены на долгосрочную перспективу, они не покажут быстрого результата. Поэтому недостаточно ссылаться на успех других компаний — их бизнес может работать по другим принципам.

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

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

Интерес McKinsey понятен ― они участвовали в гонке по скупке дизайн-студий (приобрели Lunar и Veryday), а теперь запустили собственный консалтинг McKinsey Design ― https://qz.com/work/1439341/mckinsey-opens-its-own-design-consultancy/. Отчёт ― одна из их первых иницатив, которая рекламирует их экспертизу. На конференциях полно спикеров от них (частенько льют консультансткую воду). Грех жаловаться на помощь в раскрутке дизайна, но нужно трезво оценивать пользу.

Среди подобных исследований самое толковое провела Leah Buley в 2015 году для Forrester Researchhttp://www.tandemseven.com/wp-content/uploads/2015/03/How_To_Modernize_User_Exp.pdf. Она опросила 23 компании, чтобы узнать, как устроены их дизайн-команды. В результате у неё получилось выделить набор характеристик внутренней организации и вовлечённости в продуктовую работу, которые присущи наиболее сильным с точки зрения дизайна компаниям. Она подробно рассказывала о выводах на Interaction15 ― https://vimeo.com/121037431, а в 2016 году провела повторный опрос (уже после ухода из Forrester) ― http://www.creativebloq.com/features/the-state-of-ux-in-2016.

Выводы о внутреннем устройстве дизайна в хороших компаниях ― наверное, самая ценная часть таких отчётов (у меня, как всегда, есть статеечка в кассу ― https://jvetrau.com/uxstrategy-6/). Вторая польза ― попытка разобраться в ROI (недавний выпуск на тему ― https://t.me/pdigest/100). Верить ли индексам дизайна, в которых среди лидеров записан SAP ― вопрос дискуссионный.

#designmanagement #metrics #roi

https://t.me/pdigest/131

Дайджест продуктового дизайна

Понимание ценности дизайна для бизнеса помогает обеим сторонам. Дизайн начинает говорить с ним на одном языке и добивается заметных результатов быстрее и с меньшим сопротивлением. Бизнес получает сильный инструмент рыночной дифференциации в борьбе за клиентов и реже теряет их, ведь привлекать их недёшево. Само собой, эти две стороны регулярно пытаются посчитать взаимоопыление. McKinsey предложили свой индекс влияния дизайна на бизнес McKinsey Design Index ― https://www.mckinseydesignindex.com/. Они провели опрос 300 публичных компаний и сопоставили их финансовые показатели с успехами в продуктах. В результате выделили критерии интеграции дизайна, которые отличают самые самые успешные компании. Сопроводительная статья ― https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design (перевод ― https://vc.ru/design/50722-cennost-dizayna-dlya-biznesa-tezisy-doklada-mckinsey и PDF-версия ― https://www.mckinsey.com/~/media/McKinsey/Business%20Functions/McKinsey%20Design/Our%2…
| Telegram

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

McKinsey предложили свой индекс влияния дизайна на бизнес McKinsey Design Indexhttps://www.mckinseydesignindex.com/. Они провели опрос 300 публичных компаний и сопоставили их финансовые показатели с успехами в продуктах. В результате выделили критерии интеграции дизайна, которые отличают самые самые успешные компании. Сопроводительная статья ― https://www.mckinsey.com/business-functions/mckinsey-design/our-insights/the-business-value-of-design (перевод ― https://vc.ru/design/50722-cennost-dizayna-dlya-biznesa-tezisy-doklada-mckinsey и PDF-версия ― https://www.mckinsey.com/~/media/McKinsey/Business%20Functions/McKinsey%20Design/Our%20insights/The%20business%20value%20of%20design/The-business-value-of-design-vF.ashx).

Подход не новый:

1. Больше всего шумел Design Management Institute с аналогичным индексом Design Value Index (http://www.dmi.org/?DesignValue). Он показывает капитализацию компаний, инвестирующих в дизайн — в 2015 году он вырос на 211% сильнее фондового индекса S&P 500. По сути McKinsey сделали кальку с него.

2. Forrester провели по заказу IBM опрос-исследование экономического выхлопа от внедрения практик дизайн-мышленияhttps://www.ibm.com/design/thinking/static/media/Enterprise-Design-Thinking-Report.8ab1e9e1.pdf. Цифры радужные. Краткий обзор — https://medium.com/design-ibm/a-new-study-on-design-thinking-is-great-news-for-designers-593f71b40627

3. Отчёт Design Counsil о вкладе дизайна в британскую экономику в 2015 году — http://www.designcouncil.org.uk/resources/report/design-economy-report. Очень интересные и приятные цифры — она принесла £71,7 млрд валовой добавленной стоимости (7,2% от общей цифры по стране). Если не считать, что они просто включили в эту цифру вообще весь результат компании с хорошим дизайном, не только долю дизайна.

4. А вот похожее исследование для Финляндииhttp://issuu.com/anttipitkanen/docs/droi_measurabledesign_2012_issuu_en/1.

На самом деле нет? Bloomberg сопоставили American Customer Satisfaction Index и рыночную динамику 190 ведущих компаний — всё наоборотhttp://www.bloomberg.com/news/articles/2013-12-17/proof-that-it-pays-to-be-americas-most-hated-companies.

[продолжение в https://t.me/pdigest/132]

#designmanagement #metrics #roi

https://www.mckinseydesignindex.com/

McKinsey Design Index

| Mckinseydesignindex