Дайджест
продуктового дизайна
Подписаться на рассылку
Ура! Вы подписаны!
Oops! Something went wrong while submitting the form.
© Юрий Ветров, 2010–2025
Впервые за десятилетие своего существования Фестиваль цифровой медиа-культуры OFFF пройдет в России. 5 и 6 июля в креативном пространстве “ТКАЧИ” выступят Anton Repponen & Irene Pereyra (FI), Florian Schmitt (Hi-Res), Rama Allen (The Mill) и другие.
Материалы конференции ProfsoUX, проходившей 26 апреля в Санкт-Петербурге.
Материалы конференции Service Experience 2013, проходившей 3-4 октября в Сан-Франциско.
Материалы конференции Lean Day London 2014, проходившей 25-26 марта в Лондоне.
Материалы конференции From Business to Buttons 2014, проходившей 3 апреля в Швеции. Некоторые выступления:
Выступления с конференции MX2014 — Managing Experience, проходившей 16-17 марта в Сан-Франциско. Я давно хотел попасть на нее и в этом году получилось — это уникальное мероприятие по составу и темам. Презентации рассылали участникам, но пока почему-то еще не выложили в открытый доступ. Самые мощные выступления у Todd Wilkens из IBM, Bill Scott из Netflix и закрывающая от Brandon Schauer. Было много булшита, во многом от ребят из сервис-дизайна (сплошная вода про ценности без конкретики). Но в целом — было круто увидеть как устроен дизайн-процесс и ценности в крупнейших компаниях. Некоторые из презентаций:
Интервью с Alex Petland, одним из "дедушек" носимых устройств. Под его руководством в 90х в лабораториях MIT создавались первые прототипы: очки со встроенным дисплеем; часы с датчиками температуры, пульса и кровяного давления; ремень с беспроводным выходом в интернет; значек со встроенной камерой и микрофоном, клавиатура вшитая в жилетку и т.п.
Интервью о мобильном юзабилити с Якобом Нильсeном для сайта Dorm Room Tycoon.
Интервью с John Maeda, одним из самых интересных современных дизайнеров. Достаточно интересно о том, как он консультирует компании и учит руководителей дизайну. В продолжение темы:
100 лучших креативных специалистов 2014 по версии Fast Co Design.
Серия коротких обучающих видео от Luke Wroblewski, записанных для обучающего канала Intel.
Перестало существовать издательство Five Simple Steps, в котором вышли "Hardboiled Web Design", "Practical Guide to Designing for the Web", "Practical Guide to Designing with Data", "Practical Guide to Information Architecture". Это связано с покупкой родительской Mark Boulton Design шрифтовой компанией Monotype… Правда, через месяц издательство решило продолжить работу. В продолжение темы:
Jeff Sauro о разнице в работе юзабилити-специалиста над корпоративными и потребительскими приложениями.
Серия забавных постеров от Jeff Sauro, показывающих проблемы в интерфейсах.
Переосмысление обучения с помощью методов проектирования услуг.
Компания Vitamin T составила примеры обсшего описания требований для разных уровней (младший, "специалист", старший) позиций: Проектировщик взаимодействия, Визуальный дизайнер, Исследователь пользователей.
Бесплатные видео-курсы от Aquent, в том числе по адаптивному дизайну и кодингу для дизайнеров.
Cory Lebson размышляет о локальных UX-сообществах и их лидерах. Он вспоминает попытку Lou Rosenfeld и других мастодонтов создать в 2004 году UXnet, инициативу по поддержке таких сообществ. Тогда, наверное, было рановато, но теперь у такая организация была бы кстати.
Анастасия Щеброва о своём опыте получения сертификата CUA (Certified Usability Analyst). Набор "шпаргалок" для подготовки к нему. В продолжение темы:
Julie Zhuo из Facebook размышляет о том, почему дизайнеры уходят из компании. Она описывает типичный сценарий прихода, воодушевления, разочарования и ухода специалиста. Также будут интересны:
Отличнейший материал Jim Ross о том, почему опыт стажерства в компаниях зачастую негативный как для нанимателя, так и для самого стажера. Он подробно разбирает причины провалов и дает рекомендации обеим сторонам. В продолжение темы:
Мощный лонг-рид на тему специалистов и генералистов в дизайне от Frank Chimero. Он выделяет три роли дизайна — декорация, производство и донесение идей. Публикация скорее о графическом дизайне, но актуальна для любых направлений. Подборки лучших книг
Выдержка из новой книги Matthew Magain и Luke Chambers "Get Started in UX: The Complete Guide to Launching a Career in User Experience Design" на тему начала карьеры в UX.
Новая книга Влада Головача, посвященная истории дизайна и ее влиянию на культуру. Глубокая и ёмкая. Онлайн-версия.
Документальный фильм с участием многих известных дизайнеров, запущенный на Kickstarter.
Компании пережили волну восхищения большими данными и веб-аналитикой. Anil Dash об ожидаемом появлениии инструментов "личной/потребитальской аналитики", где будет критично качество UX.
Замечательный дизайн, доступный для всех — концепция, созданная Ehsan Noursalehi . Идея — разрабатывать простые, функциональные продукты, которые были бы одинаково доступны и в передовых, и в развивающихся странах. Такие, как классические часы Casio, которые выпускаются уже более 20 лет, ручки Bic, пластиковые стулья, дешевые портативные УЗИ-скaннеры GE... Доступность это не только ограниченные физические, но и ограниченные финансовые возможности, ограниченный доступ к ресурсам. 90% населения земли живут в условиях ограниченности.
Samsung запустил подсайт, посвященный принципам дизайна компании и вещам, которыми она гордится. Уже пошли волны сарказма (например, Fast CoDesign), но это в любом случае интересно. В продолжение темы:
Don Norman разбирает свои предсказания, сделанные 16 лет назад в книге "Invisible Computer". Что сбылось, что — нет, а что — ещё может случиться, а также дает новые предсказания на следующие 10 лет. В продолжение темы:
Adam MacBeth, который работал над iPod, Jawbone, Fifty Three Pencil, пишет об особенностях создания новых устройств. В продолжение темы:
Wells Riley размышляет о том, каким может быть пост-флэт-дизайн. Небольшой концепт от Pietro Schirano c более активным использованием градиентов.
Интернет-тренды на 2014 год от KPCB.
Свежее об автомобильных интерфейсах
Дизайн-партнер в венчурной компании — новая возможность для дизайнеров? Например, John Maeda перешел в KPCB, а Irene Au начинает работать в Khosla Ventures.
Презентация Stephen P. Anderson, посвященная альтернативному взгляду на проектирование сервисов. Он предлагает отказаться от работы по оптимизации конкретных сценариев и создавать площадку с простыми правилами работы, которую пользователи могли бы использовать так как им это больше подходит. Такие сервисы имеют значительно большую вовлеченность и гибкость — почти как игровые миры.
Одна из тенденций момента — рекламные и креативные агентства начинают заниматься UX- и продуктовым дизайном. Получается на первый взгляд очень эффектно, но чревато для успеха самих продуктов.
В публичный доступ ушел внутренний отчет NY Times о трендах в контент-проектах и состоянии самого издания. Крайне интересно о том, куда развивается эта индустрия. Также будут интересны:
Mashable о 50-летии первого видео-фона от AT&T и непростом пути прихода видео-звонков в повседневное использование.
Еще одна статья о бельгийском библиотекаре и предпринимателе Paul Otlet и его вкладе в появление интернета. Оказывается, что помимо своего известного проекта Mundaneum он опередил и идеи Vannevar Bush, считающегося основоположником концепции гипертекста и компьютера как "расширителя способностей" человека.
Microsoft, Google. Apple, BBC, CNN... Как 25 известных сайтов выглядели 15-20 лет назад.
Про Susan Kare, одну из первых цифровых дизайнеров, автора иконок первого Mac и вообще одну из самых легендарных личностей в продуктовом дизайне пишут регулярно. Но эта статья, наверное, самая подробная и интересная из всех.
David Heinemeier Hansson из 37 Signals об эволюции мобильного приложения Basecamp с использованием гибридного подхода.
Кейс улучшения пользовательского профиля в Facebook с помощью связки исследований. От ко-дизайна с пользователями до обкатки на проценте аудитории.
Мастер-класс Галины Тимченко, бывшего главного редактора Ленты.ру, о том, как делался недавний редизайн издания и с какими проблемами столкнулись в его ходе.
Luke Jones критикует популярные на Dribbble и Behance непрошенные редизайны крупных сервисов на примере плоской Mac OS. Внизу статьи неплохая жаркая дискуссия на тему. Другие спорные или откровенно плохие попытки таких редизайнов:
Презентация Андрея Сикорского об эволюции UX с конференции РИФ+КИБ 2014.
Проблемы практической поддержки доступности. То, на что предпочитают закрывать глаза. Очень часто, при неправильной реализации, приоритетом является формальное техническое соответствие стандартам, а не качество взаимодействия. Иногда даже выбираются неправильные стандарты, например, проверяется соответствие WCAG там, где нужно проверять на WAI-ARIA. Поддержка доступности не закладывается в систему с самого начала, а существующая система "подгоняется" под формальное соответствие стандартам. Также будет полезно:
Richard Berkman и Marvin Klein из IBM описывают современный подход к созданию продуктов в банковской сфере. Их общий посыл — больше нет редизайнов и крупных версий, для которых интерфейс должен быть идеально вылизан. Скорее продукты перезапускаются в виде платформы, которая постоянно обновляется и улучшается, так что релиз — это только начало пути.
Хорошая памятка Kevin Stone о том, как происходит закрытие продукта. Пошаговая инструкция для менеджеров, дизайнеров и проектировщиков.
Очень полезная программная статья о Tom Lehman, создателе сервиса Rap Genius, в которой он рассказывает об истории создании продукта и своем убеждении "чем хуже — тем лучше". Его цель — проверять продуктовые идеи вживую в как можно более простом виде, забивая болт на слабо работающие. Это идет вразрез с желанием многих дизайнеров вылизывать каждую мелочь, часто не обращая внимания на то, что она имеет низкую ценность для пользователя или вообще не нужна. Посыл Тома, конечно, совсем радикален, но позволяет найти правильный баланс между вниманием к деталям и выкатке работающих решений. Перевод на русский.
Хорошие кейсы того, как можно убедить компанию поменять продуктовые планы. В продолжение темы:
Grace Ng описывает метод проверки продуктовых гипотез и наглядную табличку для этого. Она приводит простой пример из своей практики, показывающий как работать с шаблоном.
Оправдывает ли себя дизайн ради дизайна, например — приложения Carousel от Dropbox, Paper от Facebook, Jelly? Ведь дизайн должен приносить результаты. "Великолепный" дизайн, который приносит малую отдачу на самом деле — провал. Tuhin Kumar из Facebook отвечает на статью. Правда, немного с позиции "сначала добейся".
Новая колонка UXMatters на тему того, как заметить хорошего UX-дизайнера?
Советы Katie Hill из Airbnb о том, как правильно критиковать дизайн. Причем расписанные с обеих сторон — презентующего и критикующего. В продолжение темы:
Joe Leech из CXPartners об обратной концепции для lean UX — Maximum Viable Product. Это тот набор функций, который является пределом, после которого начинается перегруз возможностями и ухудшение интерфейса.
Jeff Sauro описывает 7 основных причин, из-за которых обнаруженные юзабилити-проблемы остаются нерешенными: 1) Не ясно, как часто встречается проблема, как много пользователей она затрагивает; 2) Проблема затрагивает небольшое количество пользователей; 3) Нет согласия внутри команды, действительно ли проблема является проблемой; 4) Испpавление требует капитальных переделок продукта; 5) Влияние проблемы мало заметно сказывается на опыте пользователей; 6) Оценка затрат на исправление больше, чем потенциальный выигрыш; 7) Продукт и так работает, зарабатывает деньги. Хозяева знают о проблемах, но довольны и не хотят пока ничего менять.
Mark Kawano, экс-евангелист UX в Apple, разоблачает 4 мифа о процессе дизайна в компании. Перевод на русский.
Amy Hoy о продуктовом дизайне, том, что сначала нужно сделать простые вещи работающими, а уже потом гнаться за "инновациями". Продолжение. В продолжение темы:
Joshua Porter, UX-директор HubSpot, рассказывает об организации дизайн-процесса в компании.
Angela Cravel из EffectiveUI о том, как анализировать ситуацию в компании.
PJ McCormic о построении процесса внутри его команды дизайнеров в Amazon.
Andrew Chen пишет правду о пользовательских метриках применительно к социальным сервисам. В некоторый случаях только 1% из посетителей зарегистрируется; 95% процентов ваших пользователей будут неактивны в любой конкретный день; Более 50% процентов пользователей так и останутся одни, ни к кому не присоединятся.
HTML5-фреймворк Onsen UI для создания Android и iOS-приложений. Позиционируется как лучшая альтернатива PhoneGap.
Фреймворк на базе Bootstrap 3.
История инструментов визуального программирования от 60х до нашего времени от Eric Hosick из Interface Vision.
Еще один современный инструмент для дизайнеров, желающих сократить цепочку от макетов до реализации. Он позволяет экспортировать макеты для iOS в ресурсы и код на Objective-C и C#.
iOS Hat помогает превратить слои из Photoshop в работающий код на Objective-C. Поддерживается экспорт цвета, векторных форм, стилей текста. Учитываются размеры и привязки.
Пополняемая коллекция строительных кирпичиков для вашего веб-проекта. Присутствуют как комплексные HTML/CSS/Javascript решения, так и отдельные небольшие компоненты.
JS-библиотека для создания графики и ее анимации в SVG. В продолжение темы:
Webflow добавляет возможности интерактивной анимации, так что теперь еще лучше подходит для одностраничных промо-сайтов.
Руководство по прототипированию форм от Martin Polley, используя фреймворк Foundation от Zurb. Часть 2.
Инструмент для визуального программирования Flowhub (ранее NoFlo) в начале этого года собрал деньги на KickStarter и теперь находится в бете. Он основан на JavaScript и позволяет работать с вебом и приложениями на Android и iOS. Обзорная статья.
В рамках Hour of Code™ был запущен подсайт с обучающими видео-материалами по языку программирования Processing, заточенному на визуализацию данных.
Еще один конструктор Refills для быстрой сборки проектов. Сделан на базе CSS-фреймворка Bourbon и его надстроек Bitters и Neat.
Dave Gamache из команды Medium описывает технические нюансы создания правильного параллакса в вебе. Демо в сопровождение статьи.
Facebook открыл код своего фреймворка Pop для анимации в мобильных приложениях, который использовался при создании Paper. Подробнее о нем. В продолжение темы:
Javascript-фреймворк для создания сложных пользовательских интерфейсов для любых экранов. Хорошая документация, полно демонстрационных материалов и обучающих статей, растущее сообщество. Встроен 3D-движок, работающий почти в любых браузерах — можно делать что угодно: от сложных анимаций до игр.
Подробнейший разбор того, как работает современная CSS-анимация от Stephen Greig. Учитывая то что делать такие вещи руками становится все проще, полезно понимать общие принципы и детали.
Фреймворк Avocado от IDEO, еще одна надстройка над Quartz Composer. Вышла ее версия 1.0. В продолжение темы:
Вышла третья версия Framer.js с кучей новых возможностей. В продолжение темы:
Подробный обзор современных инструментов для визуальной «верстки» адаптивных сайтов. В продолжение темы:
Из беты вышел Macaw, новый современный инструмент для дизайнеров и проектировщиков на замену тяжеловесному Фотошопу. Как и Sketch, он облегчает рабочий процесс, но идет дальше и обещает визуальное программирование, о котором давно мечтают ведущие дизайнеры. На выходе — чистый и аккуратный HTML и CSS, поддерживающий адаптивность. В продолжение темы:
Интересные размышления Davide Casali на тему популярного в последние годы посыла о том, должен ли дизайнер уметь верстать.
Онлайн-сервис Readability.io помогает улучшать информационные тексты в интерфейсах.
Кейс того как команда Prismatic использовала сервис Amazon Mechanical Turk для того чтобы упростить выбор вариантов с помощью А/В-тестирования.
Jeff Sauro рассказывает, как анализировать неполные данные пользовательских опросов. Возможны разные ситуации — конкретный вопрос был некомфортен для значительной части респондентов и ответов на него нет у большого процента или ответы пропущены в случайном порядке.
Выдержка из вышедшей в прошлом году книги Donna Tedesco и Fiona Tranquada "The Moderator’s Survival Guide: Handling Common, Tricky, and Sticky Situations in User Research".
Простой способ тестирования цветового контраста при помощи Chrome Accessibility Developer Tools.
Отличнейший материал команды AirBnB о их методах проведения А/B-тестирования, а также особенностях использования инструментов и методов. Перевод на русский. В продолжение темы:
Набор экшнов для Photoshop, упрощающих работу с iOS7-макетами.
Плагин для Photoshop, позволяющий быстро просматривать макеты на связке подключенных смартфонов и планшетов. Создатели говорят, что работает быстрее Skala. В продолжение темы:
Dan Nisbet подробно о том, как эффективно использовать Adobe Fireworks в командной работе. Хотя поддержка инструмента по сути прекращена, многие до сих пор эффективно используют его и пара лет у него еще есть.
Калькулятор адаптации дизайна смартфонных и планшетных приложений к экранам разного разрешения и плотности от Jeff Broderick.
MMLayerShots позволяет собрать все экраны iOS-приложения в единый структурированный PSD, что достаточно удобно для проверки на качество реализации. Предполагает некоторые навыки кодинга и Mac.
Еще один инструмент для создания интерактивных прототипов из макетов. Синхронизируется с Дропбоксом и показывает прямо на устройствах. Официальная Фейсбук-группа инструмента.
Подборка основных правил создания интерфейсов для iOS7 от Apple. Кстати, официальные гайдлайны вышли в виде книги в iBooks.
Приложение Demonstrate для быстрого прототипирования мобильных приложения для iOS.
Игральные карты с миниатюрами типовых экранов интерфейсов.
Susan Robertson о том, как создавать гайдлайны в HTML.
Базовая памятка по созданию интерфейсов в Adobe Illustrator. 14 советов про основные особенности работы.