1-3 сентября 2015 года в Banff, Канада, прошла конференция Relating Systems Thinking and Design, посвященная сложным системным проблемам, которые может решать дизайн. Часть видео материалов уже доступна. Остальные появятся на канале.

O’Reilly запустили свою дизайн-конференцию, O’Reilly Design Conference. Она пройдет 19-22 января в Сан-Франциско, США. По составу и формат обещает быть одной из самых мощных. Mary Treseler, которая отвечает за нее, дает развернутое интервью UXMatters о том, что будет.

В прошлом году Google провел свою первую дизайн-конференцию FORM, в этом она проходит под названием SPAN уже в двух городах — Нью-Йорке и Лондоне. По результатам выходит книга SPAN Reader с публикациями выступающих (они доступны в вебе по ссылкам в конце статьи). Вышли и другие материалы, в том числе видео панельной дискуссии, посвященной современным инструментам прототипирования и добротному продуктовому дизайну. Каким-то образом получил приглашение на лондонскую часть, хотя заявку не подавал. Уже опубликовали видео-записи оттуда. Я был там, советую посмотреть панельную дискуссию про инструменты прототипирования, выступления Luna Maurer про ручной генеративный дизайн и Ken Wong про виртуальную реальность. А также Davide Fornari про механический генеративный дизайн — спокойно по подаче, но сама история бомба.

• Huawei нанял Abigail Sarah Brody, бывшего креативного директора Apple.

• Ethan Marcotte, популяризировавший адаптивный дизайн.

Don Norman и Bruce Tognazzini, легендарные дизайнеры Apple в 70е-90е, о теперешнем состоянии проектирования интерфейсов в Apple. О том, как и почему процессы дошли до сегодняшнего состояния. По ходу получает и Google. Такого мощного заряда Дон и Тог давно не выдавали.

• Jasmine Friedl о том, что не бывает маленьких задач и проблем.

• Твиттер The Startup Designer.
• 30 поговорок про клиентов и дизайнеров от Антона Молодцова.

Книга Jarrod Drysdale «My Designer is Driving Me Crazy!» для клиентов и менеджеров, которая учит их правильно работать с дизайнерами. Доступна в альтернативных форматах вроде видео-курса и почтовой рассылки.

Dan Brown из EightShapes рефлексирует на тему того, что делать более зрелым UX-специалистам для того чтобы оставаться релевантными и как не беситься, когда с придыханием слышишь о «новой методологии», которой на деле уже десяток лет. Он советует двигаться в сторону менторства, используя свой широкий профессиональный опыт.

Инициатива #SayNoToSpec от студии Zulu Alpha Kilo, которая рекомендует отказываться от участия в тендерах и пробных работах. Zak Mroueh перечисляет пять проблем, из-за которых студия изменила свою политику. Они записали отличный ролик на эту тему — попытались запросить то же самое у представителей других отраслей, которые, естественно, были в шоке.

Вышел свежий номер. Алексей Копылов особо отметил упоминаемую в этом журнале статью Увеличение конверсии пользовательского интерфейса путем объективного юзабилити-тестирования на основе анализа электроэнцефалограммы пользователя.

Сильный материал по философии современного дизайна от Ian Lynam. Он разбирает две истории олимпийской айдентики (Мехико ’68 и Мюнхен ’72) как примеры системной работы над визуальным языком на масштабе международного мероприятия и сопоставляет их с провальным процессом вокруг Токио 2020, который символизирует бездушный краудфандинг за три копейки. Не совсем про интерфейсы, но касается любых приложений дизайна и затрагивает в том числе цифровые продукты.

Команда Tilda Publishing запустила первый онлайн-курс в рамках своей школы дизайна.

Андрей Якушев добавил к своему агрегатору видео с конференций международную версию с англоязычными выступлениями.

• Alexis Lloyd из NYT Labs размышляет на тему будущего публикаций на медиа-сайтах. Сейчас идет много шума на тему того, отъедят ли Фейсбук и Эппл трафик у изданий с помощью своих проприетарных форматов, но эти форматы устарели сами по себе. Он предлагает смотреть в сторону атомарного контента и того, как работает Википедия.

• Студия Block Interval пишет о юзабилити кабелей при работе над интерфейсами виртуальной реальности. Как не дать пользователю запутаться в них. Вообще у них в блоге много толковых публикаций на тему. Например, о важности аудио-дизайна и том, опасно ли провоцировать слишком сильные эмоции.

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

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

• Достаточно занятный кейс редизайна приложения Wealthfront от бывшего дизайнера Facebook.

Хороший кейс с системным подходом к улучшению конверсии сайта. От формулирования проблемы, до индивидуальной работы над большим набором компонентов сайта. И еще один кейс про интернет-магазин. Самым интересным в этой истории является второй эксперимент, когда смена изображений в каталоге дала прирост CTR в 15,9%. Лишний пример того, что работая исключительно с контентом можно получить значительный прирост показателей. Оптимизация контента становится все более актуальной темой.

• Перевод кейса о создании приложения Google Primer.
• Еще одна небольшая история от дизайн-команды Hopper. Как они упростили процесс бронирования билетов настолько, что пришлось снова добавлять шаги.
• Raven Yu о работе над интерфейсом платежного терминала Bindo POS 3.0.
• Wired о переосмыслении раздела событий в Facebook.
• Рассказ о редизайне SwiftKey для Android.
• Толковая история работы над приложением Gyroscope для занятий спортом. Anand Sharma уже писал о начале работы над ним в прошлом году.
• Case Study Club, еще одна коллекция кейсов.

Большой и достаточно подробный рассказ о том, как IBM обратил внимание на дизайн и пришел к потребности нанять 1000 дизайнеров. Рассказ о Phil Gilbert, который пришел вместе с купленной компанией Lombardi Software и с одобрения CEO Virginia Rometty начал внедрять практики дизайн-мышления, повышать общую дизайн-культуру и массово нанимать людей. Видео.

Команда сайта This is Design Thinking провела опрос 400 практикующих дизайнеров и менеджеров на тему использования практик дизайн-мышления в крупных и не очень компаниях. По факту они выпустили электронную книжку/отчет, в котором собраны инсайты.

Презентация Stephen P. Anderson о разнице между требованиями к продукту и experience.

О том, почему стоит смотреть на систему метрик и находить баланс между малыми мелкими задачами и большими стратегиями. И не надо верить в существование «серебряной пули».

Олег Якубенков сделал перевод тезисов Intercom, плюс добавил еще одну подборку советов от Intercom.

• Andy Budd о том, как правильно подходить к найму дизайнеров. Важно перейти от перечисления требований и навыков к описанию задач и проблем, которые нужно решить.

• Сервис GridMark для описания уровней зрелости компаний и команд. Не очень графичный, но для начала систематизации хорош.

• Dan Brown актуализировал выдержку из своей книги 2012 года о принципах работы эффективных дизайн-команд.

• Отличный материал на тему требований к современным дизайн-лидерам. Мнения глав дизайна и ключевых руководителей 3M, Intuit, Microsoft, Pepsico, Philips и Rei.

• Эффект дождя на WebGL.
• Кудесник сумасшедшей интерфейсной анимации Олег Соломка сделал свою JS-библиотеку Motion для нее.
• Волна вдохновения эффектом объемного параллакса в новом Apple TV вышла за рамки имитации оригинала. Скрипт от Mary Lou для интернет-магазинов позволяет показать товары в интерьере с эффектом объемного параллакса.
• Скрипт для анимированного многоуровневого вертикального меню.
• Трансформацией иконки бургера в стрелку и наоборот через переставление линий уже никого не удивишь, так что пора идти дальше. Скрипт от Luis Manuel делает это с дополнительными спецэффектами.

Перевод статьи Bobby Grace из Trello о том, как компания систематизировала работу с пиктограммами в интерфейсе.

• Анонс запуска Webflow CMS от со-основателя продукта, Влада Магдалина.

• Framer теперь умеет прототипировать виртуальную реальность.
• Как анимировать SVG.
• Как бывшие 37 Signals использовали Framer при работе над Basecamp 3.

• Вышла новая версия фреймворка Foundation 6. В блоге Zurb рассказывается о нововведениях (в пакет вошла, кстати, недавно анонсированная библиотека для анимации Motion UI).

• Серия статей о том, как воспроизвести фото-фильтры средствами CSS.

• Dennis Gaebel Jr сделал обзорную статью о пользе flexbox для дизайнеров.

• IconFactory о том, как готовить иконки для нового Safari в MacOS.
• Толковая памятка Sara Souiedan по поводу экспорта графики в SVG. Как оптимизировать структуру и код.

• Tyler Sticka советует отказаться от иконочных шрифтов в пользу SVG. Они были временным костылем при переходе к векторной графике, но имеют уйму проблем с accessibility и работе в специфических браузерах.

• Как сделать анимацию «подъема объекта над плоскостью» в духе material design аккуратной и мягкой.

• Jakob Nielsen о том, как тестировать тексты в продуктах на предмет разборчивости, читабельности и понятности.
• Marcin Wichary рассказывает об экспериментах Medium по использованию основного шрифта текущей платформы пользователя. Это, само собой, дает выигрыш по скорости загрузки, хотя не так-то просто сделать аккуратно.
• CSS-код для выделения текста маркером построчно.
• Закрывается Fontdeck, один из старейших сервисов аренды шрифтов, в том числе для веба.
• Хорошие размышления Robin Rendle на тему адаптивной и параметрической типографики в вебе.

Envato запустили свой конструктор сайтов Envato Sites в партнерстве с Theme Forest. Теперь все это многообразие бесплатных тем не придется прикручивать вручную. Чуть подробнее про запуск.

• eBay готовится анонсировать собственный CSS-фреймворк. Они рассказали о том, как он учитывает и контролирует грамотную реализацию accessibility.
• Brad Frost на тему использования реальных данных в прототипах. Эти возможности постепенно появляются в его фреймворке Pattern Lab.
• ThoughtBot о том, как важно работать с цветами семантически.
• Nathan Curtis о том, как провести рабочую сессию для систематизации паттернов на существующем продукте. И аналогичная статья от Charlotte Jackson.

• Jeff Sauro о том, как использовать опросы для измерения юзабилити.

• Craig Sullivan об опыте A/B-тестирования: долгий путь от восторга к разочарованию, и, наконец, к адекватному использованию.
• Мощная презентация от Chris Johnson из Spotify о том, как компания ставила гипотезы по запуску новой функциональности и проверяла их.

Отличная памятка по тестированию навигации от Jeff Sauro. Какими пользовательскими исследованиями можно ответить на конкретные вопросы по ней.

Интервью с CEO одного из старейших сервисов удаленных пользовательских исследований UserZoom, которые получили внушительные инвестиции в $34 млн.

Richard Littauer за $250 проверяет сайты в пьяном состоянии. Он рассказывал о том, чему научился за время тестирования дизайна в пьяном виде.

Jim Ross опровергает мифы и заблуждения о пользовательском тестировании.

• Небольшой обзор инструмента от ребят из украинской студии Yalantis.

• Перевод двух частей обзора инструментов от Tes Mat: Proto.io, Pixate, Origami, Framer, Form и Principle, Flinto для Mac, Tumult Hype.

Онлайн-сервис PlaceIt от компании Breezi позволяет быстро и дешево примерить принты на одежду. Набор макетов постоянно пополняется и сейчас там несколько десятков хороших шаблонов.

Создатели проекта Animaticons пошли против тренда модных форматов и запустили библиотеку настраиваемых анимированных иконок в GIF. Не очень future-friendly, зато дешево и сердито. Вдогонку:

• Sara Souiedan подробно сравнивает плюсы и минусы анимации в SVG и GIF. По всем показателям кроме поддержки в старых браузерах GIF, конечно же, проигрывает.

Отличный набор простых правил для создания качественных пиктограмм/иконок от Scott Lewis из IconFinder. Вдогонку:

• Проблемы с консистентностью иконок в material design.

• О создании инструмента.
• AMA с командой продукта на Designer News.

• Ноябрьское обновление Photoshop CC 2015. Улучшенные артборды, экспорт в SVG, развитие тач-интерфейса и библиотек Creative Cloud.

Вышел Sketch 3.4 (по ссылке большой список нововведений и исправлений). Yap Kwang Yik сделал обзор наиболее интересных улучшений. Правда, версия оказалась глючной и Bohemian Coding пришлось тут же выпускать обновление 3.4.1, а следом и 3.4.2. В результате всей этой канители разработчики решили уйти из AppStore. Приложение будет распространяться и обновляться с сайта Bohemian Coding. Другие материалы:

• Хорошая наглядная шпаргалка по горячим клавишам от Meng To.
• Плагин Fluid, который позволяет делать автоматические адаптивные лейауты в духе iOS.
• Мощный справочник по работе со Sketch 3 от Meng To.

Анна Абрамова рассказывает об одной из лучших техник проектирования взаимодействия пользователя и программы.

• Инициатива крупных интернет-компаний и американских университетов по обучению сотрудников принципам доступности.
• Facebook запустил новую инциативу для сотрудников — «2G-вторники». Сотрудники могут понять, каково использовать продукт с медленным и плохим интернетом в Индии. У нас есть специальная сеть wi-fi для этого.
• Дико популярный во многом благодаря Tinder жест свайпа имеет проблемы с accessibility. Он перкликается с некоторыми системными жестами мобильных платформ.

• Jonathan Evans описывает гайдлайны по дизайну для детей разных возрастов и приводит примеры того, как примерять их к реальным продуктам.

• Плохо спроектированный интерфейс для пилотов на iPad чуть не угробил самолет авиакомпании Qantas. Пилот промахнулся при указании высоты из-за толстых пальцев, так что самолет ударился хвостом о полосу при взлете из-за неверных параметров.

• Mabel Chan из SalesForce о том, как правильно преподносить персонажей команде и заказчикам. Как примерно одни и те же результаты исследований имели абсолютно разную востребованность среди коллег.

• Вторая часть статьи Дениса Мишунова о скорости работы интерфейсов. Он говорит об особенностях восприятия и том, как использовать активное ожидание, холодный старт и псевдо-завершение загрузки для ускорения видимой работы продукта.

• Вариация карты эмпатии от Paul Boag.

Chelsey Glasson и Aidan Bryant о проведении исследований с представителями малого бизнеса. Эти люди постоянно заняты и требовательны к инструментам, так что есть много особенностей работы с ними.

Интересные выкладки Liraz Margalit из ClickTale о том, почему смартфоны воспринимаются как более персональные устройства, в отличие от планшетов. Помимо того, что они просто чаще используются, есть и психологическая привязанность.