Дайджест продуктового дизайна
53.4K subscribers
100 photos
18 videos
545 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
Я давно хотел делать сводный обзор ключевых событий года в декабре и вот первый заход для Кода Дурова — https://kod.ru/trendy-v-dizayne-na-2019-god/. У каждого заголовка есть тег — по нему найдёте все выпуски по теме:

Прогнозы на 2019 #trends
Самые толковые обзоры трендов 2019 года в дизайне, технологиях и профессии в целом выпустили Fjord, Pantone, Milo Themes, UX Collective, Webflow, Shutterstock, Depositphotos и Creative Bloq — https://t.me/pdigest/142. Ради интереса можно сравнить с тем, что обещали на 2018 — https://t.me/pdigest/10.

DesignOps #designops
Баззворд описывает дизайн-менеджмент цифровых продуктов (https://jvetrau.com/designops-definition/). Он переупаковывает уже известные подходы, но ставит очень грамотный фокус — развивать дизайн-процессы, инструменты, методы и практики под масштабирование. Т.е. так, чтобы ими мог легко воспользоваться любой дизайнер в компании. Это то, что отличает его от остальных. Приставку «Ops» добавляли в этом году ко всему, что движется — ResearchOps, Design Systems Ops и т.п.

Голосовые интерфейсы #voiceui
Будущее у голосовых интерфейсов получше, чем у покрывающихся пылью ботов. Продажи устройств бодро растут, а основные платформы стремительно обзаводятся партнёрствами и интеграциями во всё, что подключено к электричеству и интернету. К концу года прогнозируют 100 миллионов устройств.

Продуктовая иллюстрация #illustrations
Иллюстрации стали обязательной частью айдентики цифровых продуктов ― они есть в каждом первом сервисе. Ещё бы ― в хорошем интерфейсе всё занято полезными вещами и особо нет мест для выражения бренда, разве что лого, цветовая палитра, пиктограммы и характерные паттерны.

Алгоритмический дизайн #algorithms
Давно интересуюсь темой (https://algorithms.design/) — это инструменты, которые помогут упростить построение интерфейса, подготовку графики и контента, а также персонализацию продукта.

Гибкие экраны
Samsung показал концепт телефона — https://www.engadget.com/2018/11/07/samsung-foldable-phone-infinity-flex-display/ (весной выйдет коммерческая модель). Android поддержит эту возможность в ближайшее время — https://www.engadget.com/2018/11/07/android-will-natively-support-foldable-phones/. Похоже, наконец-то начнётся интересная движуха в мобильных интерфейсах, где всё стало слишком предсказуемо. А вот что делали Apple и Google:
— Material Design: https://t.me/pdigest/53 + https://t.me/pdigest/54
— iOS 12: https://t.me/pdigest/63
— Шаблоны iPhone Xs, Xs Max, Xr: https://t.me/pdigest/104

Новые инструменты дизайна #tools
Последние три-четыре года движуха на рынке инструментов дизайна стала настолько заметной, что про неё написал даже Bloomberg, который обычно витает в облаках мега-корпораций — https://t.me/pdigest/28. Это видно и по деньгам: в InVision вложили уже $235 млн, Figma — $42,9 млн, Framer — $35 млн, Marvel — $8 млн, Zeplin — $1,2 млн. Есть и покупки, но пока частично удачные — InVision свою экосистему укрепляет, а Гугл сгноил Pixate и Form.

Дизайн-системы #designsystems
Как лучший способ унифицировать линейку продуктов и упростить работу по запуску новой функциональности, дизайн-системы активно на слуху последние годы (http://designsystemsclub.ru/). За последние год-полтора идея приросла крепкими примерами в двух ключевых местах ― токены и интеграция с инструментами дизайна (https://t.me/pdigest/125).

Это далеко не всё, что было в 2018 году: появлялись новые интерфейсные паттерны (#patterns) и книги (#books). Обсуждали дизайн-мышление (https://t.me/pdigest/59 + https://t.me/pdigest/60) и дизайн-спринты (https://t.me/pdigest/108). Отмечали 20 лет одного из лучших агентств Nielsen/Norman Group (https://t.me/pdigest/94) и 50-летие The Mother of All Demos (https://t.me/pdigest/144), где показали основы современных персональных компьютеров. Список можно продолжать долго.

Сейчас всё готовится стихнуть перед новогодними и рождественскими праздниками. Но уже в первые недели января пройдёт выставка CES 2019 (отчёт о прошлой — https://t.me/pdigest/16), где наверняка покажут уйму интереснейших вещей.

#digest #overview
Ежегодная выставка технической крутоты и дичи CES 2019 прошла 8-11 января в Лас-Вегасе — https://www.ces.tech/. Как обычно, показали много чумовых и чумных вещей. Самое интересное, касающееся интерфейсов:

Голосовые интерфейсы
Рынок ищет следующую большую вещь и, кажись, наконец-то нащупал её. Хвалились цифрами: Amazon поставил 100 млн устройств с Alexa (https://www.engadget.com/2019/01/06/amazon-100-million-alexa-devices-sold/), а Google Assistant стоит аж на 1 млрд (правда, в основном смартфонов, где его необязательно используют — https://www.engadget.com/2019/01/07/google-assistant-1-billion-devices/).

И показали тонну интеграций во всё, что может быть установлено дома: душ (https://www.engadget.com/2019/01/06/u-by-moen-google/), туалет (https://www.engadget.com/2019/01/07/kohler-alexa-enabled-sensate-faucet/), зеркало (https://www.engadget.com/2019/01/07/simplehuman-made-a-mirror-with-google-assistant-built-in/), выключатель (https://www.theverge.com/circuitbreaker/2019/1/7/18171690/tp-link-kasa-smart-wifi-light-switch-voice-assistant), велик (https://www.engadget.com/2019/01/09/cybic-amazon-alexa-electric-bicycle/), клавишные (https://www.engadget.com/2019/01/07/roland-go-piano-alexa-built-in/), мышка (https://www.engadget.com/2019/01/08/razer-chroma-alexa-support/). Адекватность под вопросом, но идея дешёвого добавления голосового ассистента в существующие гаджеты — например, подставка для планшета (https://www.engadget.com/2019/01/08/lenovo-smart-tab-hands-on/), расширители для ТВ (https://www.theverge.com/circuitbreaker/2019/1/7/18171949/jbl-link-bar-android-tv-release-date-price-features-ces-2019) или гаджеты для прикуривателей в машинах (https://www.theverge.com/circuitbreaker/2019/1/8/18168678/anker-roav-bolt-car-charger-google-assistant-jbl-link-drive-hands-free-ces-2019) — действительно полезный способ повысить распространение голосовых помощников.

Google тут догоняет Amazon (https://www.theverge.com/2019/1/10/18175524/google-assistant-devices-ces-2019-tvs-soundbars-smart-speakers-kitchen-bathroom-cars), который показал многое из этого ещё в прошлом году — они анонсировали свою платформу (https://www.theverge.com/2019/1/8/18172082/google-assistant-connect-vs-alexa-interpreter-mode-maps-features-devices-ces-2019).

Гибкие экраны
Royole отобрали у Samsung звание первого коммерческого продукта — https://www.engadget.com/2019/01/07/royole-flexpai-hands-on/. А накануне выставки утек прототип 3-панельного телефона вроде как от Xiaomi — https://www.engadget.com/2019/01/03/xiaomi-three-panel-foldable-phone/. Ну и LG ещё раз показали свой сворачиваемый телевизор — https://www.engadget.com/2019/01/07/LG-OLED-TV-R-rollable/.

Умный дом
Выставка про бытовую технику, так что этого добра выше крыши:
— Проекция интерфейса на деревянную панель (https://www.engadget.com/2019/01/06/mui-wooden-smart-display/).
— Плиты, которые анализируют блюдо и помогают в готовке (https://www.engadget.com/2019/01/07/whirlpool-connected-hub-wall-oven/ и https://www.engadget.com/2019/01/08/whirlpool-smart-countertop-oven/)
— Снова умные зеркала (https://www.engadget.com/2019/01/07/careos-artemis-smart-mirror/).
— Снова холодильники с тачскрином (https://www.engadget.com/2019/01/07/samsung-updates-family-hub-smart-fridge-new-ui/).

[продолжение в https://t.me/pdigest/150]

#ces #trends #events
[начало в https://t.me/pdigest/149]

Автомобильные интерфейсы
Производители боятся отстать от жизни. Они не просто давно на выставке, Mercedes представил новое поколение CLA вместо традиционного автошоу (https://www.engadget.com/2019/01/08/mercedes-benz-cla-coupe-unveil/). Управление жестами и голосом из коробки в обычной модели, а не концепте. Из другого — имитация прозрачности прицепа (https://www.engadget.com/2019/01/07/valeo-xtravue-camera-makes-trailer-disappear/), сенсоры в рамке для номера (https://www.engadget.com/2019/01/09/fensens-ces-2019/) и много автопилотов (https://www.engadget.com/2019/01/08/nvidia-drive-autopilot/). Из маразма — весёлая виртуальная реальность для пассажиров вместо унылого реального мира (https://www.engadget.com/2019/01/07/audi-backseat-vr-disney-marvel/).

Умные часы и носимые устройства
Уже никого не вдохновляют, анонсов мало. Интересные разве что часы Matrix, которые заряжаются от солнца и тепла тела (https://www.theverge.com/2019/1/6/18170731/matrix-powerwatch-2-wearable-body-heat-solar-power-never-charge-color-screen-specs-features-price). И умный пластырь от L'Oreal (https://www.theverge.com/2019/1/6/18168205/loreal-my-skin-track-ph-sensor-measure-wearable-skincare-ces-2019).

Виртуальная и дополненная реальность
Постепенное развитие без прорывов. Отслеживание взгляда у HTC (https://www.engadget.com/2019/01/08/htc-vive-pro-eye-hands-on-gaze-tracking-ces-2019/) и трансляции в Фейсбук (https://www.engadget.com/2019/01/09/oculus-rift-facebook-live-streaming/), компактная версия Hololens и Magic Leap (https://www.engadget.com/2019/01/08/nreal-light-mixed-reality-glasses-sunglasses-hands-on/).

Телевизоры и мониторы
Разрешения подскочили аж до 8K (https://www.engadget.com/2019/01/07/samsung-q900-8k-tvs/), а технология Dolby позволяет обходиться без динамиков — экран работает за них (https://www.engadget.com/2019/01/07/lg-display-88-inch-8k-oled-dolby-atmos-no-speakers/). Компактный монитор работает через USB-C без подключения к розетке (https://www.theverge.com/circuitbreaker/2019/1/8/18174745/lapscreen-usb-c-monitor-thin-portable-power-ces-2019).

Много говорят о 5G, который поможет построить настоящий интернет вещей (https://www.engadget.com/2019/01/08/verizon-disney-the-new-york-times-5g/). Показывают объёмное видео (https://www.engadget.com/2019/01/08/intel-studios-volumetric-grease/). Продолжают впаривать гаджеты для запахов (https://www.theverge.com/2019/1/7/18171432/moodo-artiris-parfum-pod-connected-scent-ces-2019). Модно оформляют квантовые компьютеры (https://www.engadget.com/2019/01/08/ibm-q-system-one-quantum-computer/). Опять пытаются сделать клавиатуру с кнопками-экранами (https://www.engadget.com/2019/01/07/nemeio-eink-keyboard-customize-any-language/).

В общем, где-то быстрее, выше, сильнее, где-то — тупой и ещё тупее. Эти два стула хорошо показывает криповое видение будущего от LG — https://www.engadget.com/2019/01/08/lg-ai-concept-video-future-vision/. Без комментариев, как говорят новостники.

Я подобрал те анонсы, что так или иначе касаются интерфейсов — есть неплохой шанс поработать над ними. Что из этого взлетит, а что останется бесполезной грудой пластика — увидим через год (вот что было в прошлом — https://t.me/pdigest/16). Следующий CES пройдёт 7-10 января 2020 года — https://www.ces.tech/.

#ces #trends #events
В Барселоне проходит традиционная выставка Mobile World Congress по теме достижений мобильных технологий и прочей бытовой техники на пару с просто модными гаджетами. Здесь больше фокуса, чем на CES, хотя меньше уморительной дичи.

Естественно, главная тема года — гибкие экраны. Их, на удивление, меньше сотни:

1. Третий коммерческий гибкий телефон, Huawei Mate X. Экран у него единый, при складывании остаётся снаружи.

2. Oppo показали свой прототип, который подозрительно похож на Huawei Mate X.

3. Nubia показали обновлённую смесь телефона и часов с гибким экраном.

4. Полуживой прототип от TCL с интересными трансформациями.

5. За несколько дней до MWC Samsung показали свой первый коммерческий гибкий телефон Galaxy Fold. Он, конечно, не самый компактный, зато его можно купить и он лучше первого продающегося гибкого телефона от Royole.

6. Комично выглядит затычка в виде двухэкранного телефона от LG, которые не успели на поезд гибких экранов. Nintendo DS на минималках.

Среди других телефонных забав были:

— Ультравысокие киношные экраны 21:9 от Alcatel и Sony.

— Дикий телефон размером с кирпич и батареей на 18 000 mAh от Energizer.

— Производители Android-телефонов массово добавляют отдельную физическую кнопку для вызова Google Assistant.

А ещё оказалось, что мобильная ОС KaiOS стала третьей по популярности в мире — на руках 80 млн телефонов. Она базируется на наработках Firefox OS и заточена под дешёвые кнопочные телефоны.

Вишенкой была презентация Microsoft Hololens 2 за день до открытия. Он стал значительно лучше по всем показателям — качество картинки, угол обзора, распознавание объектов и управление жестами без отдельного контроллера, отслеживание взгляда и управление им. Устройство ориентировано на компании, а не конечных пользователей.

В Unreal Engine 4 появится поддержка устройства. Нарезка ключевых моментов презентации (рвань!).

Ну и возродили Kinect для B2B-рынка.

После чёлочной идиотии безрамочных телефонов (в этом году даже они стали меньше) наконец-то пошла интересная движуха в мобильных интерфейсах.

На нашем конкурсе Mail.ru Design Cup дизайнеры решали задачу на тему почты для гибких экранов. На Dribbble тоже есть пара концептиков: Максим Гедрович, Kizuku Kitada и Александр Шевенёнов. Не все идеи интересные, но любые эксперименты на тему приближают нас к осуществлению эффектных картинок из брендовых видео, показывающих видение будущего.

#trends #mwc
John Maeda выпустил свежий ежегодный отчёт Design in Tech Report. В этом году скорее компиляция заметных новостей в проф.сообществе, чем анализ инсайтов, как это было в первые годы и чего обычно ожидаешь от новых выпусков.

Я вообще не очень верю в ежегодные обзоры трендов (хотя, конечно же, обозреваю те что выходят (ещё)) — отрасль меняется медленнее. Многие из тенденций развиваются и живут в восходящем виде пару лет, так что видишь их кочующими в такие отчёты из года в год (виртуальная и дополненная реальность, например). Некоторые вроде «анимации», «крупной типографики» или «фоновых видео» уже стали клише в духе гэгов Бенни Хилла и про них наверняка будут вынуждены читать наши внуки.

Я разделяю дизайнерские тренды на три вида:

1. Технологические. Появление новых способов ввода и вывода информации, развитие методов обработки информации, удешевление ранее недоступных широкому пользователю продуктов, появление новых бизнес-моделей и т.п. Всё это меняет среду пользователя, в которой развиваются цифровые продукты (и наши с вами интерфейсы). Смартфоны существовали задолго до Айфона и Андроида, но благодаря грамотной переупаковке, бизнес-модели и позиционированию они стали второй массовой волной технологий после компьютеров.

2. Интерфейсные. Новые паттерны для ввода и вывода информации, а также методы изучения пользователей, проектирования взаимодействия и проверки решений. Это позволяет представить новые технологии в более дружелюбном виде, чтобы снизить порог входа и повысить отдачу от цифровых продуктов. Например, onboarding раньше считали просто серией попапов при первом входе, а сейчас — все обучающие и вовлекающие ходы в интерфейсе до тех пор, пока пользователь не станет активным.

3. Визуальные. Свежие приёмы визуального выражения. Это добавляет эстетики утилитарным решениям и позволяет дифференцировать бренды. Они постоянно ремикшируются, а многие — цикличны, сменяя друг друга раз в несколько лет (например, минимализм и декоративность).

Самое интересное — наблюдать, как эти тренды друг на друга влияют. Например, постоянное увеличение телефонных экранов мешает дотянуться пальцем до верхней части, не разбив телефон об асфальт. Поэтому мобильные ОС стараются перенести управление вниз (как прошлогодний Android или оболочка Samsung One) и переводят часть действий в жесты (где точность попадания в элемент интерфейса уже не так важна).

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

Или нет — кривая хайпа Gartner показывает, что не все ожидания оправдываются. В первую очередь она про технологические тренды, но отчасти применима и к интерфейсным, и к визуальным.

Так что для действующих профессионалов ежегодные обзоры трендов полезны только в этом контексте — разделение на просто популярные практики (как та же избитая анимация или крупная типографика, изометрическая иллюстрация), набирающие обороты (кинетическая типографика, перламутровые и голографические цвета, 3D-персонажи в иллюстрации, голосовые интерфейсы и умные колонки, Jobs to Be Done) и выходящие из моды (чат-боты, метод персонажей, Мемфис). Это помогает понимать, в какие направления нужно вписываться, а где поезд уже ушёл.

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

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

#trends
Ежегодная презентация достижений гуглового хозяйства 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
Самое время собрать прогнозы трендов на 2020 год. Как обычно, многие из них просто перевыпускают одни и те же посылы из года в год. Другие ударились в подведение итогов декады и нумерологию красивой наступающей цифры (20/20 Vision (аналог нашего «зрение — единица») и всё такое). Попробовал оставить только то, что даёт новые инсайты или делает пристойную переупаковку старого.

1. Fjord. Прогнозы на стыке дизайна, технологий, экономики и общества в целом.

2. Milo. Скорее перечисление того, что всё ещё хорошо работает, чем открытие чего-то нового, зато самое подробное.

3. Monotype собрали обзор шрифтовых трендов в брендинге. Помимо стандартных вещей вроде вариативности и геометрических гротесков говорят о постоянном ребрендинге.

4. Gartner. Технологии.

5. Pantone объявили цвет 2020 года — классический синий. Занятно, что в эпоху гипер-скоростных изменений участники этих изменений испугались и захотели покоя. Ок, бумер!

Все цвета года за последние 20 лет с ключевым визуалом к каждому.

6. Анализ цветов, использовавшихся в показах модной одежды. Отличный способ отслеживать цветовые тренды шире, чем Dribbble и Behance — к каждому цвету идёт мудборд.

7. Обзор лучшего дизайна обложек книг за 2019 год.

8. Dribbble провели мощное исследование среди своего сообщества (участвовало 17 000 человек). Особенности места работы и графика, образование, зарплата и другие аспекты.

9. New York Times. Потребление новостей.

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

11. Michal Malewicz описывает «неоморфизм», второе пришествие скеоморфизма. Печальная история, характеризующая дизайнеров как людей с памятью золотой рыбки — эти же люди пару лет назад с пеной у рта доказывали прелести полного минимализма и отсутствия лишних декораций.

В презентации для Design Prosmotr описал своё понимание трендов. Я вижу их скорее как диаграмму Geoffrey Moore, когда методы, практики и техники могут набирать обороты, быть просто жанрами и стандартами, либо выходить из моды. Стараюсь рассматривать всё новое через эту призму и вам советую.

P.S. Ради интереса можно сравнить с тем, что обещали на 2019.

#trends
Выставка прорывного и уматного хайтека 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
Вчера 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