Видео с конференции Interaction15, прошедившей 9-11 февраля в Сан-Франциско, США.

Отчет Pabini Gabriel-Petit о конференции UX Strategies Summit 2014, проходившей 10-12 июня в Сан-Франциско, США. Достаточно подробный конспект нескольких ключевых выступлений, хотя Kelly Goto свою презентацию повторяет уже не первый год.

• Mathias Duarte.
• Chris Coyier из CSS Tricks и CodePen.

Khoi Vinh выпустил книгу «How They Got There» четырнадцати подробных интервью с известными дизайнерами. Они рассказывают о своей карьере в деталях, со всеми ее странными поворотами. В качестве пробника опубликовано первое из них, с UX-исследователем Erika Hall. Оказалось, что она какое-то время жила в России и немного знает язык. В продолжение темы:

• Tobias van Schneider о том, как игра в World of Warcraft помогла его карьере.
• Как начинал свою карьеру Влад Головач.

Еще одна внезапная новость в этом году — версионная система для дизайнеров LayerVault закрывается. Последний год-полтора новые инструменты для дизайнеров появлялись почти каждую неделю, а тут вдруг уход с рынка одного из старейших и известнейших среди них. Khoi Vinh размышляет, почему и коснется ли это остальных. Возможно, это связано с покупкой в чем-то схожего сервиса Pixelapse Дропбоксом — появился монструозный конкурент, который сильно подрезал перспективы развития.

Melissa Mandelbaum сравнивает опыт стажерства в дизайне с тем, как учатся начинающие повара и рассказывает о своем приходе в профессию.

Вышел в свет очередной, 40-й выпуск бюллетеня «Эргономист». В нем вы найдете материалы, посвященные проблемам профессиональной оценки и отбора персонала, информацию о новых конференциях и публикациях, а также несколько забавных эргономических «диверсий»

• Глава «Screen-based thinking: Let’s make an app!».

Еще одна книга от UXPin в этом году, на этот раз про цвета, отступы и необходимый уровень контраста в интерфейсах.

• Часть 3: Как мы проводим исследования.
• Часть 4: Дизайн.
• Часть 5: Паттерны и SVG-анимация.
• Часть 6: Разработка.
• Часть 7: Креативность и дорожные карты.

Очень толковый дискурс на тему того, можно ли критиковать работы крупных компаний. Конечно, им приходится учитывать тысячи нюансов и действовать в жестких рамках ограничений времени и ресурсов, плюс все это в агрессивной конкурентной среде. Но без диалога в индустрии ей будет сложнее развиваться. Сам повод (выход iOS7) уже протух, но материал свежий и тема все равно актуальна. Третья часть по ссылке самая толковая. Часть 1 и 2.

Ted Goas пишет об особенностях работы дизайнера в компании, делающей медицинские сервисы. Из-за жестких законов по охране личных данных в отрасли повышенная секретность, а оборудование у пользователей зачастую доисторическое. Но сами задачи и возможность помочь реальным людям дико интересны.

• Обучалка от Gibbon University.
• Обучение дизайну, разработке и маркетингу в формате 5-секундных гифок.

• Bang! Bang! Studio запускает онлайн-школу для иллюстраторов.
• Яндекс запустил школу дизайна. Набирают 30 человек для бесплатных занятий по вечерам, посвященных работе дизайнера в крупной продуктовой компании. Небольшой анонс.
• На Цукерберг Позвонит вышло развернутое интервью с представителями Британки, школы Артема Горбунова и школы дизайна Яндекса. Сравниваются подходы, программы, условия.

Вышла книга «Helvetica/Objectified/Urbanized: The Complete Interviews», собравшая 100 интервью из трех известных фильмов по дизайну. Fast Co Design публикует часть беседы с Dieter Rams оттуда.

Статья на основе презентации Frank Chimero о профессиональной философии, в которой он пытается пересобрать текущее понимание роли и задач дизайнера в современном вебе. Интересный подход к адаптивному дизайну и в целом среде, для которой создаются продукты.

Коллекция гифок на злободневные аспекты дизайнерской работы. Хороший способ разнообразить проектную переписку.

• Простое объяснение принципов работы VR на примерах оптических иллюзий.
• Свежее видео про Magic Leap.

Доклад John Maeda о значительном увеличении роли дизайна в современных технологических компаниях за последние несколько лет. Дизайнеры основывают успешные компании, крупные компании покупают дизайн-студии, дизайнеры становятся партнерами в компаниях венчурного капитала.

• Дизайн-студия USTWO представила занимательный концепт, описывающий переосмысленный подход к дизайну приборных панелей автомобилей.
• Вставил пять копеек по поводу концепта приборной панели от ustwo. Надеюсь, будет больше поводов написать о теме, которой интересуюсь уже лет шесть :)
• Еще один концепт автомобильного UI от неавтомобильной компании. На этот раз дизайн для большого скрина Tesla.

• Дмитрий Коваленко о проблемах интерфейса iOS8, которые не стали решать, даже зная, что на подходе телефоны с большими экранами.

Craig Tomlin о новых правилах поисковой выдачи Google, которая теперь учитывает не просто наличие мобильной версии сайта, но и ее качество. По словам коллег, компания обращает внимание даже на соответствие возможностей большой и мобильной версии. В статье простая методичка по поиску таких проблем. В продолжение темы:

• Беглый обзор способов оптимизации мобильных сайтов под новые требования с помощью Google Webmaster Tools.

Открывается новая эпоха для веба — адаптивность учитывает умные часы. Matt Griffin рассказывает о том, как они адаптировали сайт студии Bearded для совсем маленьких экранов.

• Толковый мини-кейс работы над аналитическим кусочков в Intercom. Пользователи просили аналитику, т.е. простой набор не очень полезных графиков в их понимании, но дизайнеры хотели понять, для чего им нужна эта информация, чтобы предложить более подходящее решение.
• Рассказ о редизайне The Seattle Times от Mike Monteiro. Он говорит в том числе о важности работы с отделом продаж.

Claire Carlson делится опытом проведения пользовательского исследования в Бразилии. Что нужно учитывать на этом рынке в частности и в целом при проведении международных исследований с выездом в страну.

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

Disney MagicBand, в дизайне которого участвовали frog — возможно, самый большой UX-проект десятилетия.

Хорошая колонка Kingshuk Das о перекосах в чистом дизайн-мышлении и классическом стратегическом бизнес-планировании. Первый генерирует уйму мотивирующих, но не привязанных к жизни и бизнесу идей, второй — бесконечный набор аналитических материалов, в которых сложно сделать осознанный выбор. Он предлагает таблицу ситуаций, в которых применим первый и второй подходы.

Lukas Mathis о том, как избегать ложной дихотомии при обсуждении дизайн-решений. Часто в процессе спора команда разделяется вокруг пары вариантов и накаляет обстановку спором, вместо того чтобы копнуть дальше и найти другие подходы.

Парное программирование — достаточно известный метод. Chris Noessel и Suzy Thompson из Cooper рассказывают о парном дизайне.

Liam Friedland пытается переложить цепочку создания добавленной стоимости Майкла Портера на дизайн-проекты.

Преприятнейшая духоподъемная статья о командообразовании от Rhys Newman. Он достаточно подробно разбирает ценности, которые должны лежать в основе сильной и слаженной команды, способной создавать крутые продукты. Один из лучших материалов на тему.

• Еще один пример гос.аналитики от правительства США. Нет привязки к сценариям, как на Gov.uk, но в целом полезные цифры.

Wouter de Bres пытается вывести универсальную формулу UX. Он использует параметры времени загрузки (технологической и когнитивной), ценность и качество взаимодействия. Есть много спорных моментов и нестыковок, но сама по себе идея интересная.

• Обзор второй части курса Meng To по работе со Swift для дизайнеров.

• Генератор круговых меню.
• Использование CSS-анимаций для создания довольно реалистичных часов (посмотрите на стрелку :-)
• Полуавтоматическое создание пиксельной графики (плагин к Photoshop).
• Эффектное переключение фотографий в галерее.
• Свежая пачка экспериментов от Tympanus.
• Решение на CSS и JavaScript для разбивки контента на несколько колонок, зависящих от контента.
• Прекрасная библиотека для реализации эффекта складывания.
• Скрипт Flickity для реализации адаптивных и тач-ориентированных каруселей.
• Динамичное представление данных на карте с помощью amCharts.
• Еще одна серия скриптов с анимацией полей ввода на CSS.
• Еще немного загрузчиков на SVG.
• Как ведет себя стандартное поле ввода цифровых данных в разных браузерах в большом вебе и на мобильных.
• Скрипт, позволяющий с помощью кнопки на сайте быстро переключать его мобильную и большую версии.

• Беглый обзор возможностей Flexbox и шесть наиболее востребованных паттернов его применения.
• Наглядная и понятная шпаргалка по Flexbox.
• Chris Wright делает наглядную памятку по основным ситуациям, в которых использование flexbox дает преимущества относительно привычных способов построения сетки. Это разделение страницы на несколько частей с одинаковой высотой и карточки, которые выглядят аккуратно вместе.

• Легкий способ цветовой стилизации проектов с помощью свойства CSS currentColor.

• О работе с SVG-спрайтами.
• Три способа использования SVG-спрайтов для анимации.
• Практически бесполезный, но забавный с точки зрения альтернативного видения подход к созданию векторных иконок в коде с помощью ASCII-графики. Альтернатива SVG из параллельной вселенной.
• Хорошая наглядная памятка по работе с векторными иконками. Какие форматы использовать для разных платформ, как экспортировать файлы, какие инструменты лучше использовать.
• Шикарнейшая онлайн-презентация Sara Soueidan об использовании SVG для самого широкого спектра задач и его преимуществах над CSS. Инфографика, шрифты, иконочные спрайты, анимация и т.п.
• Библиотка для генерирования SVG-паттернов для последующей визуализации данных (например, вечере D3.js).

• Donovan Hutchinson представил 12 принципов анимации Диснея в CSS вместе с советами по использованию каждого из них в интерфейсах.

• Подробнейшая шпаргалка по специальным типографическим символам в вебе и на клавиатуре.
• Type.js — библиотека для более простой реализации нормальной типографики на вебе.
• Способы делать надстрочные символы в CSS.
• Использование API шрифтовых событий для более мягкой загрузки веб-шрифтов.

• Рассказ о SC5, фреймворке для создания живых гайдлайнов, а также базовая инструкция по работе с ним.
• Живой гайдлайн Primer от GitHub.
• Гайдлайны Purple для платформы Heroku.

• Антон Карташов начал серию статей для начинающих работать в Quartz Composer. Это конспект первой главы официального руководства пользователя.
• Еще одна мини-обучалка по работе с Origami от Francis Cortez. Он говорит о версии 2.0 на примере material design.
• Антон Карташов собрал отличейший справочник с описанием 50 самых используемых патчей на русском языке. Сопроводительная статья.

Вышел релиз третьей версии Hype Pro. Интерактивные повторно используемые анимированные объекты с физической моделью и адаптивность для сайтов, iBooks, рекламы.

Еще один инструмент для удаленного юзабилити-тестирования Uxeria. Все достаточно стандартно по набору возможностей.

Дискуссия на UXMatters о том, почему важно приглашать всю команду на сессии пользовательских исследований.

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

Хорошая методичка по ходу A/B-тестирования от Charles Shimooka. Как координироваться с другими командами, выбирать инструментарий, анализировать результаты.

Jeff Sauro предлагает методику проверки пользовательских опросов для того чтобы их результаты были более качественными. Он назвал его SRS (Survey Respondent Score) и это что-то вроде нильсеновских эвристик, по которым рекомендуется прогнать опрос перед его запуском.

Отличный новый подход к тестированию интерфейсов — Richard Littauer за $250 проверит ваш сайт в пьяном состоянии. На выходе отчет с найденными проблемами и скринкаст.

Время толстых отчетов, которые никто не читает, прошло. David Travis дает обзор простых и эффективных lean-методов анализа и представления результатов пользовательских исследований.

• Компания ELEKS предложила свое видение приложения для Tesla в развитие недавнего аналогичного концепта для Apple Watch. Оба кейса здорово показывают различия в подходах двух платформ, грозящих стать самыми распространенными.

• Немного о том, как в условиях строгой секретности компании тестируют свои приложения на устройстве.
• Тестовая лаборатория, в которой исследуются сценарии и особенности использования часов для спорта.
• Шаблоны для скетчей.
• Реализация фирменного индикатора физической нагрузки на CSS.
• Небольшой кейс создания версии Wunderlist для часов.

• Первый (неофициальный) кит для прототипирования приложений для Pebble Time.

• Много вариаций на тему работы плавающей кнопки.

Traci Lepore пытается выделить особенности среды для типов платформ — настольные ПК, планшеты, телефоны, киоски, почтовые рассылки, социальные сети. У каждой свои возможности и ограничения, которые важно учитывать при кросс-канальном взаимодействии между ними.

Толковая инструкция по подготовке скриншотов для магазинов приложений Android, iOS и Windows Phone. Melanie Haselmayr приводит чеклист необходимой информации и графики для различных платформ, а также разбирает несколько подходов к сборке самих иллюстраций. В продолжение темы:

• Конструктор скриншотов для AppStore.

• Создатели Aesop запускают Lasso, еще один инструмент паблишинга в дополнение к Story.AM. Это плагин к WordPress за $129.
• Никита Обухов собрал на Тильде подборку сильных лонг-ридов, включая ключевые хиты.
• Интервью с Романом Мазуренко, одним из создателей отечественной паблишинговой платформы Stampsy.

• В блоге Bjango описываются проблемы при использовании PDF для нарезки дизайна в iOS.

Генератор текста в духе Ницше вместо lorem ipsum.

Плагин для Adobe Illustrator, позволяющий перегонять графику из макетов в HTML5.

Зарождается новый тренд — стоки изображений с возможностью детальной настройки перед скачиванием и легкого использования после него. Первый — выбираете из быстро пополняемой коллекции изображение, подбираете нужный ракурс (!) и получаете изображение в PSD; все по слоям, даже освещение; маски для быстрого выбора и быстрого изолирования. Второй — Illustrio — векторный сток, перед скачиванием вы можете изменить множество параметров (для каждой картинки свои), например, удлинить руки у робота или перекрасить цвет медальки. В продолжение темы:

• Небольшая инструкция по работе с сервисом Illustrio и переводу векторных иллюстраций в SVG.

The Noun Project выпустили приложение для Mac. Подписка стоит $9,99 в месяц, есть 14-дневный пробник.

Вышла третья версия Balsamiq.

• Быстрая подготовка материалов для AppStore.
• Интеграция с Marvel.
• Шаблоны Apple Watch для Sketch от Meng To.

Еще одно приложение для создания прототипов мобильных приложений прямо на телефоне. Пока только iOS.

Alastair Monk делает свой инструмент для дизайнеров Bind. Попробовать его пока нельзя, но он рассказывает о его основных принципах — версионность с Git, адаптивность по умолчанию с использованием Grid Style Sheets.