В конце октября в Нью-Йорке прошла конференция Gain 2014 от ассоциации AIGA, посвященная теме редизайна бизнеса. Видео выступлений.

Видео выступлений с конференции Warm Gun 2014, которая проходила 4 декабря в Сан-Франциско, США. Выступающие, на которых стоит обратить внимание: Kim Goodwin, Dey Traynor, Christina Wodtke, PJ McCormick, Leah Buley, Samuel Hilick.

Основные европейские и американские события UX и веб дизайна первого полугодия 2015 года.

Развернутый конспект выступления Jony Ive в лондонском Design Museum.

Сессия вопросов и ответов с Nicholas Feltron на Designer News.

Спец.проект BMW на Medium выпустил статью о том, чем сейчас занимается Bret Victor.

• Dirk Knemeyer о настоящем и будущем UX-агентств

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

Дмитрий Сафронов подготовил конспект книги Джеффа Джонсона «Умный дизайн» (бестселлер Амазона, в оригинале — «Designing with the mind in mind»). Сама книга в распродаже.

Fast CoDesign собрали дизайнерский словарь из серьезных и едких рабочих терминов, пообщавшись со специалистами из известных студий и продуктовых компаний. В продолжение темы:

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

В продолжение известной статьи Sebastien Gabriel, еще одна простая памятка по основным понятиям отображения на экранах.

32 плаката о мифах UX.

Статья David Gillis из Teehan+Lax на основе его выступления о продуктовом дизайне.

Создатели ресурса UX Mastery в третий раз запустили накануне Рождества мини-сайт UXMas. В этом году будут опубликованы 24 статьи. В продолжение темы:

• 5 идей для предпраздничных юзабилити тестов.

Сайт-коллекция ключевых дизайнерских фильмов со ссылками на сервисы онлайн-просмотра. Люди, исторические процессы, направления. Русскоязычная версия.

Интересная обучалка мобильному дизайну, которая работает только на телефоне. Основано на материалах известных специалистов отрасли вроде Luke Wroblewski, Khoi Vinh, Paul Adams и других.

Cameron Tonkinwise о философии дизайна и его уровнях, а также Transition Design. Разбирается много моделей дизайна.

Don Norman предлагает понятие DesignX, описывающие методы, подходы и специальности для решения сложных социальных проблем. Его ответы на вопросы.

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

• Разбор шрифтов и иконок в первой части Alien.

• Рассказ об Amanda Parkes, которая плотно занимается умной одеждой.
• Fast Co продолжает серию публикаций на тему.

Ben Rowe о концепции Slow Web/Fast Web, аналогии понятий Fast Food/Slow Food. В Slow Web пользователь сам распоряжается своим временем и вниманием. Никуда не надо торопиться, никто не отвлекает без повода. Основные принципы Slow Web:

1. Лучше иметь меньше функциональности, но с более качественным взаимодействием.
2. Нет уведомлениям без необходимости.
3. Нет чувству срочности без необходимости, дайте пользователям расслабиться.
4. Не задерживайте пользователей в сети без необходимости. Отправляйте их в реальный мир.
5. Уважение к пользователю, наконец.

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

Интересные интерфейсные концепты и инди-продукты на Kickstarter и Indiegogo теперь также собираются в группе. В отличие от того что делают внутренние исследовательские лаборатории Microsoft, Google, PARC, IBM, Disney, AT&T, MIT Media Lab и других компаний, эти штуки можно спонсировать и спустя полгода-год потрогать руками.

• Крайне интересный контроллер Flow, использующий сразу несколько способов управления ― жесты, тач, кручение.
• О том, как проектировался контроллер Flow.
• Закон Фиттса или почему Flow удобнее програмных слайдеров при дизайнерской работе.
• Универсальная кнопка Flic на Indiegogo.

• Концепт автономных машин от IDEO как передвижных офисов. Правда, такой подход съедает последнее свободное время.
• Хорошее видео-сравнение Android Auto и Apple CarPlay.
• BMW представила демо автоматической парковки под управлением «умных» часов.

Об экспериментах крупных американских банков с новыми форматами взаимодействия. В продолжение темы:

• Интервью с Toby Sterrett, работавшим над интернет-банком Simple, одним из пионеров направления простых интернет-сервисов.

• Pocket в своем блоге описывает тренд падения использования планшетов благодаря выходу смартфонов с большим экраном. Если в случае с iPhone 5/5s распределение времени чтения между ним и iPad было примерно на половину, то теперь планшеты упали до 20%. Падающие цифры продаж iPad подтверждают эту картину. Так что триумфальное шествие концепции Post PC идет несколько не так как мечталось.
• Небольшой обзор Sailfish OS от Lukas Mathis, в котором он приводит решения интерфейса как пример решения проблемы больших экранов. У меня Jolla тоже есть и хотя шансов выстрелить у платформы мало, интересных интерфейсных решений там предостаточно — одна из самых богатых на жесты платформ.

Началась публикация прогнозов по трендам 2015 года. Fjord описывает свои девять, касающихся дизайна и инноваций. Другие предсказания:

• Прогноз от Huge Inc.

Еще одна GIF-статья от Froont с наглядной историей подходов к дизайну в вебе.

• Изменения в топ-20 американских сайтов с 1996 года.
• Откуда взялся знаменитый желтый человечек Aol.

Dirk Knemeyer пишет краткую историю становления UX в 6 частях. Часть первая: «80е: дизайн, основанный на интуиции». Продолжение:

• Часть 2: «90е: закладывание основ».
• Часть 3: «Начало 2000х: становление».
• Часть 4: «2007 и далее: мобильные».

Tomáš Slavíček о принципах дизайна мобильных интерфейсов для пожилых людей на примере приложения KoalaPhone. Другие истории дизайна для людей с ограничениями:

• Что узнаешь, делая приложение для людей с небольшим доходом.
• О создании телефона для парализованных людей.

• Еще один редизайн Soundcloud в вебе.
• Редизайн пульта для Apple TV.

• Редизайн Foursquare для Windows Phone.

Выступление Романа Худоногова и Алексея Аметова о внутренних редакционных процессах в LAM. Слайды. Они думают о том, чтобы сделать Arcticle публично доступным продуктом и если все срастется, то анонс будет весной.

Интересный кейс команды обучающего сервиса Luminosity, в котором они рассказывают об экспериментах с процессом первого захода пользователя. Они добавили несколько вопросов наподобии теста в onboarding и оказалось, что это не только не роняет конверсию, но увеличивает вовлеченность. Кажется, Евгения Жадяева рассказывала о похожем опыте LinguaLeo.ru на UX-Среде.

Константин Горский и Геннадий Лахтин рассказывают о работе над экспериментальным интерфейсом Яндекс.Браузера, который был представлен в конце ноября. Еще немного их ответов на вопросы о продукте.

Как проводятся исследования игроков в юзабилити-лаборатории Microsoft Xbox.

О первых 6 месяцах существования юзабилити-лаборатории GOV.uk. Много интересных выводов, рекомендаций и отзывов менеджеров.

Еще один толковый кейс редизайна гос.сайтов. Rachel Haot рассказывает о новом NY.gov и особенностях работы над ним. В ее блоге на Medium есть и другие истории об этом запуске.

Мой коллега Андрей Сумин рассказывает о процессе запуска новой версии Почты Mail.Ru, которая стала доступна всем пользователям в этом году. Детально по всем шагам постепенной выкатки на все большее количество пользователей с кучей цифр и статистики. Полезно для всех, кто имеет дело с продуктами с большой устоявшейся аудиторией — как не растерять ее.

Очень интересная презентация Dan McKinley из Etsy о том, как компания пришла к про-активному анализу данных при запуске новых функций и сервисов. Во второй части делаются подробные расчеты ROI для пары фич, которые они планировали запускать.

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

Aurora Bedford из Nielsen/Norman Group пишет об использовании персонажей для сегментирования данных аналитики.

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

Pamela Pavliscak продолжает серию публикаций о работе с данными аналитики при проектировании интерфейсов. Вторая часть посвящена определению терминологии.

Колонка UXMatters на тему интеграции UX с бизнес-стратегией.

Памятка для клиентов на тему критики дизайна.

Ondřej Válka описывает форматы взаимодействия продуктового дизайнера с продукт-менеджером. Это одна из самых плотных связок в команде.

Julie Zhuo из Facebook о главных ошибках в дизайне продуктов. Слишком жесткие ограничения при изначальном исследовании пространства проблем и решений, слишком ранняя детализация одного из решений, принятие хорошего исполнения за хороший продукт, перекос в сторону стиля вместо смысла, фокусирование не на тех деталях.

Jim Nieters и Pabini Gabriel-Petit открывают серию статей о UX-менеджерах и лидерстве. Очень толково, хотя предварительная статья была менее системной. В продолжение темы:

• Крутейшая статья Julie Zhuo о том, что такое лидерство в дизайне.

Фреймворк для сборки гибридных приложений для iPhone.

Обучающие статьи для дизайнеров по работе с JavaScript от Дмитрия Пояркова. Для дизайнеров, правда, условно — это просто простая методичка для начинающих. Другие руководства для начинающих не-разработчиков:

• Ёмкий FAQ от Романа Шамина на тему того, нужно ли дизайнеру уметь верстать.
• хорошие доходчивые видео-уроки подкрепленные упражнениями на собственной веб-платформе. Как правило, первый час-два занятий (первая глава) бесплатны, далее подписка. Дизайнерам можно начать с JavaScript или HTML/CSS, подписка $29/месяц.

• Обзор инструментов для интерактивного прототипирования.
• Еще один сравнительный обзор современных инструментов.

• Базовое решение для использования связки Foundation и Jekyll.

• Алексей Соломатин выпустил коллекцию патчей для Quartz для анимации интерфейсов ТВ-приложений. Подписывайтесь на него на GitHub.

• Не то чтобы полезная, но забавная галерея экспериментов во Framer.
• Браузер без элементов управления, который отлично подходит для просмотра прототипов из Framer.
• Новый ориентир в прототипах мобильных интерфейсах — использование реальных и актуальных данных. С помощью облачного сервиса Parse это можно делать сравнительно легко и дешево. Такие прототипы делались и раньше, но это было дорогим и долгим удовольствием.

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

Появилась бета Noodl, недавно анонсированного инструмента для всего цикла прототипирования: анимаций, интерактивных взаимодействий и всего процесса работы с прототипом. Ее можно установить в виде расширения для Chrome.

Появилась бета инструмента для дизайнеров Tumult Hype Pro 3. Обещают интерактивные повторно используемые анимированные объекты с физической моделью и адаптивность для сайтов, iBooks, рекламы.

Ralph Thomas подробно и с наглядными интерактивными примерами разбирает физическую модель анимации. Проект доступен на GitHub для собственных экспериментов. В продолжение темы:

• Разбор базовых принципов CSS-анимации от ThoughtBot.

Elif Ceren Dik рассказывает об опыте создания хорошего подборщика цветовых решений для пользователей сервиса JotForm согласно теории цвета. Многие сталкиваются с похожими задачами, так что в этой ветке будут собираться материалы по алгоритмическим решениям подбора цветов. В продолжение темы:

• Генератор CSS-анимации для сложных градиентов.

Относительно недавно обновился Typecast — инструмент для создания визуально привлекательного и семантически выстроенного дизайна, проверки на читабельность, правильность рендера в браузерах и общую гармоничность — он стал бесплатным для дизайнеров, работающих в одиночку. Этим анонсом открывается ветка про веб-типографику: техники, скрипты, инструменты, руководства и многое другое:

• Adam Beres-Deak описывает техники подгрузки кастомных шрифтов без дергания с использованием localStorage.

• Evil Icons — набор бесплатных SVG-иконок для сайтов и веб-приложений. Node.js-пакет и Ruby-гем для разработчиков, .ai и .sketch для дизайнеров.
• Особенности рендеринга SVG в Chrome и Safari.
• Разбор техник работы с SVG-спрайтами.

• Скрипт, позволяющий менять перспективу изображений.
• Симпатичный скрипт для фотогалерей.
• Интересные эффекты появления/сокрытия попапов.
• Набор компонентов с простым внедрением и легкой кастомизацией для веб-разработчика.
• Эластичные меню и кнопки на SVG.
• Простой современный текстовый WYSIWYG-редактор.
• Календарь на чистом CSS.
• Еще один текстовый WYSIWYG-редактор а-ля Medium.
• Как работать с библиотекой Chartist.js для динамической инфографики.
• Лента новых скриптов на сайте Front-End Front.
• Скрипты для анимации заголовков с помощью CSS.
• До чего анимированный SVG дошел.
• Визуализация потока частиц в трехмерном пространстве (WebGL).
• Сервис, сканирующий топ-1000000 сайтов на предмет использования Javascript-библиотек и/или известных скриптов. Например, из 600+ тысяч из миллиона используют jQuery.
• Интересная реализация бургер-меню, чем-то похоже на Jolla.

• Qards — очередной инструмент для создания промо-сайтов, на этот раз от Designmodo. Является, по сути, визуальным редактором страниц для WordPress.
• Гайдлайны и макеты дизайна The Grid.

Достаточно развернутая инструкция по работе с Form, Origami-подобным инструментом для интерактивного прототипирования, который недавно был куплен Google.