Февраль '15

Kevin Lee, бывший глава по продуктовой стратегии и UX в Samsung Design America, о разнице между дизайн подходами Samsung и Apple.

• Сессия с Aaron Draplin из Draplin Design Co. и Field Notes.

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

Jeffrey Veen уходит из Adobe в True Ventures в качестве дизайн-партнера. В продолжение темы:

• Кажется, в России появилась похожая история — Платон Днепровский консультирует ФРИИ.

Christina Wodtke о своей карьере, когда она из дизайнеров перешла в бизнес и вернулась обратно уже более опытной.

О том, как Paul Rand добивался изменений в отношении к дизайну в крупных компаниях.

• Eric Portelance о главных уроках работы в Teehan+Lax.
• Еще одна статья о развитии дизайн команд в корпорациях.
• Tobias van Schneider о ментальной стагнации традиционной модели дизайн-агентств.

Jonathan Shariat пишет книгу «Tragic Design» об интерфейсах, которые убивают.

Elizabeth Lin о своем стажерстве в Khan Academy.

Свежий номер Бюллетеня «Эргономист» посвящен пользовательским интерфейсам.

Мнения известных специалистов о UX-сертификации.

Перевод книги UX Reader от команды MailChimp — это сборник статей из их рассылки. Часть 2.

Senongo Akpem рассказывает на Smashing Magazine о создании хороших кейсов в портфолио. Как сфокусироваться на задаче и результате, а не проектных артефактах. В продолжение темы:

• Еще один материал на тему от Brittany Mederos.

Дизайнер Golden Krishna пишет книгу «The Best Interface is No Interface» о проектировании приложений без пользовательского интерфейса. UXBooth опубликовал главу из нее. Сайт книги.

21 февраля — международный день Информационного Архитектора. В статье поздравления от Louis Rosenfeld. Тема 2015 года — «Архитектура счастья».

Arun Joseph Martin проводит сравнительный обзор дизайна четырех сайтов с онлайн курсами по UX: All You Can Learn от UIE, Udemy, Lynda.com и SkillShare. Другие обучающие программы:

• Курс по веб-типографике.

На UXMatters вышла моя вторая статья в рамках серии о UX-стратегии, посвященная продуктовому дизайнеру. Это значительно дополненная и переструктурированная версия недавней презентации на тему. Русскоязычная версия. В продолжение темы:

• Cemre Güngör о разнице работы продуктового дизайнера в стартапе и большой продуктовой компании. Он был частью Branch, купленного Facebook.
• Весьма правильный рассказ про переформирование процессинга при повышении навыков дизайнеров в команде.

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

• История одного из первых массовых коммерческих продуктов 90х, Virtuality.
• Толковая памятка от Fast Co Design по современному состоянию виртуальной и дополненной реальности.

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

Pebble анонсировал Time, новое поколение своих умных часов. Про характеристики и сценарии использования говорить не так интересно, все платформы делают плюс-минус одно и то же. Вот что действительно интересно — так это безумно крутая оркестровка анимации, сделанная на цветном e-ink. Во-первых, сам подход с плавной трансформацией элементов, когда все действия в интерфейсе выглядят одной большой и связной анимацией. По схожей модели работает material design и это новый уровень сложности для дизайнеров. Загрузчик Android, то что делает John Schlemmer — вот это ориентир на ближайшее время. Это вам не дешевый чит с пружинками, которые делают из интерфейса фильм Майкла Бея — половина Дрибббла сейчас уделана этими поделками. Во-вторых, то что это возможно на электронной бумаге, которую не очень-то жалуют топовые производители. Первые Pebble имели смехотворные задержки, но новая модель выдает 30 FPS — все выглядит очень и очень плавно и эффектно. И при этом держит батарейку неделю, а не умирает к началу следующего дня. Говорят, третий YotaPhone также будет использовать цветной e-ink. Если у них получится что-то похожее — нас ждет эпоха расцвета этой внезапно оказавшейся крутой для дизайна технологии.

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

Для корпоративных клиентов очки Google Glass активно поддерживаются и в этой узкой нише у них хорошие перспективы.

Rune Madsen на тему алгоритмов, генерирующих дизайн и новой роли дизайнера в таком мире.

• Илья Александров написал обзор перспектинвых интерфейсных решений в автомобильной индустрии.
• Обзор приборных панелей современных авто.
• Студия Raureif о том, смогут ли Android Auto и Apple CarPlay поменять не самый современный UX автомобилей.
• Инструмент для создания интерфейсов под новую платформу Nvidia Drive.

• Прогнозы Dan Sung для носимых устройств в 2015.

Толковый отчет Wolff Olins о современной роли и смысле лидеров в компаниях, а также важности дизайн-мышления для них.

Christina Wodtke выложила свою подборку книг по инфоархитектуре, которую она составляла 10 лет назад.

Еще один материал о keyset, экспериментальной клавиатуре Douglas Engelbart.

В статье Nautilus перечислены все концепции интернета за последние 100 лет, с большим фокусом на идею Paul Otlet. Интересно, что проблему информационной перегрузки, которую во многом породило промышленное книгопечатание в 19 веке, пытались решать уже тогда.

• Редизайн приложения Goodreads для iPhone.
• Nest для iPhone.

Беглый рассказ о том, как перезапускался новостной сайт Bloomberg, один из самых сильных редизайнов СМИ последнего времени. Joshua Topolsky, который приложил руку к Engadget и The Verge, летом 2014 года попал в издание и повлиял на то, каким будет итоговый результат. Обновленный раздел политики они, кажется, запустили еще до него. Не менее смелый дизайн их достаточно сильной дизайн-конференции Bloomberg Business Week Design.

Кейс работы над BBC iPlayer с точки зрения доступности. Он хорошо показывает, что соблюдения базовых гайдлайнов недостаточно и нужно проверять дизайн на живых людях.

Kara Pernice из NN/g несколько лет пользовалась термостатом Nest, но недавно заменила его более простой моделью. В статье она разбирает свой опыт пользования термостатом от первоначального восхищения до конечного разочарования, указывая нарушения при проектировании как эвристик Нильсена, так и принципов эмоционального дизайна Дональда Нормана.

• О работе технической команды Медузы.

Paul Stamatiou о дизайне приложения Twitter Video для iPhone.

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

Опубликовал рассказ в виде статьи на Smashing Magazine. Редакционный процесс в издании, конечно, хардкорный — все итерации правок и доработок заняли примерно полгода. Но получилось круто — теперь я знаю, каким потом и кровью достигается их уровень качества материалов. Со временем появится продолжение про контент-проекты и техническую сторону. Русскоязычная версия и републикация для сайта БЭМ.

Сайт-памятка по ключевым дизайн-принципам. Другие принципы:

• Принципы работы хорошего UX-исследователя от Jeff Sauro.

Перевод на русский книги UXPin про MVP. В продолжение темы:

• Книга Intercom для продукт-менеджеров на основе публикаций в их блоге.

Интересно о сложных маркетинговых решениях, стоящих за зеленым цветом СМС-сообщений в iOS.

Третья часть из серии публикаций Pamela Pavliscak о работе с данными аналитики при проектировании интерфейсов.

Крутое интервью с Игорем Селицким, руководителем аналитики Lamoda. Много интересного об отслеживании поведения пользователей в e-commerce.

Короткая брошюра Craig Morrison том, как нанимать UX дизайнеров.

Калькулятор стоимости дизайн-процесса в целом.

Продолжение серии статей Austin Govella о UX cтратегии. Часть 5: выбор правильных целей и Часть 6: нацеливание команды.

Выступление Mike Atherton на UX Cambridge 2014. Он рассказывал о совмещении стратегии бренда с UX- и продуктовой стратегией.

PJ McCormick о том, как работает UX команда Amazon.

Hoa Loranger из NN/g о «большом» редизайне: «В большинстве случаев предпочтительнее эволюционно улучшать продукт. Радикальный редизайн показан только в том случае, когда продукт настолько плох и запущен, что его невозможно заметно улучшить без полной переделки.»

О полезных практиках, которые развивают дизайн-команду.

Luke Wroblewski, о том, что недостаточно просто нанять много хороших дизайнеров для создания отлично работающего дизайна. Нужны изменения. Чтобы компания стала действительно ориентирована на дизайн, должна меняться сама компания, должны меняться и дизайнеры.

Очень толковый кейс использования понятия интерфейсного долга для переработки крупной линейки продуктов. К статье прилагается калькулятор в Excel.

Darrel Rhea очень толково описывает эволюцию дизайн-отделов в крупных компаниях. Как и для чего они были нужны в разные периоды развития профессии и рынка.

Как создать свой Product Hunt на платформе Telescope.

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

• Как Medium делает очень аккуратную печатную версию по канонам книжного дизайна.

• Meng To о работе дизайнеров в Swift.
• Библиотека от Meng To, облегчающая работу с анимацией в Swift.

• Библиотека для легкой подстановки контента во время скрола «за границу» в iOS/OS X.
• Красиво оформленное руководство по CSS. Читать совсем не так скучно, как W3C. Полезно будет дизайнерам, которые хотят учиться прототипировать
• Сравнение скриптов ленивой подгрузки и более оптимальный вариант.
• Эффект сияния на кнопке.
• Конструктор анимированных иконок.
• Пример эффектов для визуализации обратной связи после клика.
• Скрипт для выпрыгивающей навигации.
• Анимация добавления элементов в список.
• Отличные шутки на основе CSS-синтаксиса.
• Скрипт боковой навигации.
• Странный и не факт что практичный, но забавный контрол выбора даты.
• Крутой эксперимент по созданию 3D-окружения средствами HTML.
• Скрипт для автозаполнения полей ввода.
• Анимированный текст через SVG.
• Текстурированный текст на CSS.
• Крутой наглядный справочник-калькулятор по различным единицам измерения в CSS.
• Трансформация иконки поиска на SVG и JavaScript.
• Анимация отрисовки полигональных иллюстраций на SVG и JavaScript.
• Бессмысленно, но забавно — анимация адресной строки в браузере.
• Использование библиотеки для инфографики D3 вместе с flexbox.
• Очередная пачка анимаций кнопок.
• Несколько скриптов для аккуратной работы выпадающих меню, не убегающих от курсора мыши.

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

Руководство для начинающих по работе с uilang.

Небольшая обучалка по работе с Reflow.

• Появились шаблоны Apple Watch и несколько других дополнений.

• Как устроена новая эффектная анимация добавления в избранное в Твиттере.

Пачка шаблонов смартфонов и планшетов, сделанных на чистом CSS. Они доступны в разных цветах и ориентациях.

• Генератор градиентов в CSS.
• Простой онлайн-инструмент для проверки цветового контраста, критичного при обеспечении доступности.

• Скрипт для установки всех шрифтов из Google Web Fonts на Мак.
• Nick Sherman разбирает текущее состояние адаптивных шрифтов. Общие принципы были описаны в ранних спецификациях CSS, но в жизнь почти не попали. При этом активно развиваются инструменты, позволяющие смоделировать различные начертания на лету. Это даст дизайнерам большую гибкость, плюс позволит сэкономить на весе загружаемых файлов.

Фреймворк Frontend.md для создания живых гайдлайнов.

Отличная обзорная статья о возможностях CSS shapes, позволяющих делать эффектную журнальную верстку с обтеканием изображений по сложной маске. Правда, пока поддержка в браузерах слабая.

Об исследованиях в Wargaming.