​Ежегодная презентация достижений гуглового хозяйства Google I/O 2019 прошла 7-9 мая в Mountain View. Мероприятие проводится уже 11 лет и каждый раз показывает новый Android и другие куски экосистемы. Собрал то, что касается дизайнеров:

Android Q теперь имеет тёмную тему из коробки. Её ещё должны поддержать сами приложения, но для многих это хороший повод систематизировать работу с цветами и иконками, (например, через токены). Те, кто использовал стандартные компоненты Material Design, могут вообще расслабиться — у них поддержка из коробки. Другие интерфейсные нововведения в десятой версии:

1. Доработали управление жестами для основной навигации по ОС, переход на которое начали в Android P. Есть потенциальный конфликт с боковым меню для возврата назад. Классический вариант с 3 иконками доступен при первичной настройке.

2. Поддержка гибких экранов из коробки. В компании работают над прототипами таких устройств.

3. В гайдлайнах Material Design появился раздел про звуки в интерфейсах.

4. Плавающие чаты Bubbles а-ля Фейсбук станут частью платформы.

5. Инициатива digital wellbeing дала хороший эффект: её пользователи уменьшили использование телефона ночью на 27%. В Q будет ещё и режим фокуса с запретом на запуск отдельных приложений для прокрастинации.

Движок для deep learning мощно оптимизировали, так что он теперь доступен на устройстве даже без интернета. Благодаря этому появилось сразу несколько мощных вещей:

6. Smart Reply работает для любых мессенджеров, быстрые действия доступны в области уведомлений.

7. Субтитры к видео в реальном времени (пока только для английского).

Все выступления с конференции для дизайнеров. Тематизация в Material Design и его применение в продуктах, дизайн-спринты для Google Assistant, дизайн для ИИ, звуки в интерфейсе, тёмная тема. Ну и обзор нового в Material Design.

После масштабного обновления Material Design в прошлом году сейчас речь больше про полировку и постепенное развитие. Бета-версию уже можно поставить.

Из других околоинтерфейсных новостей конференции:

Google Assistant как одна из точек фокуса бодро развивается. Активнее помогает водителям, упростил вызов популярных действий, научился распознавать обращение к близким людям без имени, лучше работает с Android TV. Благодаря работающему на устройстве движку deep learning он реагирует сильно быстрее.

Но самое интересное — развитие Duplex, который в прошлом году всколыхнул пользователей интернета (фото). Он подключился к Chrome и стал помощником в заполнении сложных форм в вебе — например, арендовать машину или купить билеты в кино.

Показали и обратный пример — Live Relay поможет пользователям с ограниченными возможностями отвечать на звонки текстом (ну или готовыми Smart Reply).

Всё это связано с инициативами умного дома, которые теперь подаются под маркой Google Nest (вместо Google Home). Поскольку многие голосовые помощники уходят в «умные дисплеи» (тупо планшет на подставке, теперь и с играми), их новый Google Nest Hub Max как раз такой.

Ну и на сдачу обновился давно подзабитый Android Auto. Постоянная навигационная панель, упор на работу с картой.

В начале июня пройдёт ответочка от Apple, так что сравним все эти достижения с iOS.

#googleio #events #trends

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

iPadOS
Поскольку разумного подхода с единой операционкой для компьютеров и планшетов от Apple ждать не приходится, продолжается ползучая миграция планшетов в сторону полноценности (с попутным отказом от многих мантр концепции «Post-PC»). В этом году iOS выделили в отдельную ветку iPadOS. Что интересного произошло с интерфейсом:

1. Более серьёзная работа с файловой системой после всех тех баек о ненужности этой «устаревшей концепции». Есть даже свои флешки — через адаптер можно подключить SD-карточку.

2. Приложения можно запускать несколько раз (они будут во вкладках).

3. Стартовый экран теперь с виджетами, а сетка иконок приложений плотнее.

4. Более лучшее переключение между приложениями.

5. Простые жесты для копирования и вставки, а также отмены при редактировании документов.

6. Можно ставить шрифты (судя по описанию, через AppStore).

7. Постепенно работают над браузером, который был очень далёк от современных возможностей на десктопе. Уже хвалятся работой Google Docs, так что наверняка сможет Figma и грядущий Sketch для браузера.


8. iPad может стать вторым экраном для ноутбука или компьютера. Можно также управлять компьютером с планшета.

Обзор обновлений для разработчиков и дизайнеров.

iOS 13
Особых обновлений интерфейса нет (снова фокус на ускорение работы и уменьшение размера приложений), но:

1. Тёмная тема оформления, как и в любом чайнике в 2019 году. Гайдлайны.

2. Новый паттерн фильтра в фотографиях и расширенный редактор во встроенной почте.

3. Авторизация в сторонних сервисах через учётную запись Apple. Позволяет войти через отпечаток пальца или распознавание лица, ну и поможет спрятать почту от спамеров.

4. Быстрый набор на клавиатуре через свайпы — всего-то с отставанием почти на десять лет от Android.

5. Управление голосом для пользователей с ограниченными возможностями теперь покрывает, кажется, вообще все возможные сценарии использования.

Обзор обновлений для разработчиков и дизайнеров. А ещё появились шрифт New York и библиотека иконок с вариативной толщиной линий.

Ещё из полезных инструментов — фреймворк SwiftUI для любых ОС от Apple, который сильно упрощает сборку интерфейса. Так, что это могут делать дизайнеры — можно набросать элементы на экран и потом корректировать код. К нему идут пошаговые уроки, а вездесущий Meng To запустит курс осенью.

Ну и традиционное награждение лучших по дизайну приложений.

watchOS 6
Часы развиваются как инструмент для мониторинга здоровья. Теперь у них есть свой магазин приложений, не требующий телефона.

Другие околоинтерфейсные анонсы
— Project Catalyst (анонсированный ранее как Marzipan), который позволяет портировать iPad-приложения на Mac, уже доступен разработчикам. Например, Twitter быстро запилили приложение.

— Редизайн CarPlay. Разделение экрана для двух приложений, так что не придётся переключаться с карт на музыку, плюс контекстные подсказки приложений.

— Обновлённый Apple TV может работать с контроллерами Xbox и PlayStation.

— iTunes разделили на отдельные приложения, так что один из самых жутких интерфейсов в истории уходит в прошлое.

Были анонсы железок, но это уже из разряда общетехнологических обзоров, а мне интересно влияние показанного на работу дизайнера интерфейсов. Хотя осенняя презентация может привезти интересные новости, касающиеся новых форм-факторов, способов управления и экранных инноваций, так что история ещё не закончена.

#ios #trends #events

​Пятый раз езжу на курс Future London Academy и четвёртый — курирую часть по UX и продуктовому дизайну. В этот раз мы были в Huge, Map Project Office, Progression Pack, Phantom, Societe Generale, Deepmind, UserZoom, Clearleft, Smart Design, Signal Noise, Trainline, Bulb. Собрал тонну полезных инсайтов для себя и команды:

ОРГАНИЗАЦИЯ ДИЗАЙН-КОМАНД И ПРОЦЕССА

Progression
Jonny Burch работает над сервисом, где можно вести карты компетенций для дизайнеров. Тема горячая: дизайн-команды в продуктовых компаниях стремительно растут, а значит нужно думать об их внутреннем здоровье.

Societe Generale
Morgane Peng и часть дизайн-команды банка показала толковый фреймворк по работе со сложными менеджерами.

Clearleft
Andy Thornton сопоставил несколько моделей дизайн-менеджмента и получил интересные пересечения. В конце он презентовал свою модель зрелости по трём уровням (Aesthetic, Empathic, Strategic) и пяти аспектам (Who, When, How, Why, Where).

HUGE
Одно из самых известных в мире дизайн-агентств имеет неплохой офис в Лондоне. 3-4 года назад в компании был жёсткий период — люди перегорали, многие ушли. Нужно было сильно меняться изнутри и студия переизобрела себя.

Bulb
Команда устроила необычный воркшоп. Мы разбились на 5 команд и должны были спроектировать экраны продукта. Дальше нужно было сформировать дизайн-систему, которая поможет создавать похожие продукты. После этого мы передали её соседней команде и каждый должен был заново спроектировать все 5 продуктов на базе этой дизайн-системы. Подход здорово показал проблемы её отчуждаемости.

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

UserZoom
Lee Cooper и Jenna Smith представляют один из старейших и крупнейших сервисов удалённого юзабилити-тестирования в Лондоне. Они рассказали о продукте и компании в целом — помимо ожидаемых возможностей инструмента они консультируют клиентов по многим вопросам и даже могут выступать как UX-агентство.

UX В НИШЕВЫХ ОБЛАСТЯХ

Map Project Office
Компания работает на стыке физических и цифровых интерфейсов. Они участвовали в нескольких успешных запусках на Kickstarter и плотно работают с Google, Amazon, IBM и другим крупняком для поиска применений их новых технологий. Julie Arrive и Alex Hulme рассказали, как они экспериментируют и пытаются спрогнозировать, как люди могли бы это использовать.

Signal Noise
Hem Patel и Christian Thumer рассказали об истории компании и ключевых проектах. Зачастую это узкоспециализированные темы, про которые они ничего не знают. Поэтому сначала изучают сами, а потом проводят рабочую сессию с экспертом в предметной области — убедиться, что правильно поняли и ничего не упустили.

ПРОДУКТОВАЯ РАБОТА

Trainline
Jan Srutek рассказал о работе продуктовой команды. Они работают в динамичном формате, выпуская 100-300 релизов в неделю. Это маленькие команды, работающие по OKR. Есть много agile-ритуалов, включая еженедельные демо и двухтрековый подход. Разрыв между 2 треками советуют держать 2-4 недели.

ТРЕНДЫ

Phantom
Яркая дизайн-студия, которая является официальным поставщиком Google (и частично работает у них в офисе). Они плотно работают над голосовыми интерфейсами с Amazon и Google. Alice Cappo рассказала об инсайтах и особенностях работы в этой теме.

Deepmind
Google купил Deepmind в 2014 году. Поначалу они были исследовательской компанией, не делали продукты, поэтому заказывали многое на стороне (в том числе у ustwo). Сейчас компания занимается несколькими новыми проектами. Dem Gerolemou рассказал о приложении Deepmind Health Streams.

Smart Design
Nathaniel Giraitis, Ruby Steel и Omar Bakhshi рассказали о подходе компании к инклюзивному дизайну. Они улучшают экстремальный сценарий, после этого используют наработки для всех пользователей. Smart Design называет это инклюзивной инновацией, а не просто адаптацией.

Пришлось ставить канал на паузу — сначала собирал, потом переваривал инсайты. В полной версии их больше.

P.S. По доброй традиции уже известны даты курса в следующем году — 10-14 августа 2020 года. Айда 🙂

#events #reports #fla

​Выставка прорывного и уматного хайтека CES 2020 прошла 7-10 января в Лас-Вегасе. На ней традиционно обкатывают новые технологии для массовых продуктов, потом наперегонки заявляют «у нас тоже есть концепт применения этой штуки», а потом переключаются на что-то новое. Короче, хайпотека, где часть ставок срабатывает и становится хитами на много следующих лет.

Выбрал интересные устройства и направления, которые касаются дизайнеров интерфейсов:

ГИБКИЕ ЭКРАНЫ
В прошлом году случился фальстарт — Samsung отложил запуск своего первенца, остальные тоже либо оказались сыроваты, либо переносили начало продаж. Но технология решает уйму проблем (и позволяет ускорить цикл обновления устройств), так что шансы стать массовой хорошие:

1. Цена. TCL обещают телефон до $1000. Когда/если технология обкатается, она будет падать ещё ниже.

2. Больше примеров форм-факторов. Dell: ноутбук и планшет с гибким и двойным экраном, поддерживающие концепты Microsoft. Lenovo: ноутбук-трансформер по-новому (складывается вдвое, работает как книжка, имеет беспроводную клавиатуру). Intel: концепт аж 17"-ноутбука.

3. Больше сфер использования. LG: сворачиваемый ТВ и куча других примеров.

УМНЫЕ КОЛОНКИ И ГОЛОСОВЫЕ ПОМОЩНИКИ
Владельцы платформ организуют собственные конференции и презентации, так что на CES остаётся не так много:

— Samsung: не особо рассчитывает на Galaxy Home.

— Citizen: умная колонка с аналоговыми часами. В следующем году — с кукушкой.

— Google Assistant: поможет переводить общение пассажиров с представителями American Airlines.

АВТО
Это не автошоу, но многие автопроизводители позиционируют себя как технологичные и показывают койчего:

— Continental и Seinheiser: 3D-проекция без очков.

— Amazon: вслед за Alexa встраивает Fire TV.

— Sony: прототип с демонстрацией технологий компании.

— Velodyne: компактный LiDAR за $100.

НОСИМЫЕ УСТРОЙСТВА
Мода на умные часы прошла, так что их было негусто. В основном от мега-производителя Fossil, ну и сколько-то полу-аналоговых вроде Withings.

Зато весь прошлый год шёл бум беспроводных наушников (их называют hearables по аналогии с wearables), так что и на CES прилетело (например, Audio-Technica).

Обувка на массовую не тянет, но периодически проскакивает. Вот примеры от Nurvv и Asics.

УМНЫЙ ДОМ
— Alexa продолжает встраиваться в каждый возможный товар из Леруа Мерлен вроде душа и кухонного крана. А каждый второй кухонный предмет «умнеет» за счёт подключаемых модулей (например, грили Weber).

— Умные зеркала продолжают показывать: Poseidon и связка с тренажёром от Amazfit.

— Samsung показал уматнейшего робота Ballie, который следит за домом.

— Создатели мессенджера Kakao развиртуализировали персонажа в наборе для умного дома.

РАЗНЫЕ ТЕХНОЛОГИИ
Из других интересных штуковин около интерфейсов я бы отметил эти:

— Sensel: реакция на силу нажатия на корпус телефона.

— Lenovo: ноутбук со вторым экраном из электронной бумаги сзади.

— OnePlus: камера на задней стороне скрыта затемняемым стеклом.

— Quibi: кино, которое адаптируется под ландшафтный и портретный режим.

— Neon: полу-рабочие сгенерированные аватары людей.

— Panasonic: шлем виртуальной реальности в виде очков.

Было ещё много совсем отвлечённых концептов вроде целостного клиентского опыта от дома до аэропорта и самого полёта. И всякой дичи типа туалета с телефонным управлением и виртуальной реальностью и определения настроения собаки. В общем, технологии, как всегда, на службе человечества</sarcasm>.

Не каждый год выставки приносит прорывы, но CES неизменно двигает технологии и рынок вперёд. MWC в Барселоне куда менее интересна, а берлинская IFA более одскульная. Так что увидимся через год (обзоры за 2018 и 2019).

#ces #trends #events

​В этом году традиционная Google I/O сначала перешла в онлайн-формат, а потом и вовсе отложилась из-за протестов. Поэтому бета-версия Android 11 появилась относительно тихо. Больших прорывов нет, но много разной оптимизации:

1. В списке уведомлений разделили разговоры с людьми и всё остальное от приложений. Плюс есть история уведомлений за сутки.

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

3. Новая панель управления умным домом позволяет видеть всё на одном экране.

4. Доработали и упростили доступ к скриншотам — как и многое другое, оно теперь как в iOS.

5. В режиме многозадачности теперь тоже можно сделать скриншот.

6. Плавающие чаты вроде как запускали год назад в Android 10, запускают и в Android 11 (причём поддерживает их пока только Facebook).

7. Улучшение подсказок при печати на клавиатуре — появилось автозаполнение из данных одного приложеня в другом.

8. Управление голосом через Voice Access творит настоящие чудеса — можно просто называть элемент на экране.

9. Сторонним приложениям ещё сильнее ограничили доступ к телефону — многие вещи можно разрешить только при его использовании.

Обзоры от Engadget и The Verge.

Google опубликовали несколько видео к этому тихушному запуску:
— What's new in Android
— What's new in Design Tools
— What's new in System UI
— Screens — large, small and foldable

Финальная версия появится осенью. Уже можно поставить бету.

#materialdesign #designsystems #googleio #events

​Вчера Apple показали iOS 14 на WWDC 2020, которая, как и всё остальное в этом году, прошла в онлайне. Традиционно подсветил обновления, которые касаются дизайнеров интерфейсов:

iOS 14:

1. Виджеты на главном экране. Теперь, как и на Android, его легко замусорить. Давний закон гласит: 95% пользователей не настраивают интерфейс (и редко меняют предустановленные производителями устройств настройки). Гайдлайны.

2. Siri не перекрывает экран, а показывает фирменный абстрактный знак внизу и плашку с результатом вверху.

3. Звонки также не перекрывают экран, а показываются в виде плашки вверху.

4. Мини-версии сайтов и приложений без установки по QR-коду или NFC. Предполагает помощь в простых действиях вроде зачисления баллов в программе лояльности кофейни, где лень ставить приложение. Правда, это работает только со своим форматом QR-кодов, а значит вряд ли получит нормальный охват. Гайдлайны.

5. Наглядная информация о собираемых приложением данных (примерно как пищевая ценность продукта).

6. Открытие машины с телефона, которое постепенно поддержат крупные автопроизводители.

7. Режим «картинка в картинке», позволяющий свернуть любое видео до маленького размера и перемещаться между приложениями.

8. Можно будет сменить браузер и почту по умолчанию, что немного повысит охват сторонних клиентов.

9. Экран умного дома лучше показывает текущий статус устройств.

iPadOS 14:

1. Постоянная боковая панель навигации, что ещё ближе к десктопным приложениям.

2. Универсальный поиск в духе spotlight.

3. Распознавание рукописного текста и фигур.

watchOS 7:

Позволяет комбинировать информацию из нескольких приложений на экране. Развитие возможностей отслеживания здоровья и помощи в занятиях спортом. Из актуальной повестки: смотрит, насколько эффективно моете руки.

macOS:

Обновление интерфейса, делающее его ещё немного визуально ближе к iOS.

И ещё на шаг назад к скеоморфизму — иконки приложений теперь с мусорными тенями и детализацией (ой, не тот скриншот), а ползунки получили объём. Маятник дизайнерских трендов неумолим, даже если с ним выплёскиватеся самоуважение к принципам, о которых ты рассказывал с пеной у рта ещё позавчера. Тот неловкий момент, когда даже неоморфизм не так плох.

Бета-версии уже можно поставить, а финальные выйдут, как обычно, в сентябре. Это чутка поинтереснее и полезнее Android 11, который запинали под ковёр.

#ios #trends #events

​В этом году титульная презентация новых продуктов и экспериментов Adobe MAX 2020 прошла с 20 по 22 октября в интернете. Килотонна полезных выступлений от создателей инструментов и просто дизайнеров. Вот что там анонсировали:

XD: Октябрьское обновление. Появилась совместная работа над макетом, 3D-трансформация элементов, общая работа над дизайн-системой через библиотеки Creative Cloud, вложенные компоненты и их состояния, интеграция с Visual Studio Code. Они также создали формат DSP (Design Systems Package) для стандартного описания дизайн-систем.

Photoshop: Замена неба на фото с цветокоррекцией окружения. Нейросетевые фильтры на базе платформы Sensei: перенос стиля, расцветка чёрно-белых фото, увеличение элементов маленького изображения с улучшением качества, туман, мощные трансформации портрета (поменять эмоцию, возраст, поворот головы, очистить недочёты). Улучшенное распознавание шрифтов. Развиваются контенто-зависимый выбор части изображения, обтравки и заливки.

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

Illustrator для iPad: Доступен для всех. Как его делали.

InDesign: Обсуждение макетов командой в браузере, поиск и замена цвета, улучшенное обтекание текста.

Fresco для iPhone: Инструмент для иллюстраторов теперь и на телефоне. В основной версии также много улучшений.

After Effects: Доработанный режим работы с 3D.

Aero 2.0: Бета-версия инструмента для дизайна в дополненной реальности.

Creative Cloud: Можно вести стриминг работы над макетом или обсуждать их командой в Photoshop, Illustrator и Fresco. Поддержка большего количества документов: видео, модели и т.п. Версионирование в Photoshop.

Плагины по всем продуктам развиваются как цельный магазин дополнений. Теперь ими можно централизованно управлять через десктопное приложение. Фреймворк для их написания обновился, а сторонние сервисы теперь могут работать с библиотеками Creative Cloud.

Ещё одна интересная инициатива — проверка аутентичности дизайна. Они изучают историю создания и изменения изображений, что помогает ловить ворованные работы и фейки.

Компания тоже транслирует посыл, что инструменты убирают рутину, освобождая время для креатива. Я много раз отмечал, что Adobe — главная компания, которая внедряет идеи алгоритмического дизайна на практике. И делает вчерашнюю магию привычным повседневным инструментом. В следующем обзоре пройдусь по их свежим экспериментам в алгоритмическом дизайне.

#tools #adobe #events