Традиционный дайджест директора по дизайну Mail.Ru Group.1. MWC 2019 и гибкие экраныВ Барселоне проходит традиционная выставка Mobile World Congress по теме достижений мобильных технологий и прочей бытовой техники на пару с просто модными устройствами. Здесь больше фокуса, чем на CES, хотя меньше уморительной дичи. Естественно, главная тема года — гибкие экраны. Их, на удивление, меньше сотни.2. How to Respond to Skepticism of Testing Small Groups of UsersКэтрин Вайтентон даёт советы для тех, кто только начинает внедрять юзабилити-тестирование в компании и встречает первичное отрицание со стандартными вопросами: «Это слишком маленькая выборка», «Это какие-то неправильные пользователи». 3. A comprehensive (and honest) list of UX clichésФабрисио Теиксейра собрал набор фраз-клише, которые часто используют при обсуждении интерфейсов. Отличный материал для карточки булшит-бинго.4. Mental Models for Intelligent AssistantsРалука Будиу описывает ментальные модели голосовых помощников, которые есть в голове у пользователей, — интерфейс, помощник и база знаний. Консалтинговая фирма провела серию пользовательских исследований, где выявила их и изучила в деталях.5. Top 10 Application-Design MistakesСвежая версия классической подборки ошибок в интерфейсах от Якоба Нильсена и Пейджа Лабхеймера.6. ROI дизайн-системКогда говорят о внедрении дизайн-систем, как правило, используют стандартный набор выхлопа для бизнеса:повысить скорость сборки макетов и продуктов;повысить качество продуктов;получить кумулятивный эффект от удачных продуктовых решений;упростить взаимодействие с другими командами;перейти от крупных редизайнов раз в несколько лет к постоянному поддержанию актуальности интерфейса.Некоторые пробуют посчитать эти умозрительные выгоды в понятных метриках, чтобы просить дополнительные ресурсы на внедрение с цифрами в руках.7. Web Page Footers 101 ― Design Patterns and When to Use EachТереза Фессенден из Nielsen Norman Group собрала памятку по проектированию подвалов на сайтах. Типовые элементы и польза в целом.8. Новые инструменты дизайна интерфейсовUserBit. Интересный комбинированный онлайн-сервис для анализа пользователей и концептуального проектирования. Позволяет вести заметки с пользовательских исследований и записывать инсайты, описывать персонажей, делать карты сайтаScreenSpace. Онлайн-сервис (уже второй) позволяет вставить в макет устройство и на лету повернуть его в 3D нужным образомAdobe XD. Январское и февральское обновления. Развитие прототипирования голосовых интерфейсов, улучшение импорта из Photoshop и Illustrator, экспорт в After Effects, рост количества плагинов, доработки по ключевым функциямFigma. Получили ещё $40 млн инвестиций — суммарно в них вложили уже $82,9 млн. В ожидании новых рывков почитайте книгу Саши Окунева, посмотрите бесплатные шаблоны или заранее подобранные шрифтовые комбинации.Sketch. Плагины: динамичные стрелки для карт сайтов и переходов; BillUI — плагин генерирует вариации интерфейса с помощью алгоритмического дизайна, можно выбрать параметры для экспериментов (цвет, радиус скругления, граница, тень) и получить быстрые наброски; Anima 3.0 — собрал все свои плагины воедино с возможностью делать достаточно мощные интерактивные прототипы с вводом данных и микро-анимациями; This Person Doesn’t Exist генерирует правдоподобные лица несуществующих людей с помощью алгоритмического дизайна. Отдельный сайт с этими же фото.Window. Приложение для Android помогает проверить точность сборки экранов. Работает, как Zeplin, показывая параметры элементов интерфейса. Анонс.Mockplus iDoc. Ещё один инструмент для передачи макетов разработчикам.wiARframe. Сервис для прототипирования в дополненной реальности. Работает в браузере, есть предпросмотр на телефонах и планшетах.Screen Guru. Простой сервис для создания скриншотов сайтов — даёте ему ссылку, он на выходе — картинку в окне браузераImage Resizer. Онлайн-сервис готовит версию любого изображения в 50 форматах для соцсетей и других типовых задач.Mixed. Ещё один инструмент для совместной работы на «маркерной доске» в браузере в духе RealtimeBoard.Joe Schmoe. Коллекция иллюстраций-аватаров пользователей для макетов.Stubborn Illustrations. Ещё одна библиотека иллюстраций с возможностью сборки конкретного сюжета для конкретной задачи. Судя по всему, в 2019 году их число дойдёт до сотни — такая модель распространения гораздо лучше стандартных стоков.Tilda. Выпустила учебник по анимации, помогающий собирать более интересные проекты в инструменте.InVision Studio. Купила сервис для версионирования макетов Trunk для интеграции в инструмент. Читайте также учебник по работе с инструментом.AfterEffects. Джонас Наимарк из Google выложил шаблон, облегчающий работу с анимацией в Material Design. 9. UX Retrospectives 101Памятка по проведению регулярных сессий дизайн-критики или ретроспектив от Рейчел Краус из Nielsen Norman Group. И ещё одна от Атул Хана — процесс, правила хорошего тона и другие нюансы.10. How To Architect A Complex Web TableСлава Шестопалов достаточно подробно описал паттерны сложных таблиц с возможностью редактирования. Учтена масса нюансов по взаимодействию с ними.11. The Jobs to be Done Data ModelАлан Клемент предлагает свою модель Jobs to Be Done, которая очень здорово и подробно описывает предпосылки возникновения «работы», процесс выбора и «найма» продукта. Наикрутейший и ультраполезнейший чек-лист ситуаций, опирающийся на десяток существовавших до этого других моделей.12. Guidelines for Human-AI Interaction (PDF)Группа исследователей Microsoft собрала гайдлайны по дизайну продуктов, использующих технологии искусственного интеллекта. Получилось 18 эвристик, которые достаточно удобно использовать в работе.13. Driving Product Teams To Become More Design MatureНеплохая модель зрелости от Джареда Спул. Во-первых, он разделяет зрелость компании в целом и составляющих её дизайн-команд. Во-вторых, конечной точкой «взросления» команды является момент, когда базовые навыки дизайна есть у всех сотрудников.14. How A Screen Reader User Accesses The Web — A Smashing VideoВебинар Брюса Лоусона со слепой Леони Уотсон, где они наглядно показывают процесс использования приложения для чтения с экрана, а также проблемы сайтов в поддержке пользователей с ограниченными возможностями. 15. Is UX Certification worth it?Отличный разбор плюсов и минусов сертификации для самих дизайнеров. Девид Трэвис и Анна-Грет Хиггинс провели опрос 249 специалистов и составили список прикладных применений полученных навыков.16. Status Trackers and Progress Updates ― 16 Design GuidelinesМария Росала из Nielsen Norman Group собрала памятку по дизайну интерфейса отслеживания статуса заказа. Она рассматривает два формата — отдельный экран со статусом и письма или уведомления по ходу обновления статуса.17. Measuring the ROI of UX in an Enterprise Organization, part 2Продолжение мощнейшего примера стратегического мышления при обновлении продукта для корпоративных пользователей от Бурку Бакиоглу, Бена Басилана, ДжонДелину Бакли из ADP Innovation Center. Во второй части они разбирают цепочку взаимосвязи метрик.18. Эталонный сервис: рестораныСтанислав Хрусталёв продолжает серию шикарных публикаций о Customer Journey Map подробнейшим разбором клиентского опыта посетителя ресторана.19. Ways to make your design process data-informedКаран Гупта из Dropbox описывает подход к работе с данными аналитики, пользовательских исследований и поддержки, которые дизайнеры используют в своей работе.20. Frontiers of DesignДокументальный фильм о дизайне с участием известных людей из профессии вроде Джули Зуо, Наташи Джен, а также креативных и дизайн-директоров Google, Weiden+Kennedy, Headspace, Ericsson, Lyft, Sonos, Volvo, IKEA и других компаний.Читайте полную версию дайджеста в моём блоге. В нём, как обычно, много новых материалов по дизайну, дизайн-системам, инструментам дизайна, свежих скриптов и прочего. За свежими ссылками также можно следить в группе на Facebook, сообществе во «ВКонтакте» или каналеTelegram — спасибо всем, кто помогает наполнять её. Вы также можете получать свежие обзоры по почте.
Спасибо за хороший материал
Спасибо за попытку общего структурирования. Полезный материал.
Спасибо!