Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны, кейсы и тренды с 2009 года. 50 000 читателей на vc, Хабре и других каналах:

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

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

1. Шикарная памятка по проведению сессий дизайн-критики от Noah Levin из Figma. Он предлагает несколько форматов в зависимости от стадии задачи — это вообще отличный подход к описанию методов. И ещё одна от Jonathan Walter из Rockwell Automation.

2. Jared Spool описывает свой метод найма дизайнеров. Это предварительная подготовка и договорённость требований, на основе которых проводится интервью. Ещё один метод от него — письмо о достижениях кандидата за год. Это позволяет синхронизировать понимание его задач внутри команды.

3. Aurora Harley и Kate Moran из Nielsen/Norman Group описывают синхронный и асинхронный подход к генерации идей удалённой командой.

4. Kate Kaplan описывает фреймворк DesignOps от Nielsen/Norman Group. Толково сгруппированные точки фокуса дизайн-менеджера и команды по трём направлениям — организация самой команды, эффективность работы и выхлоп для продукта.

5. DesignOps Global Conference прошла с 30 мая по 1 июня в Манчестере. Это уже седьмая конференция по дизайн-менеджменту цифровых продуктов (точнее, шестая — LXConference закрылась). Организаторы опубликовали видео выступлений.

6. Emmet Connolly из Intercom рассказывает о процессе внедрения новых методов и практик в дизайн-команде. Значительная часть статьи посвящена общефилософским вопросам, но в последней трети как раз самое интересное.

7. Как устроена дизайн-команда Instacart.

8. Scott Strubberg из IBM рассказывает о своём списке инструментов дизайнера интерфейсов, который помогает разным подразделениям компании правильно выделять бюджет на покупку и вообще обосновывать.

Про эти и другие темы для дизайн-менеджеров я рассказываю на своём курсе «Паттерны дизайн-менеджмента». Второй поток стартует в октябре.

#designmanagement #designops

https://www.figma.com/blog/design-critiques-at-figma/

Design critiques at Figma

Learn 6 unique methods for design critique used by the Figma design team, along with some tips and best practices for running them effectively.
| Figma

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

Если вы из этой тусовки или дизайнер, который хочет переквалифицироваться (а их всё больше), то 22 сентября Аркадий вместе Алексеем Черняком запускают третий набор школы менеджеров продуктов. Участие бесплатное, с отбором и оплатой после трудоустройства (уже есть первая сотня выпускников).

Принимают заявки до 12 сентября, обучение удалённое — есть ещё пара дней собраться с силами и податься. Курс идёт 8 недель, по итогу готовится учебный проект и портфолио. Полная программа.

P.S. Я не размещаю рекламу, но иногда делаю обмен постами — в Телеграме почти нет органического роста.

http://bit.ly/2Hyko8j

Product Manager - программа акселерации продакт-менеджеров

Бесплатная программа с оплатой после трудоустройства
| productuniversity.ru

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

ProtoPie 4.0: В новой версии появились компоненты. Переработан интерфейс и освежился бренд. Курсы: Руслан Шарипов на Udemy и Meng To.

Sketch 57 и бета Sketch 58: Появился привычный по Figma и Adobe XD инструмент для работы с сеткой повторяющихся элементов — можно менять расстояние между столбцами и строками. В бете размер символов вроде кнопок наконец-то меняется автоматом при изменении текста и другого контента (разбор).

Плагины:
Zecoda: Генератор кода на Vue.js из макетов Sketch.

Figma: Телеграм-канал @figmaplugin делает обзоры плагинов. У Саши Окунева есть памятка об их возможностях и ограничениях.

Статьи и памятки:
Figma Help: Справочный сайт по работе с инструментом. Статьи, видео, разборы плагинов, обновления продукта.

— Adam Noffsinger из Dropbox рассказывает о том, как команда настроила шаблоны.

Памятка Buzz Usborne из Help Scout по переезду со Sketch. Во что это выливается для дизайн-команды.

Советы Philippe Hong по использованию — горячие клавиши и чуть менее очевидные функции.

Советы по работе с иконками от команды Iconfinder.

Waves: Генератор волн в SVG для промо-сайтов. У них есть плагин для Figma.

UXPin 2.0: В ноябре появится новый интерфейс и улучшенные возможности прототипирования (взаимодействие по условию, состояния элементов), дублирование элементов а-ля Adobe XD.

Adobe XD: Августовское обновление. Переработанная панель плагинов, редактирование в Photoshop, расширенный экспорт кода и другие доработки интерфейса.

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

Eyetato: Сервис обещает предсказывать тепловую карту eye tracking на основе данных тысяч проведённых ранее пользовательских исследований. Правда, схему движения взгляда он, конечно, не даст.

Userbility и UXtweak: Два новых сервиса для удалённого юзабилити-тестирования. Второй ещё с инструментами проверки информационной архитектуры.

Quill 2.0: Инструмент для иллюстраторов и аниматоров в виртуальной реальности от Facebook.

Codeimg: Сервис делает красивый скриншот кода для любой соцсети.

Flinto: Появился импорт из Figma и тёмная тема оформления.

Glorify: Простой редактор баннеров и промо-картинок для интернет-магазинов.

Nodes: Инструмент для визуализации данных и создания 3D-графики с помощью визуального программирования нодами.

Eagle: Инструмент помогает собирать мудборды на компьютере.

Epilepsy Blocker: Сервис помогает проверить интерфейс на безопасность для людей с эпилепсией. У них появился и плагин для Figma.

Vectormator: Векторный редактор для иллюстраторов на iPad.

Webflow: С помощью Lottie можно импортировать анимацию из AfterEffects.

VoxGun: Сервис для создания простейших промо-видео.

Glimpse: Ответвление редактора GIMP с новым брендом и интерфейсом.

Новые генераторы цветовых палитр появляются примерно каждые 10 минут. Muzli собрали наиболее полезные из них (а это уже более полусотни)

Brendan Mahony собрал десяток толковых расширений для Chrome для дизайнеров.

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

#tools

https://blog.protopie.io/meet-protopie-4-0-accelerate-your-workflow-with-components-e2c97f17bf3e

Meet ProtoPie 4.0: Accelerate Your Workflow with Components

Change the way you prototype in ProtoPie 4.0.
| Medium

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

1. Page Laubheimer из Nielsen/Norman Group опровергает старый миф о доступности любой задачи в три клика. Она предлагает набор приёмов информационной архитектуры, которые помогут улучшить любую навигацию.

2. Virginia Start из Shopify разбирает разницу в формах адресных данных в разных странах мира. Она приводит варианты как отдельных полей, так и их группировки.

3. Kara Pernice из Nielsen/Norman Group описывает способы чтения текстов, которые практикуют пользователи в разных ситуациях. Про часть из них они публиковали отдельные подробные статьи (например, «слоёный пирог»).

4. Разборы интерфейсов встречи нового пользователя:
Superhuman.
Trello.
Duolingo.
Hopper.
Tinder.

5. Anna Kaley из Nielsen/Norman Group разбирает правила и примеры создания хорошей страницы контактной информации на сайте.

6. Edward Scott из Baymard пишет о проблемах с промоблоком, призывающим установить приложение на мобильных сайтах интернет-магазинов. Бездумная реализация перекрывает процесс покупки и роняет конверсию.

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

#patterns

https://www.nngroup.com/articles/3-click-rule/

The 3-Click Rule for Navigation Is False

While it is important to keep key information easily accessible, the 3-click rule is an arbitrary rule of thumb that is not backed by data.
| Nielsen Norman Group

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

Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте

#digest

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

1. Лучшая статья на тему внедрения базы знаний и инсайтов от Etienne Fang из Uber. Она рассказывает о предпосылках, первых шагах и ошибках, организационных особенностях раскатки — практичнее пока никто не писал.

2. Памятка по проведению юзабилити-тестирования для начинающих от Эмилии Городовых из Контура.

3. David Travis из UserFocus сравнивает уровень автоматизации методов пользовательских исследований сейчас и 16 лет назад. Он делит их данные на «худые» (количественные данные) и «жирные» (наблюдения и истории).

4. Jeff Sauro сделал обзор методов экспертной оценки интерфейсов, которые появились за последние 30 лет.

5. Alita Joyce из Nielsen/Norman Group объясняет разницу между формативными и суммативными пользовательскими исследованиями. В статье хорошие примеры вопросов исследования и соотнесение их с этими категориями.

6. Конфигурация простой UX-лаборатории от Michael Margolis из Google Ventures.

7. Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных — https://measuringu.com/understanding-variables/.

8. Толковые советы Dan Brown из EightShapes на тему догоняющих вопросов в интервью с пользователями и заказчиками. Они позволяют найти больше инсайтов.

9. Инструкция Sarah Gibbons из Nielsen/Norman Group по созданию когнитивных карт вместе с пользователями. Они позволяют лучше понять их представление о теме или предметной области.

10. Stephanie Guaman из Facebook рассказывает о необычных методах пользовательских исследований.

Кстати, свежий дайджест уже почти готов и должен приехать к вам на следующей неделе.

#research

https://medium.com/uber-design/the-power-of-insights-a-behind-the-scenes-look-at-the-new-insights-platform-at-uber-26f85becc2e6

The Power of Insights: A behind-the-scenes look at the new insights platform at Uber

In the late 20th century, the dominant technological question was “How do we learn better?” In the early 21st, that question has been…
| Medium

Пятый раз езжу на курс Future London Academy и четвёртый — курирую часть по UX и продуктовому дизайну. В этот раз мы были в Huge, Map Project Office, Progression Pack, Phantom, Societe Generale, Deepmind, UserZoom, Clearleft, Smart Design, Signal Noise, Trainline, Bulb. Собрал тонну полезных инсайтов для себя и команды:

ОРГАНИЗАЦИЯ ДИЗАЙН-КОМАНД И ПРОЦЕССА

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

Societe Generale
Morgane Peng и часть дизайн-команды банка показала толковый фреймворк по работе со сложными менеджерами.

Clearleft
Andy Thornton сопоставил несколько моделей дизайн-менеджмента и получил интересные пересечения. В конце он презентовал свою модель зрелости по трём уровням (Aesthetic, Empathic, Strategic) и пяти аспектам (Who, When, How, Why, Where).

HUGE
Одно из самых известных в мире дизайн-агентств имеет неплохой офис в Лондоне. 3-4 года назад в компании был жёсткий период — люди перегорали, многие ушли. Нужно было сильно меняться изнутри и студия переизобрела себя.

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

ПОЛЬЗОВАТЕЛЬСКИЕ ИССЛЕДОВАНИЯ

UserZoom
Lee Cooper и Jenna Smith представляют один из старейших и крупнейших сервисов удалённого юзабилити-тестирования в Лондоне. Они рассказали о продукте и компании в целом — помимо ожидаемых возможностей инструмента они консультируют клиентов по многим вопросам и даже могут выступать как UX-агентство.

UX В НИШЕВЫХ ОБЛАСТЯХ

Map Project Office
Компания работает на стыке физических и цифровых интерфейсов. Они участвовали в нескольких успешных запусках на Kickstarter и плотно работают с Google, Amazon, IBM и другим крупняком для поиска применений их новых технологий. Julie Arrive и Alex Hulme рассказали, как они экспериментируют и пытаются спрогнозировать, как люди могли бы это использовать.

Signal Noise
Hem Patel и Christian Thumer рассказали об истории компании и ключевых проектах. Зачастую это узкоспециализированные темы, про которые они ничего не знают. Поэтому сначала изучают сами, а потом проводят рабочую сессию с экспертом в предметной области — убедиться, что правильно поняли и ничего не упустили.

ПРОДУКТОВАЯ РАБОТА

Trainline
Jan Srutek рассказал о работе продуктовой команды. Они работают в динамичном формате, выпуская 100-300 релизов в неделю. Это маленькие команды, работающие по OKR. Есть много agile-ритуалов, включая еженедельные демо и двухтрековый подход. Разрыв между 2 треками советуют держать 2-4 недели.

ТРЕНДЫ

Phantom
Яркая дизайн-студия, которая является официальным поставщиком Google (и частично работает у них в офисе). Они плотно работают над голосовыми интерфейсами с Amazon и Google. Alice Cappo рассказала об инсайтах и особенностях работы в этой теме.

Deepmind
Google купил Deepmind в 2014 году. Поначалу они были исследовательской компанией, не делали продукты, поэтому заказывали многое на стороне (в том числе у ustwo). Сейчас компания занимается несколькими новыми проектами. Dem Gerolemou рассказал о приложении Deepmind Health Streams.

Smart Design
Nathaniel Giraitis, Ruby Steel и Omar Bakhshi рассказали о подходе компании к инклюзивному дизайну. Они улучшают экстремальный сценарий, после этого используют наработки для всех пользователей. Smart Design называет это инклюзивной инновацией, а не просто адаптацией.

Пришлось ставить канал на паузу — сначала собирал, потом переваривал инсайты. В полной версии их больше.

P.S. По доброй традиции уже известны даты курса в следующем году — 10-14 августа 2020 года. Айда 🙂

#events #reports #fla

https://jvetrau.com/fla-2019/

Курс Future London Academy 2019 по UX и продуктовому дизайну - Юрий Ветров об интерфейсах

Пятый раз езжу на курс Future London Academy и четвёртый — курирую курс по UX и продуктовому дизайну. В этот раз мы были в Huge, Map Project Office, Progression Pack,…
| Юрий Ветров об интерфейсах

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

1. UIBot: Лучший на сегодняшний момент пример для интерфейсов. Сервис применяет самые разные стили к условной консоли и даже предлагает простейшую вариативность по расположению элементов.

2. Робо-дизайнер LuBan от Alibaba помогает делать баннеры. Продавец выбирает стиль и целевые размеры, дальше генерируются все нужные варианты. Пишут, что почти вся рекламная графика на Tmall делается с его помощью. Ещё один обзор.

3. GauGAN: Ещё один пример крышесносной магии — экспериментальное решение Nvidia превращает набросок в фотографию природного ландшафта. Подробнее.

4. Components AI: Ещё один бывший сотрудник The Grid запустил экспериментальный инструмент алгоритмического дизайна. Он генерирует токены дизайн-системы. Другой его эксперимент на эту тему.

5. GANPaint Studio: Экспериментальный инструмент дизайна, который позволяет дорисовывать фотографию готовыми объектами — например, добавить дерево или облако.

6. Эксперимент от исследователей Университета Вашингтона и Facebook позволяет анимировать персонажа из обычной фотографии.

7. Эксперимент отечественных исследователей Samsung, создающий видео говорящего персонажа на основе фото или картины.

8. Второй исследовательский проект Adobe определяет обработанные фотографии. Видео-рассказ.

9. Генераторов правдоподобных лиц стало так много, что появился даже "Hot or Not" для них.

10. Экспериментальный сервис превращает фото в классический портрет. Пара слов о нём.

11. Игровая платформа Google Stadia предлагает накладывать стиль на игру в реальном времени.

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

#ai #algorithms

19-25 августа пройдёт свежий онлайн-интенсив от моих друзей из Design Line — https://clck.ru/HUdLj.

Спикеры: Сергей Гуров, Ольга Шевченко (Vintage Web Production), Майкл Джанда, Евгения Струк (Depot WPF), Дмитрий Карпов, Елена Кудаева (Red Collar), Сергей Андронов (Digital October), Александр Ковальский (CreativePeople), Владимир Белоусов (UX-студии Everest), Денис Башев (DILETTANT), Михаил Розов (PINKMAN), Ольга Сартакова (Redmadrobot), Сергей Стеблина (Студия Артемия Лебедева), Алексей Бородкин (Росбанк), Данил Снитко (PUNK YOU BRANDS).

Итого 9 лекций, 3 мастер-класса, разбор работ по вебу и брендингу. От дизайнеров из России, Украины и США, которые сотрудничали с Disney, Google, Warner Bros., Nestlé, Coca Cola, Canon и получили половину известных наград: Cannes Lions, Red Dot, Awwwards, FWA, CSS Design Awards, Рейтинг Рунета, Золотой Сайт.

Кстати, я рассказывал у них год назад о нашей дизайн-системе Paradigm (кажется, это самое большое выступление про неё). Видео наконец-то доступно — https://www.youtube.com/watch?v=R_suA3WIDjM.

Расписание и билеты — https://clck.ru/HUdLj. Промокод на скидку 20% — PDIGEST.

P.S. Я не размещаю рекламу, но иногда делаю обмен постами — в Телеграме почти нет органического роста.

https://clck.ru/HUdLj

Design Line Intensive

Design Line Intensive – онлайн-интенсив с ведущими дизайнерами России.
| intensive.dsgnline.ru

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

Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте

#digest