Январь '15

Видео выступлений с конференции Service Design Global Conference 2014, проходившей 7-8 октября в Стокгольме, Швеция.

Сессия с Manoela Ilic из Codrops. Правда, в основном благодарят :) Она также говорит о том, что многие скрипты делаются на основе концептов Dribbble и Behance. После этого они активно распространяются по промо-сайтам и веб-сервисам и постепенно становятся стандартами. Это в тему здравого отношения к таким соц.сетям.

«Дизайн для дазайн» — новая книга Thomas Wendt о связи между феноменологией (основанной на философии Гуссерля и Хейдегера), проектированием взаимодействия и дизайн мышлением. На сайте есть видео выступлений Томаса на Interaction 2014 и LeanUX 2014 на эту тему.

Jacob Nielsen обновил свою статью о тенденциях американских зарплат в UX от 1997 года. Последние несколько лет суммы держатся на относительно стабильном уровне, хотя есть небольшое снижение для начинающих. Средняя годовая зарплата по США для начинающего $63 000 и $90 000 для профессионала с 5 годами опыта (до налогов). Первые 10 лет карьеры прирост зарплаты составляет $5 000 в год, потом снижается до $3 000.

Коллекция цитат о работе над интерфейсами от компании UI Engineering. Каждый день по полезной мысли.

Приложение UX Companion для iPhone содержит глоссарий методов, терминов и понятий, использующихся при проектировании интерфейсов.

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

• Федор Подрезов из Parallels на эту же тему.
• Еще одна исповедь на тему от дизайнера SimilarWeb.
• Cap Watkins перешел в BuzzFeed. Если у него все получится, это будет еще один сильный кейс превращения стремной в плане дизайна компании в системную.

Carl DiSalvo пишет о том, что дисциплине HCI не хватает внимания к истории дизайна в целом и взаимодействию в частности.

В 2010 году Craig Tomlin сделал 7 предсказаний насчет развития юзабилити. В чем-то он угадал, в чем-то ошибся.

Дональд Норман об опасностях пути постепенной автоматизации машин.

Kezz Bracey описывает состояние адаптивного дизайна на начало 2015 года.

В рамках развернутой презентации Windows 10 Microsoft показал абсолютно крышесносный концепт HoloLens. Это интерфейс дополненной реальности, который с помощью очков позволяет отображать в реальном окружении голографические объекты и дает возможность манипулировать ими. Уже есть API для Windows, которые позволяют разрабатывать для него. В отличие от Google Glass, многие сценарии использования которого ограничивались камерой, и Oculus Rift, который предполагает достаточно узкие условия применения, этот концепт открывает очень интересные перспективы для работы проектировщика и дизайнера. Это взаимодействие с реальной средой, привязка элементов интерфейса к объектам в ней. Противопоставлять их, наверное, не очень правильно, но это мощное направление развития профессии, да еще и поддержанное одной из ведущих платформ. Зато технологические издания уже называют Эппл новым Майкрософтом двухтысячных (и The Verge). Доступны его видео-презентация и эксклюзив от Wired. У R&D Microsoft по прежнему один из самых сильных послужных списков. Причем ведет проект Alex Kipman — один из главных инициаторов Kinect. Не факт, что оно взлетит — у Google Glass пока все не очень, да и Майкрософт любит рассказать красивую картинку будущего и выпустить только кусочек из нее. Но следить за этим направлением нужно точно.

• Предсказания от Craig Tomlin, Rich Gunther, Jan Jursa и Daniel Szuc.
• О профессии data scientist, которая станет одной из самых горячих в следующем году.
• Тренды на 2015 от frog Design.
• Тренды описывают ведущие UX-специалисты для UX Magazine.
• Обзор основных трендов с выставки CES 2015. В этом году там достаточно вяло, интересного мало.
• Прогнозы Dan Sung для носимых устройств в 2015.

Прокомментировал для UXMatters тренд покупок дизайн-студий продуктовыми компаниями. Все это было еще до истории с Teehan+Lax, но в русскоязычной версии для Цукерберг Позвонит это уже отразилось. В продолжение темы:

• Teehan+Lax переходят в Facebook. Шок, конечно! Самое время соревноваться в составлении списка потенциальных кандидатов на покупку в этом году :) Кстати, выяснились не очень приятные детали этой сделки — нанимают только трех основателей, 40 сотрудников Teehan+Lax остаются ни с чем. Не очень соответствует тем красивым заявлениям, которые описаны в их прощальном письме.
• Eric Portelance о главных уроках работы в Teehan+Lax.
• Оказалось, летом Pricewaterhouse Coopers купили новозеландскую Optimal Usability (теперь она называется Optimal Experience).
• В 2013 году Facebook купил HotStudio.
• John Rousseau из Artefact Group хорошо рассуждает на эту тему.
• И еще одна толковая статья Robert Fabricant на тему.

• Часть 5: «Как строить процессы сейчас».
• Часть 6: «Искусственный интеллект».

Длинный, но очень интересный материал Gilbert Cockton об истории трансформации дисциплины UX и ее мировоззрения относительно научности методов, роли исследований и исследователей, креативного.

История создания игровых картриджей, которые переформатировали рынок и, возможно, повлияли на то, как распространяются приложения.

Keith Ohlfs о том, как он предложил иконку лупы для поиска в NeXT — кажется, впервые.

История появления банкоматов, их текущие проблемы и перспективы.

Jakob Nielsen вспоминает свой опыт исследования планшетных интерфейсов в 1992 году для GO PenPoint.

Steven Shorrock о понятии «человеческая ошибка» в эргономике — его истории, эволюции и сегодняшнем понимании термина.

В прошлом году frog design провела несколько воркшопов по редизайну UX посетителей мемориальных музеев. Презентация Roberta Tassi рассказывает о воркшопах в Кингали, Руанда и в Амстердаме.

• Рассказ про админку «Сетка» внутри Look At Media.
• Рассказ про админку «Монитор» проекта Meduza.
• О работе технической команды Медузы.

Особенности работы над интерфейсом в «железном» проекте на примере «Симкомата». Илья Александров поделил статью на две части: об особенностях «железа» и описание конкретных решений и кейсов. Будет интересно для практикующих проектировщиков.

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

Сервис для A/B-тестирования описания приложения в AppStore и Google Play. Создает посадочную страницу, мимикрирующую под дизайн магазина.

Lee Dale о том, как работать с возражениями при запуске MVP и не перегружать интерфейс первого релиза.

Курируемый сборник лучших (по мнению авторов) инструментов для открытия своего дела. Содержимое разделено на рубрики: исследование потребителей, онлайн аналитика и аудит, тренды, планирование рекламы и т.п. Можно подписаться на регулярную почтовую рассылку.

• История личного дизайн-спринта от Francis Cortez.

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

Толковая методичка по проведению kick-off от Chris Bank из UXPin.

Paul Boag о ко-дизайне как способе улучшить взаимоотношения дизайн-студий и клиентов.

Guido Stompff о том, как команды работают над инновационными решениями.

Не очень системный, но достаточно интересный чеклист важных этапов работы над интерфейсом. К каждому этапу дается справочная статья.

Michael Owens о том, как правильно нанимать дизайнеров с кучей мнений сильных специалистов отрасли.

Четвертая часть из серии статей Austin Govella о UX-cтратегии — цели и пути их достижения. Также вышли часть 5 и 6.

Вторая и очень мощная часть серии Jim Nieters и Pabini Gabriel-Petit о UX-менеджерах и лидерстве.

Jacob Harris предлагает очень интересную модель оценки UX-специалистов, нужных для команды проекта. По двум параметрам (сложность взаимодействия и предметной области) менеджер проекта может определить набор нужных навыков и людей.

Dudley Storey разбирает page visibility API в браузерах, который позволяет аккуратно выключать проигрывание различных медиа на сайте, если его вкладка неактивна. Отличный способ бесить пользователя меньше, хотя старые браузеры не поддерживают его.

Отличная методичка Rachel Andrew о том, как с помощью CSS готовить печатные версии страниц. Причем возможности настолько обширные, что можно получить на выходе хорошую книжную верстку со всеми особенностями от обложки и содержания до колонтитулов и сносок. Также предлагается скрипт-генератор PDF.

Шаблоны, фреймворки и инструменты для работы со шрифтовыми иконками, а также готовые наборы.

• Прототип части почтового клиента в стиле Material.

• Оптимизация SVG для веба и его способов доставки до клиента.
• Инструмент для оптимизации SVG-файлов.
• Плагин для GreenSock, упрощающий SVG-анимацию.
• Готовые наборы SVG-иконок.

• В инспекторе Chrome появилась удобная возможность управления CSS-анимацией. Здорово упростит отладку!
• О нюансах аппаратного ускорения для CSS-анимации.

• Интересная реализация бургер-меню, чем-то похоже на Jolla.
• Скрипт для поддержания актуального года копирайта в футере.
• Смешной эффект для модального окна.
• Легкая библиотека для реализации анимаций (<4 KB, выдает 60 FPS даже на мобильном).
• Скрипт для имитации процесса набора текста реальным человеком.
• Typist, еще один скрипт для имитации процесса набора текста.
• Решения для отображения и анимации названий полей ввода.
• 100 самых популярных скриптов 2014 года на CodePen.
• Подборка лучших скриптов 2014 года от Codrops.
• Набор иконок на чистом CSS.
• Philip Walton собирает справочник по багам flexbox и их кросс-браузерным решениям.
• Хороший скрипт прилипающей шапки.
• Четыре динамических варианта работы с корзиной в e-commerce.
• Скрипт динамической панели фильтров.
• Варианты анимации меню.
• Еще одна серия примеров превращения иконки бургера в крестик.

Sara Soueidan рассказывает о возможностях современных браузеров по эффектам наложения слоев. Все больше вещей можно делать без участия Фотошопа.

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

• Шаблоны дашбордов для Bootstrap.
• Шаблон одностраничников для Bootstrap.

Brooke Kao на тему дизайна в браузере. В продолжение темы:

• В компании Etsy есть практика обучения каждого сотрудника основам фронт-енда.

Ralph Tomas описывает Slalom, придуманную систему для быстрого и краткого описания взаимодействия элементов друг с другом. С помощью этой системы (которая, по сути, является упрощенной системой решения задач удовлетворения ограничений) просто задавать взаимодействие одного элемента с другим или множеством, то есть легко прототипировать весьма нетривиальные интерфейсные подходы. Сам Slalom вырос из другой статьи про прототипирование анимаций и взаимодействий с помощью физических моделей.

• Brad Frost готовит книгу об идеологии Atomic Design. На сайте можно прочитать черновик.
• Brad Frost о будущих направлениях развития живых гайдлайнов и компонентных дизайнерско-технологических систем.
• Еще одна достаточно крупная коллекция.
• В прошлом году многие известные сервисы опубликовали свои подходы к работе с CSS. Некоторые из них раскрывают интересные детали организации работы по дизайну. В частности, у Medium хорошо задаются базовые параметры дизайна, а у Groupon очень мощная компонентная система.

Laura Klein о «партизанских» исследованиях — что можно и что нельзя узнать с их помощью, а также почему они часто используются неправильно.

Неплохой список инструментов для пользовательских исследований и тестирования от UI Patterns.

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

Kevin Sheldon протестировал и сравнил три подхода к карточной сортировке — заданные категории и необходимость вспомнить элементы интерфейса; заданные категории и элементы интерфейса и необходимость распределить их; уже распределенные элементы интерфейса по категориям и возможность внести изменения. Третий вариант дал лучшие результаты, хотя почему-то не приводится еще один популярный подход — заданные элементы интерфейса и возможность определить свои категории.

Сервис Native Tap для тестирования приложения на разных устройствах.

Хорошая статья про пользу пилотного юзабилити-тестирования — для того, кто в этом сомневается.

Jim Ross развенчивает 17 мифов о юзабилити-тестировании.

Свежая книга от UXPin с гайдом по юзабилити-тестированию и поддержке дизайн-решений.

2 февраля выходит новая книга Jeff Sauro «Customer Analytics for Dummies». В его блоге выложена глава, посвященная корреляции. Книга на Amazon.

• В продолжение сравнительных обзоров инструментов прототипирования.

• Patrick Wong из Lyft о прототипировании с помощью связки Framer и Pixate.
• Framer теперь позволяет расшаривать работающие прототипы в вебе.

• Плагины для Sketch.
• Плагин с палитрой цветов material design.
• Сообщество в Slack.
• Еще одна коллекция ресурсов.
• Плагин позволяет использовать CSS при определении стилей слоев.

• Концепты известных приложений от Huge Inc.
• Один из редких концептов серьезного productivity-приложения, а не просто адаптация Foursquare.

• Большой бесплатный шаблон для дизайна iPhone-приложений для Photoshop и Sketch от Invision и UI8. Дизайн отличается от базового, но все равно полезен.

• Tim Smith показывает процесс дизайна иконки приложения Inbox, прошедшей 250 итераций. Опять же привлекались аутсорсеры — известная студия B-Reel помогала с концептами.
• Неофициальный редизайн Dropbox.
• Официальный редизайн Trello.
• CSS-фреймворк Materialize.