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

1. ДАЙДЖЕСТ
ПРОДУКТОВОГО ДИЗАЙНА
Новости и тренды
ЮРИЙ ВЕТРОВ
MAIL.RU GROUP
×1ВЫПУСК

2. AKA “ОБЗОР СВЕЖИХ МАТЕРИАЛОВ”™
Мое главное хобби :) Все самое интересное из прочитанного
попадает сюда с кратким комментарием.
https://www.facebook.com/groups/pdigest/

3. ИНТЕРФЕЙСЫ НА VC.RU
С перезапуском Цукерберг Позвонит я стал курировать рубрику
«Интерфейсы». Самое толковое будет иметь переводы.
https://vc.ru/interface

4. ПАТТЕРНЫ
И ЛУЧШИЕ ПРАКТИКИ

5. ПРОСТРАНСТВЕННЫЕ ИНТЕРФЕЙСЫ
Очень интересные размышления Паскаля Де Сильва на тему того,
как представить карту взаимодействия с продуктом в виде
многомерного пространства.

6. ФОТОГРАФИИ В БРЕНДИНГЕ
Очень толковая статья Лорена Бакстера об использовании
фотографий в интерфейсе для усиления бренда. Он приводит
яркие примеры и дает инструкцию по поиску своей стилистики.

7. АДАПТИВНЫЕ РАЗМЕРЫ ШРИФТОВ
Steven Hoober описывает оптимальные размеры шрифта для
разных устройств в зависимости от размера экрана и положения
пользователя. В конце статьи идет полезная сводная таблица.

8. КАК ПОЧИНИТЬ ИНТЕРФЕЙС
Одна из лучших статей на тему пустого состояния интерфейса от
Scott Hurff. Он разделяет их на пять стадий – нет данных, загрузка,
мало информации, ошибка, идеальное состояние.

9. ГАЙДЛАЙНЫ

10. SALESFORCE LIGHTNING
Дизайн-система компании SalesForce.

11. IOS 9
Самое интересное ждало анонса force touch и taptic engine. В ОС добавлен
целый пакет решений, сильно сокращающий и упрощающий сценарии работы
с приложениями: быстрые действия с домашнего экрана и попапы для показа
ключевой информации без перехода в приложение.

12. APPLE TV
Интерфейс стал современным, в духе iOS и MacOS, к
возможностям управления добавился пульт с жестами в духе
Nintendo Wii и тач-поверхностью.

13. Grommet – UX-фреймворк для корпоративных приложений от
HP.
MailChimp собрал хорошее всеобъемлющее стилистическое
руководство для работников компании в один гайдлайн.

14. ПОНИМАНИЕ
ПОЛЬЗОВАТЕЛЯ

15. ВЕБ-ИНТЕРФЕЙСЫ ДЛЯ ДЕТЕЙ
Очень толковый обзор особенностей дизайна для детей разных возрастов от
Trine Falbe. В каждом из периодов развития свои когнитивные и физические
способности, что сильно влияет на оптимальный интерфейс.

16. ПСИХОЛОГИЯ ЦЕНООБРАЗОВАНИЯ
Появился русский перевод мощного материала о работе с ценами, их
отображение является важной частью дизайна для конверсии. Ник Коленда
подготовил очень и очень крутой обзор психологических стратегий и
дизайнерских методов методов представления цен продуктов.

17. ФИЗИЧЕСКИЕ ОГРАНИЧЕНИЯ IPAD
Ксения Стернина изучала физические ограничения при работе с
планшетом. По результатам исследования удалось создать карту
safe zones для iPad Air 2.

18. БЕЗОПАСНАЯ АНИМАЦИЯ
Val Head поднимает новую проблему – accessibility для интерфейсной
анимации. Некоторый процент людей страдает от укачивания и для них
современные продукты с изощренными переходами не очень-то комфортны.

19. ИНСТРУМЕНТЫ

20. RUSSIAN PROTOTYPING CLUB
Антон Карташов создал группу про Origami, Framer.js, Pixate и другие
современные дизайн-инструменты. Практические вопросы по
конкретным задачам, решение проблем, руководства для начинающих.

21. PRINCIPLE
Создатели говорят, что можно воссоздать ключевые
взаимодействия Facebook Paper за 60 секунд.

22. FLINTO ДЛЯ MAC
Инструмент переродился и выпустил приложение для работы с
прототипами и анимацией для Mac, похожий на недавний Principle.

23. INVISION
Целая череда анонсов в сентябре:
«Insight» упрощает взаимодействие между дизайнерами и
разработчиками.
«Inbox», единый инструмент для работы с перепиской вокруг
проектов.
«Motion», продвинутые инструменты для работы с анимацией.
Онлайн-курсы для дизайнеров. Первый из них ведет Scott
Hurff из Tinder.

24. AXURE RP 8 BETA
В августе появилась возможность поставить бета-версию Axure RP
8. По ссылке полный список нововведений, а в самом блоге
продукта детально рассказывается о каждом из них.

25. Easee – анимация в браузере.
Линда Донг, которая работала в Apple над инструментами для
рекламной системы iAd, показывает, как использовать iAd
Producer для прототипирования интерфейсов.
Сервис PageCloud стал одним из хитов недавно прошедшего
TechCrunch Disrupt. Он позволяет на лету редактировать
страницу сайта в браузере и сохранять изменения на сервер.
Sympli – отечественный инструмент для передачи дизайна от
дизайнеров разработчикам.

26. КУДА ИДУТ ИНСТРУМЕНТЫ
Julius Huijink опросил создателей и руководителей ключевых
инструментов прототипирования (Axure, InVision, Marvel, Proto.io, UXPin)
на тему их будущего и возможности создания универсального продукта.

27. Khoi Vinh размышляет о том, куда идет рынок инструментов
прототипирования. Adobe наняла его заниматься
инструментами для дизайнеров – одно из самых интересных
назначений последнего времени.
Сессия вопросов и ответов с Koen Bok, создателем Framer.
Tes Mat пытается собрать один и тот же интерфейс и
описывает плюсы и минусы Proto.io, Pixate, Origami, Framer и
Form. Кстати, на подходе его книга о работе во Framer.

28. BOOTSTRAP 4
Вышла первая альфа-версия. В блоге внушительный список
изменений. Также запущен официальный каталог тем оформления.

29. MATERIAL DESIGN LITE
Фреймворк, позволяющий легко и быстро построить свой
сайт на мобильных платформах в «материальном» стиле.

30. ПОЛЬЗОВАТЕЛЬСКИЕ
ИССЛЕДОВАНИЯ
И ТЕСТИРОВАНИЕ

31. ANALYSIS ISN’T COOL
Большинство публикаций и выступлений на тему пользовательских
исследований много говорят о том, как проводится работа с
пользователями, но мало рассказывает об анализе полученных знаний.

32. УПРАВЛЕНИЕ
ИНТЕРФЕЙСНЫМИ
ПРОЦЕССАМИ
И ПРОЕКТАМИ

33. ПЛАТФОРМЕННОЕ МЫШЛЕНИЕ
Как перестать плодить документацию и начать жить. Нужно
воспринимать работу над продуктом как создание и развитие
платформы, а не конкретный релиз. На русском.

34. КОМУ НУЖНА UX-СТРАТЕГИЯ?
У нее 7 ключевых составляющих от Paul Bryan: связка с бизнес-
стратегией, модель клиента, карта experience, сравнительные
исследования и отчеты, общий план внедрения стратегии и roadmap.

35. БРЕНДИНГ В ИНТЕРФЕЙСАХ
Интересная дискуссия на тему провязки бренда в интерфейсе и
других аспектах продукта, которую вели John Maeda, Robert
Padbury и Tim McCoy.

36. МЕТРИКИ И ROI

37. 32 СПОСОБА ИЗМЕРИТЬ UX
Отличная классификация методов пользовательских
исследований от Jeff Sauro в привязке к конкретным задачам.

38. КЕЙСЫ

39. KREMLIN.RU
Артем Геллер отвечает на вопросы Smashing Magazine о работе
над новым сайтом Kremlin.ru. Насыщенная статья, в которой много
интересных технических деталей.

40. ALCATEL WATCH UX
Шикарнейший кейс Дениса Невожая про работу над
интерфейсом умных часов One Touch Watch от Alcatel.

41. Очень мощный кейс от команды Jawbone, охватывающий все
нюансы продуктовой работы. Вторая часть.
Толковый кейс работы над новым приложением Paper для
iPhone. Почему FiftyThree не стали портировать широко
известную iPad-версию, а переосмыслили с нуля.

42. ИСТОРИЯ

43. THE SPACE JAM
Мощный материал The Rolling Stone о том, как создавался
легендарный сайт фильма Space Jam и как вообще киноиндустрия
пришла в интернет.

44. ИСТОРИЯ ИКОНОК
Шикарнейший материал по истории иконок от 80-х до настоящего
времени. Компания Futuramo разбирает эволюцию подходов и
приводит примеры всех более-менее значимых платформ.

45. ТРЕНДЫ

46. POST-MAC
Adam Baker вспоминает концепцию Anti-Mac от Якоба Нильсена и
Гентнера 1996 года и предлагает свое видение Post-Mac.

47. DESIGN MACHINES
Современный дизайн в вебе превратился в унылое однообразие.
Travis Gertz разбирает причины этого засилия клонов и предлагает
выход — куда смотреть и куда двигаться, чтобы выйти из тупика.

48. APPLE WATCH ОТ LUKE WROBLEWSKI
Люк предложил упрощенную модель работы интерфейса. Часы действительно
обладают избыточностью для такого маленького устройства и его подход
ближе к Android Wear, более простой платформе в этом плане.

49. ПРОФЕССИОНАЛЬНОЕ
РАЗВИТИЕ

50. UIDEO
Андрей Якушев запустил агрегатор видео с отечественных
дизайнерских конференций. Уже более 600 роликов.

51. TILDA EDUCATION
Никита Обухов уделяет много времени воспитанию рынка. В
октябре запускаются два онлайн-курса в дополнение к статьям –
по веб-дизайну и веб-паблишингу.

52. READYMAG DESIGN SCHOOL
Набор добротных обучающих статей, посвященных основам
дизайна – шрифты, сетка, цвет, композиция.

53. ДИЗАЙН В СТАРТАПАХ
Очень интересное интервью с Braden Kowitz, дизайн-партнером
Google Ventures, о том, как фонд работает со стартапами в плане
дизайна.

54. DEATH TO BULLSHIT
Brad Frost запустил новый блог по мотивам своей недавней
презентации. Он собирает в нем примеры плохих практик в
дизайне и того, как индустрия борется с ними.

55. ЛЮДИ И КОМПАНИИ
В ОТРАСЛИ

56. COOPER NYC
Cooper пошли против тренда схлопывания самостоятельного
бизнеса на дизайне и сами купили студию Catalyst Group. Теперь у
них есть офис в Нью-Йорке и расширенная экспертиза.

57. МАТЕРИАЛЫ
КОНФЕРЕНЦИЙ

58. OFFF RUSSIA 2015
10 и 11 октября ИКРа во второй раз приводит международный
фестиваль OFFF в Россию. Приедут IDEO, AKQA, Joshua Davis, StinkDigital,
MUCHO. Во второй день пройдут мастер-классы от IDEO и Joshua Davis.

59. COOPER И COOPER U
Масштабная серия статей о Cooper U, большой инициативе компании
Cooper Consulting по дизайн-образованию. Интервью с Tereza Brazen,
заведующей программами обучения, а также разбор курсов.

60. P.S.Свежие материалы можно получать по почте в формате
почтовой рассылки. Подписывайтесь.
Это был эксперимент, надеюсь, не провальный :)
*
*

61. CREDITS
ГЕННАДИЙ ДРАГУН
ДМИТРИЙ ПОДЛУЖНЫЙ
ПАВЕЛ СКРИПКИН
АНТОН АРТЕМОВ
ДЕНИС ЕФРЕМОВ
ЕВГЕНИЙ СОКОЛОВ
АЛЕКСЕЙ КОПЫЛОВ

62. СПАСИБО!
ЮРИЙ ВЕТРОВ
www.jvetrau.com twitter.com/jvetrau