Видео с конференции Service Experience 2015, прошедшей 13-14 ноября в Сан-Франциско (США).

Видео с конференции MX 2015, прошедшей 20-21 апреля в Сан-Франциско (США).

Отчет о втором дне конференции UXSTRAT 2014, которая прошла 7-9 сентября в Boulder, Colorado (США).

• Сайт DesignerNews продан компании MetaLab, которая обещает развивать его и не обвешивать рекламой. Теперь он работает по адресу www.designernews.co.

• McKinsey купила компанию Lunar Design.
• Peter Merholz по поводу покупки Lunar McKinsey пишет о том, что сейчас происходит разделение рынка дизайн услуг. Крупные компании-консультанты Deloitte, Accenture, McKinsey — пытаются перехватить рынок стратегического дизайн-консультирования, с этим и связаны многие из недавних приобретений. Традиционные дизайн агентства вытесняются с уровня стратегии и уровень реализации «больших идей», заданных консультантами.
• Быстрое дополнение от Peter Merholz. Возможно, покупка Lunar связана с успехом Frog на их миллиардном проекте с Disney Magic Band. MicKinsey тоже захотелось застолбить место на рынке дизайн-стратегии.
• Wired о покупке McKinsey Lunar.

На прошлой неделе произошло важное для всей профессии событие — Jony Ive получил позицию Chief Design Officer в Apple. На C-уровне дизайнеры оказываются нечасто, да еще и в такой знаковой компании. Robert Brunner, который в свое время нанял Айва, дает комментарий о том, почему это важно для всей отрасли. Для справки можно посмотреть полную иерархию корпоративных должностей, условно принятых в тех же Штатах.

Общая согласованность интерфейса, «основы имба-дизайна» и свежие кейсы про все это от Amazon, Adobe, Reddit и Jawbone.

Еще одна книга UXPin, об использовании свободного пространства в дизайне.

Еще коллекция ресурсов и материалов для тех, кто делает сайты и сервисы

Забавный взгляд на историю веб-дизайна, где Mike Sall пытается сравнить ее вехи с общей историей искусства. Спорно местами, но точка зрения интересная.

• Улучшения и итерации.

Kate Rutter проводит в Сан-Франциско ежемесячные митапы по Sketchnotes. Это презентация с одного из недавних.

• Mike Rohde считается изобретателем Sketchnotes. Слайды с его воркшопа на конференции DSGNDAY 2014.
• Karin Bosch о создании эскизов на iPad.
• Не в чистую sketchnotes, но часть да. Записные книжки дизайн-команды Optimizely. Интересно, как подходы отличаются от роли.

• Пятая часть сериии Eli Schiff о маргинализации UX.
• Ivana McConnell предлагает посмотреть на проблему взаимодействия между дизайнерами и разработчиками с другой стороны. Одно из самых популярных сейчас решений — это развитие сопутствующих навыков, когда дизайнер учится верстать, а разработчик — разбираться в дизайне. Но можно ведь и просто наладить более тесное взаимодействие.
• Melissa Mandelbaum о важных качествах продуктового дизайнера.

Adam Audette рассказывает об эксперименте с поисковым роботом Google. SEO-специалисты говорят, что нельзя использовать на странице скрытый контент, который активируется с помощью JavaScript — поисковики не индексируют его. Но по факту оказалось, что многие востребованные ситуации вполне себе отрабатывают. SEO часто ограничивает дизайнеров в этом плане, но, возможно, что скоро это закончится.

Paul Adams из Intercom предсказывает закат подхода Mobile First. Проектировать нужно для системы экранов и исходить от задачи пользователя, некоторые задачи более естественно решать на мобильном устройстве, а другие — на большом экране. Нет общего подхода, который работает для всех.

• Territory Studio поделилась скринами интерфейсов из AVENGERS: Age of Ultron.
• Интервью со студией Territory, работавшей над интерфейсами в Avengers 2.
• Интересная нарезка из старых и более современных фильмов, показывающих штампы взаимодействия с технологиями. Необходимость постучать, взлом компьютерных систем, мейнфреймы и т.п.
• Интервью с John Underkoffler, дизайнером интерфейсов Minority Report.

• Ravi Sawhney о том, что гораздо больше пользы принесут «senseables», интегрированные в окружающую среду, чем текущее понимание носимых устройств. Речь о том же интернете вещей, который в этом концепте собирает фитнес-информацию.
• Designing for the Internet of Things — бесплатная книга от O´Reilly на 270 страниц. Включает избранные главы из пяти книг издательства про интернет вещей.

• Лаборатория Google ATAP представила на Google I/O 2015 инициативу Project Jacquard по работе с носимой электроникой — он назван в честь легендарного промышленного ткацкого станка, одного из символов технологической революции. Его также курирует Иван Пупырев.

• Project Soli, еще один экспериментальный проект лаборатории Google ATAP, представленный на Google I/O 2015. Добавляет к умным часам и браслетам возможность управления жестами без контакта с устройством. Его курирует Иван Пупырев. Забавно, что недавно был анонсирован схожий по духу независимый гаджет Aria в виде прищепки к Pebble и Android Wear.

• На конференции Google I/O 2015 помимо новой версии Cardboard было выпущено приложение Cardboard Design Lab, наглядно показывающее основные принципы дизайна для виртуальной реальности.
• Оказалось, что для Cardboard Design Lab Google снова привлек ustwo. В блоге студия рассказывает о принципах дизайна для виртуальной реальности, заложенных в приложение. Учитывая насколько они жгут, один из главных кандидатов на покупку большой компанией :)

• Benjie Moss об использовании генеративных паттернов и других сложных визуальных структур в современном вебе, созданных с помощью веб-стандартов.
• Прогноз интернет-трендов на 2015 от KPCB.

Jeff Sauro приводит подборку фактов о пользователях мобильных и планшетов. Это цифры статистических и пользовательских исследований, касающихся общих моментов использования и работы с конкретными сервисами.

Jeneanne Rae из Design Management Institute рассказывает об индексе рыночной стоимости Design Value Index (DVI) для компаний, которые активно вкладываются в дизайн. Он, правда, работает только для крупных и давно существующих компаний и имеет массу оговорок, но в любом случае интересен. Перевод на русский язык.

• Любительское Android-приложение Kickstarter.

• Рассказ о редизайне австралийского государственного сайта Business Victoria.
• О недавнем редизайне Netflix.

• О работе Blizzard над интерфейсом Heartstone.

• Как The Guardian переработал подход к работе с горячими новостями. Статья рассказывает о формате представления и уведомлениях, а также показывает историю вопроса.

Свежая презентация Stephen P. Anderson о разнице между требованиями к продукту и experience, а также ключевых составляющих достижения второго компонента — культура, процессы и ценности.

Статья Scott Sehlhorst о пяти линзах продуктовой стратегии, которые помогают формировать конкретные планы. Потребительские и отраслевые тренды, конкурентная среда, финансовое здоровье продукта, технологическая среда, операционная эффективность.

• Советы по проведению критики дизайна от Neal O’Grady из Webflow.

Paul Hershey хорошо описал стандартный процесс проектирования и дизайна интерфейсов в современных реалиях переноса все большей части работ в браузер. Описание некоторых этапов, конечно, можно расширить, но общий обзор хороший.

Отрывок из новой книги Lisa Welchman «Managing Chaos», которая вышла в этом году в Rosenfeld Media. Это глава 7, посвященная выстраиванию процессного дизайн-фреймворка.

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

Технологическое решение, которое улучшает коллаборацию UI-дизайнеров и front-end-разработчиков в удаленных проектах. Сервис позволяет автоматически создавать гайдлайны и сравнивать начальный дизайн с имплементацией разработчика. В конце июля выходит beta-версия. Авторы открыты для общения с теми, кому знакомы проблемы траты времени на ручное создание гайдлайнов и мутную проверку имплементации «на глаз».

Jim Ross описывает процесс сбора информации у клиента и заинтересованных лиц. Зачем нужно такое исследование, как строятся его этапы, как лучше провести рабочие сессии и что должно стать результатом всего этого.

• Как работает дизайн-команда Netflix.
• Как устроена команда Vox Media. У них два типа команд — встроенные, которые занимаются самим продуктом и инструментальные, которые делают общие для всей компании решения.
• Chris Poteet пишет о важности обучения и развития клиентов для того, чтобы работа с ними была более комфортной, а результат не погряз в компромиссах.

Сервис Better Error Pages для быстрого создания страниц ошибок. После этого их нужно будет загрузить к себе на сервер.

Aaron Ladage запустил небольшую тестовую утилиту для проверки всех разных типов полей ввода в разных браузерах в большом и мобильном вебе. На Smashing Magazine вышла статья с разбором основных находок. В этой ветке будут собираться особенности работы веб-форм в разных браузерах.

Joel Califa о том, что пора наконец-то вспомнить про один из ключевых CSS-атрибутов :visited для ссылок и снова отмечать уже посещенные. Он предлагает несколько решений для дешевого внедрения в условиях того, что многие разработчики обнуляют стандартный CSS в своем коде.

• Пошаговый рассказ о создании анимации а-ля Yelp.

• Как воссоздать анимированный логотип Buffer с помощью SVG.

• Книга Landon Schropp о работе с flexbox с хорошо разжеванными примерами. На сайте можно подписаться на бесплатную рассылку с материалами оттуда, где в наглядном виде рассказывается об основах подхода. Одна из статей-выдержек.

• Heydon Pickering об использовании живых регионов ARIA для вывода уведомлений в вебе.
• Мощное выпадающее меню.
• Интересные графические эффекты для ховеров.
• Скрипт, позволяющий трансформировать элементы верстки друг в друга.
• Забавная экспериментальная пузырьковая навигация, чем-то похожая на экран запуска приложений в Apple Watch.
• Will Boyd предлагает крутое решение для интерфейсов, в которые используют уменьшенные версии страниц для ссылок на них. Это JS/CSS-скрипты, которые позволяют уменьшить любой экран до состояния тамбнейла.
• Эффект искажения картинки.

• Памятка по тому, как использовать кривые смягчения в анимации.

• Karen Menezes о возможности обрезки объектов по маске средствами CSS.

• Sara Soueidan о CSS-фильтрах и режимах наложения слоев.
• Dirk Weber рассказывает о возможностях SVG-фильтров и дает пример создания одного из них.

• Mat Marquis об особенностях использования CSS-свойства «text-rendering», которое улучшает представление текста (в том числе разрешает использование лигатур), но замедляет производительность браузера.
• Marko Dugonjić рассказывает о создании промо-сайта для шрифтов студии Font Bureau, в котором на всю мощь используются возможности адаптивной веб-типографики.

• Инструкция по работе со связкой Bourbon + Neat + Bitters.

• Brad Frost о том, как начать работу над библиотекой паттернов. Он описывает рабочую сессию для всей команды по изучению и структурированию текущих наработок, которая станет основой для будущей дизайн-системы.

Колонка UXMatters, в которой группа экспертов отвечает на вопрос «Что делать, если в ходе исследования пользователь не заметил важный элемент интерфейса».

• Jeff Sauro о позитивной стороне методики, когда она полезна и применима.

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

• Google Play скоро позволит проводить A/B-тестирование Android-приложений из коробки.

Jeff Sauro описывает три наиболее востребованных способа комбинирования методов качественных и количественных исследований.

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

Jeff Sauro приводит размеры выборки респондентов для разных типов исследований. Очень полезный справочник.

В прошлую среду OptimalWorkshop выпустили очень полезный инструмент для хранения результатов ваших пользовательских исследований и поиска по ним. Они пытаются решить реальную проблему — часто результаты тестирований хранятся в разрозненных документах, в разных местах, и информация внутри них никак семантически не связана. Здесь же, все в одном месте, помечено тегами и связано. Сейчас инструмент довольно простой, но думаю, через год-другой ребята сделают нормальный трекер юзабилити-проблем и решений.

• Появилась возможность просматривать прототипы на Apple Watch.

• Patrick Keenan из Google о том, как работать с Material Design в Sketch.

DesignModo запустили магазин шаблонов для дизайнеров.

Wenting Zhang пишет о том, что некоторые иконки обозначают существительные, а некоторые — глаголы, и важно не совмещать их. Он также развивает тему единого языка иконок, ведь они не случайно используют шрифты, а первые системы письменности использовали иероглифы, т.е. тоже иконки.

Anthony T напоминает, что wireframes должны быть черно-белыми, без применения эффектной для подачи стилистики, как все чаще можно видеть на том же Dribbble. Их задача — передать структуру и логику работы экранов, для того чтобы как можно скорее перейти к дизайну, а не быть отдельным инструментом продажи. Перевод на русский язык.

Luke Wroblewski сравнивает принципы работы и особенности использования Android Wear и Apple Watch. Он делает вывод о том, что на текущий момент на умных часах нужны в первую очередь действия, а не приложения — они слишком тяжеловесны. В появившейся чуть раньше статье Люк говорит о том, что убирание видимой части интерфейса зачастую просто переносит его в память пользователя — ему нужно знать все жесты, горячие клавиши и другие действия, которые явно не показаны в интерфейсе. Он приводит в пример Android Wear и Apple Watch, где надо помнить очень много для работы с интерфейсом.

Steph Hay пишет о контент-прототипах, которые собирают весь контент, использующийся в продукте. Они облегчают в том числе проведение пользовательских исследований.

Подробный разбор подхода к проектированию процесса найма и работы с сотрудниками от команды Designing CX. В дополнение к презентации выложены все использующиеся шаблоны.

• Shahrazad Samadzadeh из Cooper о разнице между Customer Journey Map и Service Blueprint.
• Ronnie Battista: «5 факторов успеха и 5 причин неудач Journey Maps».

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

Michael Margolis из Google Ventures рассказывает об опыте работы фонда с сервисами электронной коммерции. Они вывели общие принципы воронки покупок, которые работают в самых разных ситуациях, когда покупатель подбирает продукт или услугу. Интересно, что они достаточно широко смотрят на задачу.