• PwC серьезно наращивает свою дизайн-экспертизу и создает сильные дизайн-центры в основных офисах.
• Мнение Алана Купера на тему. Он, естественно, считает, что у студий будущее есть.

• Christopher Downer из Sketch.
• Антон Зыкин из SoftFacade.
• Jean-Marc Denis из Google/Sparrow. Antoine Plu собрал его в виде статьи.
• Khoi Vinh из Adobe.

В апреле этого года Jean-Marc Denis, создатель Sparrow и Inbox, перешел в команду Google Cardboard. Он рассказывает о том, почему ему интересно это новое направление и чему пришлось научиться. Помимо этого Жан-Марк предлагает безопасные зоны для физических нагрузок, аналогично комфортным зонам для смартфонов и планшетов.

Для онлайн-конференции UX-Марафон попробовал сделать дайджест в формате презентации. Собрал самые интересные новости за последние пару месяцев. Не знаю, есть ли в этом смысл и спрос, но галочку «попробовать презентацию» себе проставил :) Кстати, Сергей Андронов с прошлого года делает свой дайджест в таком формате.

Хороший обзорный материал по UX от Leban Hyde для начинающих. Определение профессии, навыки, книги, советы и т.п.

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

• Диаграмма от Julie Zhuo, помогающая дизайнеру принять решение, в какую компанию и проект лучше идти.

• Martina Schell & James O’Brien — Communicating the UX Vision.
• Jonathan Shariat — Tragic Design. The True Impact of Bad Design and How to Fix It.
• Scott Hurff — Designing Products People Love. How Great Designers Create Successful Products.
• James Kalbach — Mapping Experiences. A Guide to Creating Value through Journeys, Blueprints, and Diagrams.
• Tom Greever — Articulating Design Decisions. Communicate with Stakeholders, Keep Your Sanity, and Deliver the Best User Experience.
• Rochelle King & Elizabeth F Churchill — Designing with Data. Improving User Experience with Large Scale User Testing.
• Richard Banfield — Design Leadership. How Top Design Leaders Build and Grow Successful Organizations.
• Adam Connor, Aaron Irizarry — Discussing Design. Improving Communication and Collaboration through Critique.
• Carl Anderson — Creating a Data-Driven Organization. Practical Advice from the Trenches.
• Avi Parush — Conceptual Design for Interactive Systems. Designing for Performance and User Experience.

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

Еще один анонс от Adobe — инструмент для создания портфолио Adobe Portfolio.

• Фильм «Design Disruptors» о дизайнерах крупных продуктовых компаний от InVision. Контент-маркетинг у них, конечно, LVL 80.

• Jeremy Wilt иронизирует над понятием «UX-единорога» и предлагает посмотреть в сторону «UX-лис» и «UX-ежей».

• Сервис Daily UI грозит сделать явление «100 макетов за 100 дней» массовым. Если подписаться, он будет присылать задачи на каждый день. Это отличный способ прокачаться для начинающих, но он уже дал негативный эффект на Dribbble — он заполнился огромным потоком слабых работ без всякой цели, а ведь за это сайт зачастую и ругают.

• Николай Таланов воспроизводит многие из хитовых анимаций с Dribbble на JavaScript и CSS.

Хорошие мысли Donald Norman на тему того, должен ли дизайн использовать научные методы или это слабо прогнозируемый креативный процесс. Нужно использовать все три возможных подхода — опираться на теоретическую базу, анализировать кейсы и использовать навыки и интуицию сильных специалистов.

• Видео с презентации новых устройств на Windows 10.

• Хороший обзор нюансов создания приложений для носимых устройств для начинающих от Maximiliano Firtman. Возможности платформ, особенности интерфейсов, инструменты разработки и т.п.

• Студия Territory о работе над интерфейсами фильма «Марсианин».

• Непрошенный редизайн приборной панели Tesla от Alex Huang.

• Carl Lostritto на тему ценности рандомности в дизайне и мест, где она полезна.

Короткая, но очень емкая колонка Mikael Wiberg, в которой он предлагает переосмыслить понятие «interaction». Изначально это была работа над конкретными действиями пользователя в системе, но чем дальше, тем шире становится понятие взаимодействия с продуктом.

Шикарнейший рассказ о появлении первого автомобильного навигатора Etak в 1985 году. Компания была перепродана много раз и сейчас ее данными владеет TomTom, а наработки используются во всех современных устройствах.

• Концепт приложения нью-йоркского Центрального парка от RedMadRobot.
• Серия студенческих концептов редизайна iTunes.
• Daniel Rakhamimov рассуждает о мобильной версии Twitter Moments. Достаточно интересный ход мыслей.

Толковая серия статей инвест-фонда Bolt о работе над гаджетами на примере бокса-сборщика чаевых через кредитку.

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

Стартовал второй AMA от UX-Среды и vc.ru. На вопросы о недавно запущенном сайте Правительства Москвы отвечали Адриан Крупчанский (Notamedia, управляющий партнер), Максим Павлов (Notamedia, креативный директор), Александр Арабей (Департамент Информационных Технологий г. Москвы, руководитель проектов) и Николай Бобров (Notamedia, директор по развитию). В сфере гос.сайтов в последние годы происходит много интересной движухи и московский ДИТ тут один из самых заметных. Это новый сайт в их экосистеме и интересно, как он создавался и как будет включен во всю цепочку.

Отличный кейс Netflix, где студия Gretel предложила концепцию наслаивающихся стеков, которая пронизывает продукты, рекламные материалы и другие способы использования бренда.

Добротный кейс про недавний редизайн Asana, с помощью которого компания смогла хорошо провязать бренд с интерфейсом. Много полезных деталей для тех, кто пытается решить задачу также хорошо. Перевод. И еще одна пачка инсайтов из процесса редизайна. В том числе о том, как поэтапно выкатывать изменения на сайт — изменения произошли достаточно радикальные, но их разбили на несколько этапов. Не кейс, а золото, прям!

Сайт ReDsgn.co собирает официальные кейсы редизайна и непрошенные концепты.

• Старая ветка с кейсами.
• Непрошенные редизайны.
• Как делалось приложение Google Primer, обучающее цифровому маркетингу.
• Не целиком про интерфейс, но в целом достаточно интересно про эволюцию продукта. Рассказ о создании приложения Assembly для рисования на iPhone.
• Michaël Villar о работе над мобильной версией дашборда Stripe.
• Joshua Taylor рассказывает об ошибках приложения Penultimate в экосистеме Evernote. Рейтинг в AppStore упал до единицы и шквал негатива от пользователей был огромный.
• Перевод на русский толкового кейса работы над новым приложением Paper для iPhone. Почему FiftyThree не стали портировать широко известную iPad-версию, а переосмыслили с нуля.

• Daniel Szuc, Josephine Wong и Michael Davis-Burchat о том, как наладить взаимодействие между разными специалистами, как обучать друг друга знаниям своей профессии, фасилитировать встречи и в целом становиться более тесно работающей командой.

Отрывок из книги Martina Schell и James O’Brien «Communicating the UX Vision: 13 Anti-Patterns That Block Good Ideas», которая вышла в этом году. Это глава 16, в которой приводятся 13 техник совместной работы для использования на брейнштормах и других рабочих сессиях. Информация о книге.

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

Занятное исследование Nielsen/Norman Group про востребованность разных типов документации разными участниками команды (менеджеры, разработчики, клиенты). Победитель — интерактивный прототип.

Шикарнейший материал Nathan Curtis о том, как компания EightShapes выстроила систему оценки работы дизайнеров и взаимодействия с клиентами, которая позволяет системно улучшать микроклимат в команде и в целом качество работы.

Macadamian Technologies сделали одну из самых интересных моделей зрелости UX. И вот они развили ее в достаточно сильный фреймворк. Это общая модель, серия статей и тест, позволяющий оценить текущее состояние UX в компании. Готовлю что-то подобное на этот опросник для завершающей части своей серии, есть что подсмотреть. Кстати, эта серия статей доступна в виде общей методички в PDF. В продолжение темы:

• Шаблон описания UX-стратегии от Jim Kalbach. Развитие идей Business Model Canvas.

Шикарнейшая статья Nathan Curtis о том, как строить команду для работы над платформой. Он обсуждает три варианта: единый хранитель, централизованная команда и распределенный формат. Последний, естественно, лучше всего. Кстати, SalesForce используют его модель. Его компания EightShapes как-то выпали из моих радаров, когда роль проектных артефактов сильно уменьшилась (а они были одними из лучших в плане шаблонов и плагинов). Но тут сильнейший уровень мышления на тему. И еще один материал в ту же тему.

Олег Якубенков из GoPractice описывает модель формирования привычек у пользователя, которую предложил Nir Eyal в своей книге «Hooked: How to Build Habit-Forming Products». Это пять шагов: внешний триггер → действие → награда → инвестиция → внутренний триггер.

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

• Официальные обучающие видео.
• Реализация 3D touch в Framer.

• Webflow CMS вышла публично. У Fast Co Design небольшой обзор.

• Вышел отличный обзор сервиса на vc.ru.

• Фильтры Instagram, воссозданные с помощью CSS-фильтров и режимов наложения слоев.

• Генератор градиентов на CSS.

• Новый плагин от GreenSock для трансформации фигур в SVG друг в друга.
• Бесплатные и самые правильные карты России и мира в SVG.
• Иконки известных сервисов в SVG.
• Онлайн-конструктор сложных кривых и фигур в SVG.

Adrian James и Matt Shull рассказывают о преимуществах формата изображений WebP для оптимизации работы с графикой. Он поддерживается только в современных браузерах, зато дает серьезнуют экономию. Другие материалы по оптимизации работы с графикой на сайтах:

• Формат BPG на замену GIF.
• Комикс про стандартизацию.

• Библиотека CSS-анимации Motion UI от ZURB. Простое и наглядное демо тут же на сайте.
• Компания Eight Day Designs рассказывает об основах спрайтовой анимации средствами CSS и JavaScript.

• Крутой эксперимент с нестандартными сетками — Chen Hui Jing сделал сетку на основе ромбов.

See the Pen Diamond grid with Sass (Transform) by Chen Hui Jing (@huijing) on CodePen.

• Bootstrap Studio, онлайн-инструмент для прототипирования сайтов в браузере.

Из беты вышел инструмент для создания интерактивных прототипов и трансляции их в код для Android и iOS — на появление беты ушел почти год. В отличии от большинства недавно появившихся инструментов Fuse Tools изначально ориентирован на тесную связку дизайнер-программист. Интерактивный прототип, который вы делаете с помощью инструмента является по сути хорошо написанным приложением на нативном для платформы кодом.

• Библиотека Popmotion, реализующая физическую модель анимации.
• Скрипт фотогалереи с разными вариациями анимации открытия большой версии картинки.
• Пара интересных экспериментов с pull-to-refresh, используемым для того чтобы поделиться страницей. Похоже на то, как это работает в мобильном Chrome.
• Скрипт для анимированной навигации между списком публикаций и статьей.
• Крутые примеры анимированной загрузки первого слайда промо-сайтов и лонг-ридов.

• Adobe Faces, еще один инструмент с конференции MAX 2015. Планшетное приложение для работы с параметрическими шрифтами — на базе основного рисунка букв можно делать любые их вариации по куче параметров. Легкая выгрузка в шрифт, SVG или картинку.
• Крутой справочник Marcin Wichary из Medium на тему разных видов пробелов в CSS и HTML.
• Скрипт Robin Rendle, который меняет цвет текста в зависимости от фона под ним.
• И еще одна статья от Marcin Wichary, в которой он попытался использовать CSS-свойство «system» для подстановки стандартного системного шрифта, а в результате напоролся на старый одноименный шрифт в Windows.
• Занятное мнение Digiday о том, что оптимизация производительности сайтов приведет к выдавливанию шрифтов с засечками — мол, их шрифтовые файлы более объемистые.

Bobby Grace из Trello о том, как компания систематизировала работу с пиктограммами в интерфейсе. Они опубликовали технологическое решение на GitHub.

Интерфейсный дизайнер Kevin Lynagh и промышленный Ryan Lucas делают новый инструмент для дизайнеров BoxBox. Потрогать пока нечего, но на сайте много толковых статей на тему со скринкастами работы продукта.

• CSS-фреймворк Corpus.
• Очень хорошо расписаны плюсы компонентного подхода для тех, кто еще не оценил его.
• Справка Sebastian Metzger о Polymer Project для начинающих.
• Алексей Иванов описывает плюсы и минусы использования Bootstrap в более-менее серьезной продуктовой работе. В основном одни минусы.

• Naira Musallam, Nis Frome, Michael Williams и Tim Lawton говорят, что нужно вдумчиво выбирать доверительный интервал при проведении исследований. Интерфейсы, как правило, имеют гораздо меньшую степень риска, чем сложные производственные системы, поэтому и доверительный интервал для них может быть меньше. При этом слишком жесткие условия отбраковывания данных могут поставить крест на сильных идеях.

Linnea Smolentzov о том, как использовать соц.сети для пользовательских исследований на примере связки Facebook и Skype.

• Ксения Стернина о UX-лаборатории Mail.Ru Group. Кстати, недавнее исследование физических ограничений пользователей при работе с планшетом вышло в виде статьи.

David Travis предлагает сценарий для пользовательского интервью, позволяющего оценить потребности пользователей.

Надстройка SketchMyApp для Photoshop, позволяющая создавать интерактивные прототипы в нем. Командная работа, предпросмотр на устройстве и все такое.

Еще один генератор имен пользователей для использования в интерфейсах.

• Флаги 177 стран в @1, @2 и @3 от Marcus Gellermark.
• Флаги 142 стран в @1 и @2 от Yoga Perdana.

Nathan Curtis о том, как собрать единый прототип продукта, если над его разными частями работают отдельные команды. Он приводит в пример сотрудничество с Marriott International, где решалась такая задача.

Приложение для проектирования и дизайна на iPad. Пока только первый набор функций, обещают десктопный клиент для Mac и прототипирование.

Quill, инструмент для совместной работы над wireframes. Интеграции с другими сервисами, версионность. Все очень базово, но до кучи пригодится.

Инструментов для мобильного прототипирования много не бывает — Floid, свежак. Анонсирован импорт из Photoshop и Sketch, куча шаблонов для разных устройств и предпросмотр на них, экспорт в GIF и HTML. Достаточно крутой сайт с кучей примеров реализации. Стоит $69. Уже запущено приложение для Mac, скоро будет и для Windows.

Axure наконец-то проснулись и решили ответить контент-маркетологам InVision. Они также запустили серию интервью с дизайнерами, использующими продукт.

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