Собрал дайджест продуктового дизайна за май 2021. Android 12, тексты в интерфейсах, тестирование дизайн-систем, шпаргалка по опросам, CSS container queries, развитие дизайнеров, сессии дизайн-критики, глоссарий профессиональных терминов, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Небольшая оперативная добавка к недавней подборке лучших интерфейсных паттернов и практик:

1. Rian Rietveld: Как правильно оформлять ссылки на сайтах. Так, чтобы с ними было комфортно взаимодействовать как обычным пользователям, так и людям с ограниченными возможностями.

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

3. Philip C Davis: Комбинация командной строки и подсказок в современных интерфейсах. Они дают возможность как быстро набрать команду, так и выбрать вариант из списка.

4. Peter Ramsey: Интерфейс взаимодействия с поисковыми маячками Apple AirTags.

5. Baymard: Расположение кнопки поиска в интернет-магазинах.

6. Виталий Дуленко: Разбор интерфейса того самого OnlyFans.

#patterns

​Apple показали iOS15. Это итеративное улучшение на базе текущего дизайна — фокус скорее на возможностях ключевых приложений. Что можно подсмотреть в интерфейсе для своих задач:

— Переработанная панель навигации в Safari — это плавающая панель с адресом сайта и списком вкладок вместо стандартного tab bar. В браузере также появились расширения.

— В уведомлениях показывается фото контакта, а не просто иконка приложения. Они также собираются в мини-дайджест (например, утром).

— Новый вид стопок фото в мессенджере. А также индикатор фото, ссылок, музыки и другого контента, которым поделились в мессенджере.

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

— В приложении Здоровье появился необычный список контактов с интересным представлением аватаров (градиентный фон под ними).

— Фокусный режим, который выключает часть уведомлений и показывает статус в мессенджере.

— Новый вид карт, включая навигацию в 3D и дополненной реальности.

— Развёрнутые детальные результаты поиска.

— Редизайн приложения Погода. Добавились декоративные карточки.

iPadOS

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

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

— При подключении клавиатуры приложение показывает горячие клавиши.

— Виджеты добрались и до планшета. Как и автокаталог приложений.

— Песочница для создания приложений на Swift.

Что нового в MacOS Monterey.

Что нового в watchOS8.

Интерфейс развивается органично, так что пока обошлось без революций. Бета-версия должна появиться в июле, а финальная станет доступна на осенней презентации.

#ios #trends #events

​В реально коротком выпуске о дизайн-менеджменте 40% статей посвящено моделям зрелости дизайна. Молния интереса дважды ударила в одно дерево тегов:

1. Rolf Molich: Модель зрелости дизайна на примере выдуманной компании и её пути взросления. Во второй части он показывает пошаговый путь формулирования и внедрения дизайн-стратегии.

2. NN/g: Обновлённая модели зрелости дизайна Якоба Нильсена. Они сократили её с 8 до 6 этапов. К статье прилагается опросник для оценки своей компании.

3. Airbnb: Архетипы креативных лидеров, которые сложились в компании. Это не обязательно управление людьми — можно быть просто хорошим экспертом в своей области.

4. NN/g: Типичные проблемы при проведении сессий дизайн-критики. Нереалистичные сценарии использования, плохая обратная связь и вопросы не в тему.

5. Shopify: Как дизайнеры вовлекают коллег из других профессий в работу над задачами. Формат парных и групповых сессий.

Наконец-то лёгкий для чтения выпуск :)

#management

​Летом и под новый год поток ссылок подсыхает, так что некоторые выпуски будут поджарыми. Как, например, этот про паттерны и лучшие практики:

1. Bramha Dalvi: Крутейший разбор подходов к обучению пользователя основным механикам в играх. Разные подходы на реальных примерах.

2. Elise Livingston: Как описывать поведение интерфейса для учёта требований accessibility. Получается наглядная спецификация для разработчиков.

3. Sainsbury’s: Советы по улучшению интерфейсных текстов от дизайн-команды британской сети магазинов.

4. Growth.Design: Процесс встречи нового пользователя в защищённом браузере Brave.

Зато одна годнота.

#patterns

​24 июня Microsoft показали Windows 11 (видео). Это крупный редизайн, который работает на принципах дизайн-системы Fluent UI. Долгое время её можно было встретить скорее в их легендарных эффектных видео-презентациях, но не реальных интерфейсах. Зимой этот разрыв пропадёт.

Поскольку вы вряд ли делаете приложения для Windows, традиционный разбор по деталям вряд ли имеет смысл. Нет, доля операционки в мире огромная (в районе 75% по разным данным). Но модель универсальных приложений радикально менее востребована, чем у Android и iOS. А гайдлайны важно знать в первую очередь для них. Но из общеобразовательного интереса это полезно.

Дизайнеры Microsoft рассказали об идеологии и изменениях. Из заметных визуальных обновлений:
— Полупрозрачность у окон (материал «акрил» из Fluent Design);
— Заметные скругления у элементов;
— Мягкие тени;
— Новые цветные пиктограммы вместо минималистичных;
— Переосмысленная тёмная тема (изначально она появилась в Metro Design ещё в 2010 году, раньше всех на рынке);
— Вариативный шрифт Segoe UI.

Сравнение конкретных решений с Windows 10.

Куски всего этого можно было увидеть и раньше в экспериментальной Windows X для устройств с двумя экранами, переосмысленных иконках приложений и других регулярных тизерах Microsoft Design. А лента виджетов и вовсе приехала в основную Windows 10 в новом виде месяц-два назад.

Само собой, перепроектированы ключевые экраны и приложения:
— Панель задач и меню пуск;
— Поиск;
— Проводник (он отказывается от меню Ribbon UI, хотя в MS Office этот интерфейс останется);
— Настройки;
— Магазин приложений.

Неплохой обзор со скриншотами.

В Windows можно будет запускать приложения для Android (через магазин Amazon AppStore). Интересно будет посмотреть на востребованность.

Этим обновлением Microsoft прощается с Metro Design, который всё ещё является основой Windows 10. Идеология была революцией на рынке — в эпоху убогой скеоморфичной цыганщины ребята показали, как должен выглядеть современный цифровой дизайн. К сожалению, историю часто перевирают, так что поверхностное мнение приписывает «плоский дизайн» Apple, которые пришли на эту вечеринку последними.

В долгорочном использовании Metro Design оказался сильно ограничивающим (хотя экосистема приложений на нём не взлетела не поэтому). Но его роль в истории дизайна интерфейсов — наоборот, сильно поменяла отрасль. Посмотрим, что получится у Fluent Design. Как минимум видео-презентации новых приложений каждая вторая компания делает по канону Microsoft.

#windows #trends #events

​Июньский дайджест где-то рядом, а пока — материалы по пользовательским исследованиям из него:

1. User Interviews: Свежая карта инструментов. Они также добавили вариант в таблице, где проще посмотреть список.

2. Camilla Bay Brix Nielsen, Jaap Daalhuizen и Philip Cash: Фреймворк Behavioural Design Space для изменения поведения пользователей. Они проанализировали многие известные теории и концепции на тему и предложили самый цельный подход.

3. Jeff Sauro и Jim Lewis: Структура вопроса в опроснике. Как грамотно сформулировать каждую часть.

4. Константин Ефимов: Анализ популярной книги Роба Фитцпатрика «Спроси маму», помогающей проводить глубинные интервью. Что в ней работает, а к чему отнестись критически.

5. NN/g: Объясняют простым языком, что такое доверительный интервал, предельная ошибка выборки и доверительная вероятность в статистике. Без этого невозможно правильно интерпретировать результаты исследований.

6. Atlassian: Confluence для проведения дневникового исследования. Это сработало, поскольку у клиентов уже был доступ к нему.

7. Facebook: Как лучше рассказать о разведочных пользовательских исследованиях, где не всегда понятна их сиюминутная применимость.

#research

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

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

1. UX и продуктовый дизайн (Mail.ru Group, Авито, Dostavista, Revolut, ANNA)

2. UX-исследования (Яндекс Маркет, Gain.co, Skyeng)

3. Идеальный опыт клиента (Анны Булдакова из Facebook)

4. Minimum Lovable Product для незнакомого рынка (Александр Губочкин из Revolut)

Что-то доступно бесплатно, что-то по подписке. Но есть 7-дневный пробный период, с которым доступно вообще всё. Анонсы свежих материалов выходят в Телеграме @epicgrowth.

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

Собрал дайджест продуктового дизайна за июнь 2021. Windows 11, iOS 15, зрелость дизайна, объяснения для новичков в играх, генеративные фото, переосмысление адаптивного дизайна, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​На прошлой неделе вышел июньский дайджест. Вот несколько годных ссылок оттуда, которые не попадали в мини-подборки:

1. Интервью с Will Littlejohn, главой звукового дизайна в Facebook. Как и над какими проектами они работают.

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

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

4. Dan Ramsden описывает модель поиска наиболее оптимальных следующих действий, которая используется в BBC. Она, в свою очередь, базируется на их модели поиска информации.

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

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

​Нельзя выпускать мини-подборки про лучшие интерфейсные практики и паттерны — они быстро переполняют любой стек. Ну, понеслась:

1. Коллекция примеров тёмных паттернов в играх. Они разбиты по типам грехов. Анонс-обзор.

2. Виталий Фридман: Проблемы в интерфейсе фильтров в интернет-магазинах. Типичные проблемы и чеклист годного решения.

3. NN/g: Анализ интерфейса шлема виртуальной реальности Oculus Quest по 10 классическим эвристикам юзабилити Нильсена.

4. Markswebb: Своя классификация проблем в интерфейсах. Они приводят примеры для каждой из них. Они также изучили чат-ботов в банках и других популярных отечественных приложениях. Обзор с описанием ключевых проблем.

5. Jasmine Bilham: Анализ геймификации в приложении Duolingo. Она органично вписывается в суть обучения и не выглядит притянутой за уши.

6. Erik D. Kennedy: Советы по дизайну хорошей формы авторизации.

7. Milan Maheshwari: Эксперименты сервиса доставки еды Swiggy по повышению чаевых для курьеров.

8. Peter Ramsey: Разбор интерфейса YouTube Shorts, клона TikTok. Клон получился плохим.

И традиционные разборы от Baymard Institute:
— Анализ ситуации с поддержкой accessibility в крупных интернет-магазинах. В целом ситуация печальная.

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

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

Такими темпами завтра, похоже, начну собирать черновик нового мини-выпуска.

#patterns

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

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

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

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

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

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

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

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

​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. ROI и тренды дизайн-систем, кликбейт в профессии, виртуальная реальность, алгоритмический дизайн, тёмные паттерны, ResearchOps, ковид и accessibility, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

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

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

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

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

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

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