Уже шесть лет руководитель портальной дизайн-команды Mail.Ru Group Юрий Ветров публикует в своём блоге регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок он отбирает примерно 5% стоящих публикаций, которыми интересно поделиться среди экспертов.
Специально для vc.ru Юрий Ветров собрал выжимку из 20 самых интересных ссылок сентября.
Бесплатные мокапы для iPhone 7
А вот и первый шаблон iPhone 7 от LStore. Для Photoshop и Sketch. Ещё несколько:
- Шаблон iPhone 7 для Sketch от Олега Андрианова.
- Шаблон iPhone 7 для Photoshop от Pixeden.
- Шаблон iPhone 7 для Photoshop от Артёма Кобякова.
- Шаблоны iPhone 7 в разных цветах для Photoshop от Pixeden.
- Макет iPhone 7 Jet Black для Photoshop от Ramotion.UX-стратегия на практике. Часть 4.
UX-стратегия на практике, часть 4: От дизайн-команды к дизайн-культуре
На UXmatters вышла четвёртая часть из моей серии статей про UX-стратегию, посвящённая всем аспектам дизайн-менеджмента. Чтобы в современном мире удачно вписываться в динамичный производственный процесс и бодро работать на рынке, обновляя продукты и предлагая новые, нужно озаботиться тремя вещами: команда, лидеры и культура.
Рабочий процесс создания дизайна также важен, но он стал гигиеническим требованием — это обязательное, но далеко не достаточное условие для сильной дизайн-команды. Он должен быть и должен быть продуманным. Но для успеха куда важнее общие ценности. Версия на английском (разбита на две публикации). Ещё на тему управления дизайн-командами:
- Как устроен дизайн в Spotify.
- Опыт управления удалёнными дизайн-командами от Todoist.
- Опыт управления удалёнными дизайн-командами от Heroku.
Motion Table
Крутая наглядная периодическая таблица анимации. Не всё годится для использования в интерфейсах, но таблица очень полезна для систематизации знаний.
Глава из книги Mapping Experiences
В мае вышла книга Джеймса Калбаха Mapping Experiences, посвящённая работе со всеми видами experience-карт. UXmatters публикует четвёртую главу из неё — о том, как начать работу над такой картой.
Figma — инструмент для одновременной работы над дизайном
Продукт вышел из беты. Это Google Docs для дизайнеров: над интерфейсом могут работать несколько человек одновременно.
Другие новости инструментов для дизайнеров:
- Adobe XD: в августовском обновлении бета-версии расширились возможности анимации и появились линейные градиенты. В сентябрьском обновлении появился просмотр прототипов на Android и iPhone, а также много других полезных вещей: легче понять высоту экрана, проще работать с плотностями экрана, удобнее делиться прототипами, больше возможностей анимации. Судя по тому, что в этом анонсе нет тизера следующего, на ближайшей конференции Adobe MAX покажут что-то совсем большое вроде версии для Windows и ключевой функциональности.
- Sketch: вышла версия 40 (изменения в основном мелкие). Среди плагинов обновился Sketch Measure (появился экспорт спецификации в HTML и JavaScript), а Жоффруа Делобель описал свою модель командного взаимодействия в Sketch.
- InVision запартнёрился с сервисом удалённого юзабилити-тестирования UserTesting и купил Muzli. Говоря о Craft: Дэвид Ниджи рассказал, как сделать свое API для генерации тестовых данных, чтобы можно было использовать их в макетах Sketch.
- Flinto: подробнейшая пошаговая инструкция по прототипированию во Flinto. Часть 2.
- Readymag: появилась возможность вставлять формы.
- Framer: рассказ, как связать его с Cinema 4D для работы над прототипами интерфейсов виртуальной и дополненной реальности. А Framer Club собирает примеры прототипов, собранных с помощью инструмента.
- Visio: возможность просмотра документов на iPad появилась и в вебе.
Параметрические шрифты в OpenType
Adobe, Apple, Google и Microsoft задружились и расширили формат OpenType: теперь поддерживаются параметрические шрифты. Это интерполяция начертаний из нескольких базовых, с которой экспериментировали последние годы. Открывается новая эпоха в веб-типографике.
UX-Среда AMA: компания «Иннова»
На вопросы седьмой сессии AMA от UX-Среды и vc.ru — о дизайне в компании «Иннова» — отвечают Антон Ярусов, Родион Арсеньев, Слава Кутеев, Микаэл Гелецян и Евгений Муравьев.
У компании одна из самых сильных дизайн-команд в рунете, которая делает отличные продукты и хорошо устроила внутреннюю культуру. При этом сфера интересов достаточно необычна: «Иннова» занимается играми (портал 4Game), детским парком «Кидзания Москва» и онлайн-кинотеатром Ayyo. Крайне интересно, как им удаётся совмещать всё это и делать хорошие продукты в каждой из областей.
UX-Среда AMA: студия AIC
На вопросы девятой сессии AMA от UX-Среды и vc.ru — о дизайне в студии AIC — отвечают Сергей Попков, Николай Иванов, Андрей Абрамов, Ильназ Хасаншин, Сергей Киреев и Дмитрий Игошин. Компания регулярно заявляет о себе сильными проектами и наградами, делится собственными мнениями и делает качественные переводы статей, а недавно анонсировала свою школу дизайна. Многие компании делают полезные для сообщества вещи, но AIC в последнее время — одни из самых заметных.
Отрывок из книги об onboarding в Intercom
Компания Intercom выпустила книгу об onboarding. В её блоге на Medium опубликована выдержка из неё, рассказывающая об основных принципах.
Редизайн мобильного приложения банка «Открытие»
Дизайн-команда Redmadrobot в деталях рассказывает о редизайне мобильного банка «Открытие». Другие кейсы редизайнов:
- Как дизайнеры финансовой группы Société Générale переработали сложное многоуровневое меню.
- Перевод статьи Пендара Юсефи о редизайне Google AdWords.
- Шикарный кейс редизайна и ребрендинга мобильного банка Monese. Отличный пример связки бренда с интерфейсом.
- Себастьян Габриель рассказал о редизайне Chrome для компьютеров. Много интересных деталей о том, как оптимизировать работу с ресурсами для разработчиков.
- Очень добротный рассказ команды Optimizely о работе над одним из аналитических отчётов.
Исследование о ecommerce: почему 68% пользователей отказываются от покупки
Baymard выпустила отчёт о причинах отказа от покупки в интернет-магазинах. Интересно, что около 60% из них просто изучали цены и товарные предложения и не собирались ничего покупать, так что эти потери вернуть невозможно. Первая выдержка — о валидации полей.
Целеполагание с помощью OKR
В последнее время метод OKR (objectives & key results) для постановки и отслеживания целей компании и продукта всё востребованнее, но хороших материалов о нем не так много. Евгений Емельянов написал отличную статью с примерами о том, как его использовать. Метод отлично подходит и для долгосрочного планирования работы, и для развития дизайн-команд.
Канбан для дизайнеров в Optimizely
Продолжение рассказа о дизайнерском канбане в Optimizely. Очень интересная структура доски, завязанной на методе «двойного алмаза» — в ней отдельно показано изучение проблемы и производство решения.
Второе издание книги Contextual Design
В декабре выходит второе издание одной из самых влиятельных книг в области UX — знаменитой Contextual Design Карен Хольцблатт и Хью Баера. Первое издание до сих пор активно продается, и в каждой второй книге о UX есть на неё ссылка. Впервые она вышла ещё в 1997 году и, в отличие от большинства других книг по дизайну, почти не устарела, так как она не про технологии, а про глубокое изучение людей.
Новое, полностью переписанное издание стало толще на 100 страниц, и в него добавлена поддержка CoolConcept, которым Карен занималась последние годы: она выясняла, какие факторы делают продукт крутым в глазах пользователей. Также книга включает в себя опыт использования Contextual Design в реальных проектах на протяжении последних 18 лет.
Кроме этого, дополнительно раскрыт вопрос удовлетворения пользовательских мотивов в современной гетерогенной среде. Самая низкая цена на книгу — на сайте издательства.
Руководство о когнитивных факторах в дизайне
Фабио Муниц описывает фреймворк когнитивных аспектов, которые важно учитывать при проектировании интерфейсов. Он ссылается на классическую работу Томаса Грина и Мариан Петре, где они появились впервые.
Как художники Star Trek представляли iPad почти 30 лет назад
Ещё один рассказ о том, как переход от кнопок к графическим интерфейсам помог съёмочной группе Star Trek сэкономить на производстве декораций и создать более футуристический антураж.
Как организовать обсуждение дизайна — советы от команды Google
Советы о том, как организовать критику дизайна. Они делят работу над продуктом на три этапа — концептуальная часть, производство и запуск с обратной связью. Для каждого из них свой фокус и свои вопросы к результатам работы дизайнера.
«Каждой компании нужны инструменты для внедрения нового»
Сорен Каплан пишет о том, как внедрить инструментарий для инкрементальных и более крупных инноваций в компании. Она приводит примеры из работы Adobe, Intuit и других компаний, которые сделали эту работу системной.
Победители премии Innovation by Design Awards
Fast Company выбрала победителей своей премии Innovation by Design 2016. Интересно посмотреть на их список 35 лучших приложений и UX в целом (перевод). Местами это какой-то междусобойчик среди постоянных авторов издания, но есть и свежие вещи.
Турнир Russian Design Cup 2016
10 октября «Одноклассники» и Mail.Ru Group запускают пятый Russian Design Cup. Это старейший и самый известный турнир для русскоговорящих дизайнеров, который проходит с 2012 года — в прошлом году мы собрали 210 участников и более 300 решений.
Как всегда, в конкурсе сильные призы: MacPro за первое место и пара тузов в рукаве для второго и третьего. А ещё мощное жюри с пятёркой отличных отечественных дизайнеров: Антон Ярусов (Иннова), Дмитрий Карпов (Британская высшая школа дизайна, Scream School, Bang! Bang! Education), Сергей Попков (AIC), Леонид Ивахов («Одноклассники») и Юрий Ветров (Mail.Ru Group).
Обратная связь очень важна для развития навыков, а большинство решений Russian Design Cup, помимо оценки по нескольким параметрам, сопровождаются ещё и комментарием о сильных и слабых сторонах. Подключайтесь.
Читайте
полную версию дайджеста в моем блоге. В нём, как обычно, много новых материалов по дизайну для Apple Watch, Android Wear, Material Design, расширений для Sketch, свежих скриптов и ещё тонна всего. За свежими ссылками также можно следить в группе на Facebook — спасибо всем, кто помогает наполнять её. Вы также можете получать свежие обзоры по почте.