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

2021-08-26 11:04:06 ​Книги по дизайну интерфейсов обычно выходят в электронном виде, так что диван подпереть ими нельзя. Но можно подпереть много проблем в ваших продуктах:

1. Caroline Jarrett «Surveys That Work» о проведении опросов. Выдержка из главы №1.

2. Дмитри Карпов «Мышление как инструмент» о дизайн-мышлении и креативном мышлении в целом. Готовится к выходу, но уже есть выдержка одной из глав.

3. Alvy Ray Smith «A Biography of the Pixel» от со-основателя Pixar. Она посвящена истории графики в целом с фокусом на цифровой. Выдержка из неё об истории пикселя.

4. Михаил Рубанов из Dodo Pizza пишет книгу об accessibility на iOS. Как поддержать её на уровне проектирования интерфейса и его разработки. Она бесплатна, главы выходят постепенно.

5. Eva PenzeyMoog «Design for Safety» о создании ощущения психологической безопасности для пользователей.

6. Tom Greenwood «Sustainable Web Design» об энергоэффективных сайтах, которые жгут меньше электричества. Выдержка из главы №2.

А вот что на подходе у Rosenfeld Media:
1. Dan Mall «Living Design Systems»
2. Erica Jorgensen «Content Research for User Experience»
3. Maria Guidice и Christopher Ireland «Changemaker»
4. Alex O’Neal «Usable Color»

До конца года ещё одна подборка наберётся.

#books Открыть/Комментировать

2021-08-24 10:24:05 ​Подборки лучших интерфейсных паттернов и практик давно вырвались вперёд по частоте. Кто я такой, чтобы их останавливать:

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

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

3. NN/g: Применили интерфейсные эвристики Якоба Нильсена к профессиональным веб-интерфейсам. Она подсвечивает хорошие и плохие примеры.

4. Chris Annetts: Хороший пример пошагового улучшения формы расчёта кредита. Это простая на вид задача, но он хорошо обосновывает свои решения.

5. athenahealth: Лучшие практики интерфейсов дистанционного медицинского обслуживания. Они основаны на многолетней практике и многочисленных UX-исследованиях.

6. Peter Ramsey: Разбор интерфейса продажи NFT в сервисе OpenSea. Много детских проблем, хотя при таком ажиотаже в теме многие напрягутся, чтобы решить их.

7. Maria Meireles: Разбор игры Baba is You по интерфейсным эвристикам Нильсена.

8. Как делали редизайн интернет-банка в Альфе. Ключевые изменения в экранах и сценариях.

9. Роман Камушкен: Неплохой обзор возможных состояний аватара пользователя.

10. Baymard: Советы по грамотному описанию сути изображений в HTML для интернет-магазинов.

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

#patterns Открыть/Комментировать

2021-08-16 10:24:05 ​Алгоритмический дизайн не оправдал хайпа, так что мои мини-подборки на тему оскудели. Но за полгода койчо набрал:

1. Tricycle: Jordan Singer опубликовал серию плагинов для Figma, работающих по принципам алгоритмического дизайна. Они могут сгенерировать интерфейс по текстовому описанию, превратить набросок в макет на базе компонентов и причёсывать макеты. Анонс от автора.

2. NVIDIA Canvas: выпустили бета-версию своего инструмента, который превращает набросок в фотографию природного ландшафта. Пару лет назад они показывали сам концепт, который выглядел крышесносно.

3. Emil Wallner: Коллекция экспериментов дизайнеров и художников.

4. NY Times: Эффектная статья о сгенерированных фото людей и том, как распознать их.

5. GANcraft: Эксперимент от NVIDIA превращает миры Minecraft в реалистичные сцены.

6. DALL-E: Генерация фотографий и иллюстраций реальных (например, стул в форме авокадо) и выдуманных объектов (например, очеловеченный дайкон выгуливает собаку) по текстовому описанию на базе GPT-3.

7. Как сделать абстрактную генеративную сетку в духе проекта Pentagram для Graphcore.

8. Ai SEO и CopyAI: Сервисы автоматически генерируют осмысленные тексты с ключевыми словами на базе ruGPT3. Анонс отечественного.

9. IBM: Как повысить доверие пользователей к продуктам на базе искусственного интеллекта.

10. Pierre Buttin: Эксперимент по генерации текста и графики на основе собственных заготовок. Он написал свою автобиографию и прогнал через алгоритмический дизайн.

11. Сервис Seeing AI от Microsoft прошёл тест Роршаха и получил оценку личности от психолога.

12. Как экспериментальная платформа для алгоритмического дизайна Components AI сделала себе генеративный логотип.

13. IBM: Анализ мотивации пользователей в сервисах, исспользующих искусственный интеллект. Он подсвечивает обычное и некорректное поведение.

14. Gartner: Кривая хайпа по технологиям искусственного интеллекта на 2020 год.

Сталбыть, следующая покамест собирается — через полгода явится.

#ai #algorithms Открыть/Комментировать

2021-08-12 10:04:06 Собрал дайджест продуктового дизайна за июль 2021. ROI и тренды дизайн-систем, кликбейт в профессии, виртуальная реальность, алгоритмический дизайн, тёмные паттерны, ResearchOps, ковид и accessibility, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest Открыть/Комментировать

2021-08-09 10:24:06 ​1 сентября стартует шестой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых пяти отучились 300 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Dodo Pizza, Газпром, EPAM, Foodplex, inDriver, Kaspi, Klarna, Комитет, MacPaw, Mail.ru Group, ManyChat, Microsoft, Miro, Модульбанк, МТС, OneTwoTrip, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, Сбербанк, S7, Selectel, SEMrush, Tele2, Тинькофф, TomTom, Учи.ру, Уралхим, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.

Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента — (чистовик готов на 99%). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.

Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли.

Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)

Записаться.

#management Открыть/Комментировать

2021-08-05 10:24:06 ​Верну мини-серию мини-выпусков о дизайн-менеджменте подборкой ссылок:

1. NN/g: 4 составляющих их модели зрелости: стратегия, культура, процесс и выхлоп. Для каждой свой набор ключевых аспектов.

2. Rolf Molich: Типичный рабочий день дизайн-менеджера в зрелой компании.

3. Redgate: Карта компетенций. Это связка Google Sheets и Mural.

4. Intercom: Доработка карты компетенций. Что не работало в первой версии и как улучшили её.

5. ВКонтакте: База знаний Канон. Что есть в полной версии.

6. Контур: Внутренняя награда по дизайну. Как она помогает сплотить проф.сообщество.

7. Scott Himmer: Несколько полезных подходов к управлению изменениями в дизайне интерфейса. Он ссылается на годную публикацию International Federation for Information Processing с интересными моделями пользовательского опыта.

8. Erin Casali: Советы по грамотной формулировке критики дизайна. Она предлагает несколько формул, которые хорошо описывают проблему и достаточно корректны для команды. Как запрашивать обратную связь.

9. Sainsbury's: Необычный подход к карте лиц, принимающих решения.

А продолжу мини-серию — анонсом в понедельник.

#management Открыть/Комментировать

2021-08-04 10:04:05 ​Раз в год участвую в интенсивах Design Line — это серия лекций, воркшопов и разборов работ в онлайне. В этот раз буду рассказывать о связи бренда с интерфейсом — постепенно коплю хороший свежий материал, с которым пока особо не выступал.

В программе много других полезных рассказов от Артёма Кузнецова (Webflow), Александра Ковальского (Creative People), Сергея Гурова (Bang Bang Education), Аши Саакян (Nimax), Иры Моториной (СберМаркет), Максима Кыштымова (Chipsa), Артёма Фёдорова (Red Collar), Наташи Колесниковой (LINII), Вадима Гринича, Николая Иванова (Райффайзенбанк), Макса Авдеева, Дмитрия Карпова, Лидии Капыш (The Clients). Много крутоты, в общем — устал писать список.

Это уже на следующей неделе — с 9 по 15 августа, в онлайне по вечерам. Записаться (промо-код: PDIGEST).

P.S. Я не размещаю рекламу, но иногда делаю обмен постами — в Телеграме почти нет органического роста. Спасибо ребятам за поддержку исследования дизайн-команд. Открыть/Комментировать

2021-08-02 10:34:12 Пользовательские исследования — (не)давний краш у армии дизайнеров и менеджеров продуктов. Так что и выпуски сериала про них всё чаще и слаще:

1. Atlassian: Советы по поиску дополнительных ставок в команду ResearchOps. Как обосновать их и в каких ситуациях они вообще нужны. Это в целом хорошие советы для развития любой компетенции в компании.

2. NN/g: Ещё раз напоминают, что 5 респондентов достаточно только для качественных исследователей, когда вы хотите найти проблемы в интерфейсе. Если вы хотите ранжировать их или получить количественные метрики поведения пользователей — нужно приглашать больше людей.

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

3. Jeff Sauro и Jim Lewis: Пошаговая памятка по формулированию вопросов в опросниках.

4. Creative Navy: Быстрый способ поиска основных проблем в интерфейсе. Это комбинация из изучения отзывов пользователей, общения с поддержкой и продажами, а также коротких интервью с пользователями. Он позволяет снять верхний слой проблем и получить быструю отдачу для продукта.

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

6. Jeff Sauro и Jim Lewis: Закон Campbell — система измерений может провоцировать сотрудников компании накрутить её. Они разбирают проблему применительно к NPS.

Красивое, как говорят в мемасах.

#research Открыть/Комментировать

2021-07-29 10:24:05 ​Хотя связать бренд с интерфейсом на самом деле выходит далеко не у всех, интересные попытки появляются регулярно. Вот пачка сочностей за последние месяцы:

1. Британцы Dixon Baxi выпустили серию видео о принципах работы и процессе. Они работают на стыке классического и цифрового брендинга — например, делали видео-сервисы Hulu и Pluto, финтех Capital One, а также Audible.

2. Музыкальный сервис Beatport от шведского агентства Kruppa Hosk.

3. Clubhouse от британского агентства Collins (пока только тизер).

4. Видео-конференции Webex от неизвестных авторов.

5. CRM-сервис Reveal от британского агентства Ragged Edge.

6. Сервис доставки еды 1520 от отечественного агентства Щука.

7. Сервис документооборота Oneflow от британского агентства MultiAdaptor.

8. Финтех Beforepay от британского агентства Design Studio.

9. Spotify Dok от шведского агентства Snask.

10. ABBYY от отечественного агентства Щука.

11. Сервис для юзабилити-тестирования Maze от французского агентства Herve Studio.

12. Финтех Plenti от британского агентства Design Studio.

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

#branding Открыть/Комментировать

2021-07-26 11:04:05 ​Материалы о дизайн-системах, которые попадались в недавних дайджестах и выйдут в свежем. Вышло густо:

1. Knapsack: Крутая памятка по расчёту ROI. Хотя она и основана на других публикациях, они собрали вместе ключевые тезисы продажи инициативы на разных этапах (первые запуски, масштабирование, выделенная команда) и привели примеры расчётов. Сам сервис, кстати, является фреймворком для создания дизайн-систем.

2. Sparkbox: Свежий опрос о текущем состоянии рынка. Хороший обзор важных тем: метрики, дизайн-долг, отпочковывание систем внутри компаний. Участвовало почти 400 человек из продуктовых команд и агентств.

3. Несколько примеров:
— Semrush. Компоненты в коде показаны скриншотами со ссылкой на исходник на GitHub, есть библиотеки в Figma и общие принципы построения интерфейсов.

— Город Хельсинки.

— ПИК-Проект (есть компоненты в коде и шаблоны в Figma). Ссылки на неё нет, но есть описание в портфолио агентства Landau.

4. UXPin: Импорт компонентов в коде в инструмент дизайна. Он интегрирован со Storybook и популярными фреймворками вроде Material Design.

5. Varun Vachhar: Тестирование составных компонентов и взаимодействия пользователя с компонентами в Storybook.

6. VMWare Clarity: Крупное обновление. Как освежили визуальный язык и обновили всю платформу после этого. Вторая часть.

7. IBM: Памятка по добавлению паттернов. Набор требований в их системе Carbon.

8. Atlassian: Определение принципов. Они провели серию воркшопов командой.

9. Storybook: Плагин позволяет быстро посмотреть отступы внутри компонента, почти как в Figma.

10: Про дизайн-системы наконец-то пишет Gartner. Обзор основных тезисов от Brent Stewart и Van Baker.

11: REI: Роль менеджера продукта дизайн-системы.

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

#designsystems Открыть/Комментировать