Дайджест продуктового дизайна, ноябрь 2015

Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-октябрь 2015.

Дайджест продуктового дизайна, ноябрь 2015

Паттерны и Best Practices


Josh Clark — Designing for Touch
Josh Clark пару недель назад выпустил новую книгу «Designing for Touch» в издательстве A Book Apart. На A List Apart доступна одна из глав, о том, как пользователи держат устройства. На эту тему много писали Steven Hoober и Luke Wroblewski, но тут собрано все и сразу в одном материале.

Josh Clark — Designing for Touch

The State Of Airline Websites 2015 — Lessons Learned
Joshua Johnson делает разбор сайтов 20 авиакомпаний на предмет интерфейсных паттернов. Главная страница, поиск и бронирование.

The State Of Airline Websites 2015 — Lessons Learned

Long-Term Exposure to Flat Design — How the Trend Slowly Makes Users Less Efficient
Kate Meyer рассказывает о долгосрочном исследовании интерфейсов с плоским дизайном в NN/g. Много конкретных ответов на опасения в том, что такая стилистика зачастую убивает аффорданс и затрудняет работу с продуктом. Более молодые пользователи действительно имеют меньше проблем с этим и они более охотно исследуют дизайн, но комфорта даже им это не добавляет.

Long-Term Exposure to Flat Design — How the Trend Slowly Makes Users Less Efficient

Design Principles: Choosing the Right Patterns
Gustavs Cirulis о том, что важно использовать паттерны осмысленно. Он приводит пример из опыта Intercom, где они сравнивали навигационные решения и примеряли под конкретную ситуацию.

Design Principles: Choosing the Right Patterns

Cайты каких российских компаний адаптивные — интернет-магазины, сервисы, digital-агентства
Компания ADN Digital Studio провела исследование отечественных интернет-магазинов на мобильных. У кого есть мобильные версии и приложения.

Состояния интерфейса

Mobile Inline Form Validation
Три года назад Steven Hoober подробно описывал способы валидации форм в мобильных интерфейсах. Спустя три года он говорит о том, что сообщения об ошибках являются анти-паттерном и лучше вообще не доводить дело до них. С момента написания статьи 2012 года он практически не использовал описанные в ней паттерны.

Mobile Inline Form Validation

Письма рассылки

Designing with constraint: Twitter's approach to email

Исследования Baymard Institute

The State of Mobile E-Commerce Search and Category Navigation

Onboarding

Мобильные паттерны

Гайдлайны платформ и компаний


iOS 9

iOS 9 Design Guidelines

Material Design

Exploring Meaningful Motion on Android

Apple TV

If it’s not an iPhone, it’s not an iPhone

Apple Watch

iPhone 6

Шаблоны Android-телефонов

Понимание пользователя


Why We«re Addicted To Our Smartphones, But Not Our Tablets
Интересные выкладки Liraz Margalit из ClickTale о том, почему смартфоны воспринимаются как более персональные устройства, в отличие от планшетов. Помимо того, что они просто чаще используются, есть и психологическая привязанность.

User Research With Small Business Owners — Best Practices and Considerations
Chelsey Glasson и Aidan Bryant о проведении исследований с представителями малого бизнеса. Эти люди постоянно заняты и требовательны к инструментам, так что есть много особенностей работы с ними.

Карты эмпатии

Adapting empathy maps for UX design

Скорость работы интерфейса

Why Performance Matters, Part 2: Perception Management

Персонажи

Same Findings, Different Story, Greater Impact: A Case Study in Communicating Research

Интерфейсы, которые убивают

iPad и толстые пальцы чуть не привели к авиакатастрофе

Дизайн для детей

Accessibility

Информационная архитектура, концептуальное проектирование, контент-стратегия


Что такое Use Case и зачем они нужны?
Анна Абрамова рассказывает об одной из лучших техник проектирования взаимодействия пользователя и программы.

Проектирование и дизайн экранов интерфейса


Sketch 3.4
Вышел Sketch 3.4 (по ссылке большой список нововведений и исправлений). Yap Kwang Yik сделал обзор наиболее интересных улучшений.

Sketch 3.4

Правда, версия оказалась глючной и Bohemian Coding пришлось тут же выпускать обновление 3.4.1, а следом и 3.4.2. В результате всей этой канители разработчики решили уйти из AppStore. Приложение будет распространяться и обновляться с сайта Bohemian Coding. Другие материалы:

Adobe Photoshop CC 2015

Photoshop CC 2015 and Fuse CC

Adobe Project Comet — User experience, prototyping and design app

Better Icon Design in 6 Easy Steps
Отличный набор простых правил для создания качественных пиктограмм/иконок от Scott Lewis из IconFinder. Вдогонку:

Better Icon Design in 6 Easy Steps

Animaticons — Animated GIF Icons
Создатели проекта Animaticons пошли против тренда модных форматов и запустили библиотеку настраиваемых анимированных иконок в GIF. Не очень future-friendly, зато дешево и сердито. Вдогонку:

Animaticons — Animated GIF Icons

T-Shirt, Tank Top and Clothing Mockups
Онлайн-сервис PlaceIt от компании Breezi позволяет быстро и дешево примерить принты на одежду. Набор макетов постоянно пополняется и сейчас там несколько десятков хороших шаблонов.

Обзоры инструментов прототипирования

Floid

Пользовательские исследования и тестирование, аналитика


10 User Research Myths and Misconceptions
Jim Ross опровергает мифы и заблуждения о пользовательском тестировании.

10 Things I Learned About UX By Being Drunk
Richard Littauer за $250 проверяет сайты в пьяном состоянии. Он рассказывал о том, чему научился за время тестирования дизайна в пьяном виде.

The User is Drunk

An Interview with Alfonso de la Nuez, CEO of UserZoom
Интервью с CEO одного из старейших сервисов удаленных пользовательских исследований UserZoom, которые получили внушительные инвестиции в $34 млн.

An Interview with Alfonso de la Nuez, CEO of UserZoom

Picking the Right Methods to Improve Navigation
Отличная памятка по тестированию навигации от Jeff Sauro. Какими пользовательскими исследованиями можно ответить на конкретные вопросы по ней.

A/B-тестирование

Опросы

Визуальное программирование и дизайн в браузере


Живые гайдлайны и компонентные системы

Envato Sites — Envato Sites Website Builder by Envato & ThemeForest
Envato запустили свой конструктор сайтов Envato Sites в партнерстве с Theme Forest. Теперь все это многообразие бесплатных тем не придется прикручивать вручную. Чуть подробнее про запуск.

Веб-типографика

Using System UI Fonts In Web Design: A Quick Practical Guide

CSS-анимация

Шрифтовые иконки

Работа с SVG

Flexbox

Режимы наложения слоев в CSS

Работа с Bootstrap и Foundation

Foundation 6 is Here

Framer

Design Virtual Reality

Webflow

How We Fixed Our Icon Problem
Перевод статьи Bobby Grace из Trello о том, как компания систематизировала работу с пиктограммами в интерфейсе.

Новые скрипты

UX-стратегия и менеджмент


Дизайн-лидеры

Design Leadership: What's Next?

Построение дизайн-культуры

UX-стратегия

Как нанимать дизайнеров

On Building Digital Capacity And Attracting Talent

Продуктовый менеджмент и аналитика


Почему «нет» — ключевое слово при создании продукта?
Олег Якубенков сделал перевод тезисов Intercom, плюс добавил еще одну подборку советов от Intercom.

Growth hacking is bullshit
О том, почему стоит смотреть на систему метрик и находить баланс между малыми мелкими задачами и большими стратегиями. И не надо верить в существование «серебряной пули».

Growth hacking is bullshit

Hooked on a Feeling
Презентация Stephen P. Anderson о разнице между требованиями к продукту и experience.

Методологии, процедуры, стандарты


Parts without a Whole — What has design thinking become in organizations?
Команда сайта This is Design Thinking провела опрос 400 практикующих дизайнеров и менеджеров на тему использования практик дизайн-мышления в крупных и не очень компаниях. По факту они выпустили электронную книжку/отчет, в котором собраны инсайты.

Parts without a Whole — What has design thinking become in organizations?

Кейсы


IBM«s Design-Centered Strategy to Set Free the Squares
Большой и достаточно подробный рассказ о том, как IBM обратил внимание на дизайн и пришел к потребности нанять 1000 дизайнеров. Рассказ о Phil Gilbert, который пришел вместе с купленной компанией Lombardi Software и с одобрения CEO Virginia Rometty начал внедрять практики дизайн-мышления, повышать общую дизайн-культуру и массово нанимать людей. Видео.

IBM’s Design-Centered Strategy to Set Free the Squares

Кейсы редизайна

The ultimate ecommerce CRO & UX case study — RS Components
Хороший кейс с системным подходом к улучшению конверсии сайта. От формулирования проблемы, до индивидуальной работы над большим набором компонентов сайта.

И еще один кейс про интернет-магазин. Самым интересным в этой истории является второй эксперимент, когда смена изображений в каталоге дала прирост CTR в 15,9%. Лишний пример того, что работая исключительно с контентом можно получить значительный прирост показателей. Оптимизация контента становится все более актуальной темой.

Непрошенные редизайны

Тренды


Enterprise Software Design — A Call to Arms
Очень хорошая философская статья Tom Hobbs о том, как интерфейсы потребительских приложений превратились в комфортные и человеколюбивые и том, как такую же трансформацию запустить и для корпоративного ПО. Системно, глубоко, вдохновляюще.

Enterprise Software Design — A Call to Arms

Автомобильные интерфейсы

Виртуальная реальность

Cable Usability in VR

Тренды в СМИ

Для общего и профессионального развития


Uideo
Андрей Якушев добавил к своему агрегатору видео с конференций международную версию с англоязычными выступлениями.

Uideo

Tilda Education: Дизайн к цифровой среде
Команда Tilda Publishing запустила первый онлайн-курс в рамках своей школы дизайна.

Тильда: Дизайн в цифровой среде

Why We Should Really Be Concerned About the Visual Identity for the Tokyo Olympics
Сильный материал по философии современного дизайна от Ian Lynam. Он разбирает две истории олимпийской айдентики (Мехико »68 и Мюнхен »72) как примеры системной работы над визуальным языком на масштабе международного мероприятия и сопоставляет их с провальным процессом вокруг Токио 2020, который символизирует бездушный краудфандинг за три копейки. Не совсем про интерфейсы, но касается любых приложений дизайна и затрагивает в том числе цифровые продукты.

Why We Should Really Be Concerned About the Visual Identity for the Tokyo Olympics

Эргономист № 42, ноябрь 2015
Вышел свежий номер. Алексей Копылов особо отметил упоминаемую в этом журнале статью Увеличение конверсии пользовательского интерфейса путем объективного юзабилити-тестирования на основе анализа электроэнцефалограммы пользователя.

Time for Us All to Ditch Spec Creative Pitches
Инициатива #SayNoToSpec от студии Zulu Alpha Kilo, которая рекомендует отказываться от участия в тендерах и пробных работах. Zak Mroueh перечисляет пять проблем, из-за которых студия изменила свою политику. Они записали отличный ролик на эту тему — попытались запросить то же самое у представителей других отраслей, которые, естественно, были в шоке.

Relevance is a State of Mind
Dan Brown из EightShapes рефлексирует на тему того, что делать более зрелым UX-специалистам для того чтобы оставаться релевантными и как не беситься, когда с придыханием слышишь о «новой методологии», которой на деле уже десяток лет. Он советует двигаться в сторону менторства, используя свой широкий профессиональный опыт.

Jarrod Drysdale — My Designer Is Driving Me Crazy!
Книга Jarrod Drysdale «My Designer is Driving Me Crazy!» для клиентов и менеджеров, которая учит их правильно работать с дизайнерами. Доступна в альтернативных форматах вроде видео-курса и почтовой рассылки.

Jarrod Drysdale — My Designer Is Driving Me Crazy!

Шуточки про дизайнеров за 400

Дизайн в Facebook

Люди и компании в отрасли


How Apple Is Giving Design A Bad Name
Don Norman и Bruce Tognazzini, легендарные дизайнеры Apple в 70е-90е, о теперешнем состоянии проектирования интерфейсов в Apple. О том, как и почему процессы дошли до сегодняшнего состояния. По ходу получает и Google. Такого мощного заряда Дон и Тог давно не выдавали.

How Apple Is Giving Design A Bad Name

Сессии AMA

Назначения дизайнеров

Материалы конференций


Google SPAN 2015: New York & London
В прошлом году Google провел свою первую дизайн-конференцию FORM, в этом она проходит под названием SPAN уже в двух городах — Нью-Йорке и Лондоне.

Google SPAN 2015

По результатам выходит книга SPAN Reader с публикациями выступающих (они доступны в вебе по ссылкам в конце статьи). Вышли и другие материалы, в том числе видео панельной дискуссии, посвященной современным инструментам прототипирования и добротному продуктовому дизайну.

Каким-то образом получил приглашение на лондонскую часть, хотя заявку не подавал. Уже опубликовали видео-записи оттуда. Я был там, советую посмотреть панельную дискуссию про инструменты прототипирования, выступления Luna Maurer про ручной генеративный дизайн и Ken Wong про виртуальную реальность. А также Davide Fornari про механический генеративный дизайн — спокойно по подаче, но сама история бомба.

O«Reilly Design Conference 2016
O«Reilly запустили свою дизайн-конференцию, O«Reilly Design Conference. Она пройдет 19–22 января в Сан-Франциско, США. По составу и формат обещает быть одной из самых мощных. Mary Treseler, которая отвечает за нее, дает развернутое интервью UXMatters о том, что будет.

O’Reilly Design Conference 2016

RSD4 — Relating Systems Thinking to Design
1–3 сентября 2015 года в Banff, Канада, прошла конференция Relating Systems Thinking and Design, посвященная сложным системным проблемам, которые может решать дизайн. Часть видео материалов уже доступна. Остальные появятся на канале.

RSD4 — Relating Systems Thinking to Design

Свежие ссылки можно также отслеживать в одноименной Facebook-группе или получать раз в месяц по почте. Спасибо всем, кто также публикует ссылки в ней, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому и Евгению Соколову. Все больше материалов в обзорах появляется благодаря им.

Подписаться на рассылку. Письмо приходит один раз в месяц.

© Habrahabr.ru