ЧАСТЬ 2: ПОИСК ИНСАЙТОВ

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

Pyoneer (https://www.pyoneer.io/): Интересный интегрированный инструмент для поддержки дизайн-мышления. В нём богатый набор возможностей — customer journey map, персонажи, агрегация обратной связи из разных источников для поиска возможностей роста, привязка аналитики. И всё это на базе «двойного алмаза».

Пять лет назад дизайнеры Mailchimp построили мощную базу знаний, объединяющую знания о пользователях из множества источников (пользовательские исследования, аналитика, обратная связь, изучение конкурентов и рынка и т.п.), которая позволяет быстро получить ответы на множество вопросов — https://alistapart.com/article/connected-ux.

Долгое время время в теме был чуть ли не полный штиль — из аналогичных примеров было слышно только про Atlassian (https://www.youtube.com/watch?v=6gvbdFLU73M), WeWork (https://vimeo.com/215143249), Nasdaq (http://nasdaqdesign.com/mosaiq/) и Intuit. Но недавно начали появляться специализированные сервисы для работы с базой инсайтов. Они помогает агрегировать данные пользовательских исследований, обратную связь и другие каналы, чтобы находить среди них полезные идеи для развития продукта:

— Dovetail (https://dovetailapp.com/)
— Aurelius (https://www.aureliuslab.com/)
— NomNom (https://nomnominsights.com/)
— Reframer от Optimal Workshop (https://www.optimalworkshop.com/reframer)

В прошлом году побывал в гостях у NomNom и получил пачку полезных советов по внедрению подхода у нас в команде — https://jvetrau.com/fla-2017/. Мы крутим эту идею давно, но без готовых инструментов она выглядела неподъёмной. Сейчас внедрение стало куда более реальным, так что снова включились в активную работу — глядишь, к дизайн-системе для предсказуемой выкатки продуктов добавится инсайт-система для не менее предсказуемого поиска идей по их развитию.

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

P.S. В первой части — инструменты дизайна интерфейсов — https://t.me/pdigest/86.

#tools

В августе в мире новых инструментов дизайна выдалось относительное затишье, но это они к осени готовились. Вот пачка свежих блестящих игрушек для тех, кто уже успел перескочить со Скетча на Фигму, а с неё — на Framer X (и опять подумывает, что засиделся):

React Proto (https://react-proto.github.io/react-proto/): Экспериментальный инструмент помогает переводить макеты Sketch в компоненты на React. Он облегчает разбивку экрана на отдельные паттерны, каждый из которых может иметь вложенность и логику поведения.

Affinity Publisher (https://affinity.serif.com/en-gb/publisher/): Компания запускает конкурента InDesign — постепенно откусывает всё больше от продуктовой линейки Adobe. Бета-версия уже доступна и пока что бесплатна. Видео-демонстрация — https://www.facebook.com/affinitybyserif/videos/2095064040528220/.

Principle 4.0 (http://principleformac.com/posts/principle-four.html): Много улучшений по редактору и возможностям анимации.

Trailer (https://www.trailerapp.io/): Приложение для Mac помогает делать видео работы с интерфейсом для продуктовых промо-роликов. Видео работы — https://www.youtube.com/watch?v=1Zod9UkS05Y.

Preely (https://preely.com/): Инструмент помогает собирать и тестировать интерактивные прототипы интерфейсов. Импорт из Sketch и достаточно обширная аналитика по выполнению сценариев.

FramerX: Постепенно рассказывают о ключевых функциях: лейауты — https://framer.com/x/layout/ и рисование — https://framer.com/x/drawing. Работа с лейаутами крайне интересна и обещает сильно упростить жизнь дизайнерам. Antoine Plu делится впечатлениями о бета-версии — https://blog.prototypr.io/framer-x-preview-9d067f35cf9a (он записал скринкаст работы).

А ещё появилось официальное описание того, как работают компоненты — https://framer.gitbook.io/framer/components/design. Возможность импортировать любые компоненты на React упоминается.

Adobe XD: Июльское (https://theblog.adobe.com/july-2018-release-of-adobe-xd-stroke-enhancements-commenting-on-design-specs-and-more/) и августовское обновления (https://theblog.adobe.com/august-2018-release-of-adobe-xd-reorder-assets-asset-extraction-and-more/). Улучшение работы с выдачей спецификаций разработчикам и интеграция со сторонними инструментами. Читайте подробный разбор Adobe XD от издания Prototypr — https://blog.prototypr.io/hands-on-with-adobe-xd-f82be12f405f.

Figma: Добавлены расширенные способы взаимодействия с прототипом — https://blog.figma.com/the-finale-of-prototyping-week-interactions-e30182a8ff8e. Небольшой курс от Designlab — https://trydesignlab.com/figma-101-course/.

Abstract (https://www.goabstract.com/): Серьёзно обновился сайт инструмента.

Бонус: Пачка шикарных шаблонов для набросков интерфейсов дополненной и виртуальной реальности от Владимира Курбатова — https://medium.com/inborn-experience/templates-for-ar-vr-sketches-e424dfb60e54.

Готовимся к новому рывку наших старых знакомых (Sketch должен приструнить выскочек, а Adobe проведёт конференцию MAX с кучей анонсов), ждём новых «убийц» привычных продуктов и следим за тем, насколько разойдутся шопоголики из InVision в сезон распродаж.

#tools

В среду анонсировали новые телефоны iPhone Xs, Xs Max и Xr. Хотя печально видеть, что весь мир упоролся и готов есть гумус ложками (экраны с «чёлкой», ухудшающей ландшафтный режим, стали нормой), дизайн для них никто не отменял.

За два дня успели нагенерировать уйму шаблонов для подачи макетов:
— iPhone Xs и Xs Max от Lstore (https://lstore.graphics/free-iphone-xs/), Apply Pixels (https://applypixels.com/template/iphone-xs/), Virgil Pana (https://dribbble.com/shots/5239796-iPhone-XS-vector-mockup) и Pixeden (https://www.pixeden.com/psd-mock-up-templates/psd-iphone-xs-max-mockup).
— iPhone Xr от Apply Pixels (https://applypixels.com/template/iphone-xr/) и Pixeden (https://www.pixeden.com/psd-mock-up-templates/psd-iphone-xr-mockup).

Разрешение (https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/) и плотности (https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/) экрана новых телефонов есть в официальных гайдлайнах. Самое важное:
— iPhone Xs — 1125px × 2436px (5,8", @3x)
— iPhone Xs Max — 1242px × 2688px (6,5", @3x)
— iPhone Xr — 828px × 1792px (6,1", @2x)

Сам iOS 12 прилетит на устройства в понедельник, 17 сентября. Актуальный UI Kit для Sketch, Adobe XD, Photoshop и Keynote есть на сайте Apple — https://developer.apple.com/design/resources/.

Apple Watch как платформа для сторонних приложений оказались не такими востребованными (даже свежих шаблонов быстро не нашлось), но показали их 4 поколение с более крупным экраном и изменёнными циферблатами на новой watchOS 5 — https://www.apple.com/ru/apple-watch-series-4/. Они тоже стремятся к безрамочности. Размеры экрана — https://developer.apple.com/design/human-interface-guidelines/watchos/visual-design/display-sizes/:
— 44mm — 368px × 448px
— 40mm — 324px × 394px

В общем, пора обновлять портфолио, а то что вы как лохи с морально устаревшим iPhone X :)

P.S. Как правильно писать — Xs или XS? Даже в гайдлайнах Apple пока по-разному, так что ждём устаканивания.

#tools #templates

На прошлой неделе приехало сразу несколько приятных новостей из мира инструментов дизайна. Пока беты да обещания, анонсы да придыхания, видосы да мечтания. Но интригующие:

Sketch 52: Вышла бета — https://sketchapp.com/beta/. Обещают улучшение интерфейса и тёмную тему оформления. Самое главное — упрощение работы с изменяемыми свойствами в символах, так что то же переопределение цвета будет менее костыльным. Jon Moore в диком восторге, описал новый подход подробнее — https://medium.com/ux-power-tools/the-sketch-update-weve-all-been-waiting-for-plus-a-brand-new-ux-power-tools-72c405fd490d. А ещё — намёк на упрощение вставки реальных данных в макеты.

Плагины:
— 6Spiral позволяет рисовать спирали — https://medium.com/sketch-app-sources/you-can-now-easily-draw-beautiful-spiral-and-helix-shapes-in-sketch-4a921c13f5ef.
— Visual Inspector Scribble — https://www.canvasflip.com/visual-inspector/scribble/ обеспечивает совместную работу дизайнеров и интерфейсных писателей в Sketch.

Статьи:
— Travis Folck из Walmart рассказывает о Sketch-библиотеке дизайн-команды — https://medium.com/walmartlabs/helping-designers-adhere-to-a-design-system-with-sketch-a14db5215096.

FramerX: Продукт вышел из беты — https://framer.com/blog/posts/x-release/. Zach Johnston из Dropbox собрал несколько примеров того, что можно сделать с реальными данными в новом FramerX — https://medium.com/dropbox-design/designing-with-real-data-5b64c0876858. А Modou Lo перечислил самые сырые места текущей версии — https://blog.prototypr.io/framer-x-is-awesome-but-its-not-ready-71362ede1b3e.

Alva (https://meetalva.io/): Продукт вошёл в бету. Как и FramerX, он заточен под дизайн-систему в правильном понимании ― дизайнер использует визуальное представление React-компонентов, а не банальный UI Kit.

Adobe XD: Сентябрьское обновление — https://theblog.adobe.com/september-2018-release-of-adobe-xd-responsive-resize-timed-transitions-and-more/. Изменение размеров макетов с адаптивностью, проверка правописания, улучшение прототипов и анимации. Читайте также инструкцию по работе с внешним контентом — https://blog.prototypr.io/content-first-design-second-prototyping-with-words-and-adobe-xd-c4c07cac21ef.

Axure RP 9: Бета-версию уже можно попробовать — https://www.axure.com/blog/axure-rp-9-beta/. Возможен импорт макетов из Sketch.

Mokup (https://mokup.me/): Ещё один инструмент прототипирования и анимации. Выглядит средне, импортирует только PSD и SVG, но до кучи можно добавить.

Marvel: Поддерживает импорт прототипов, сделанных внутренней функциональностью Sketch — https://marvelapp.com/sketch-prototyping.

Logo Lab (https://logolab.app/): Инструмент помогает оптимизировать логотип для разных представлений в цифровых продуктах и печати.

Cleanmock (https://cleanmock.com/): Ещё один сервис для эффектной презентации экранов интерфейса в устройствах.

Avocode: добавили поддержку Adobe Illustrator (https://avocode.com/adobe-illustrator, на подходе Figma и InVision Studio) и открыли свой SDK — https://avocode.com/sdk. Они накопили неплохой опыт работы с макетами разных инструментов и сделали универсальный формат, который содержит данные из всех возможных инструментов — https://blog.avocode.com/how-could-the-design-industry-innovate-faster-7f363c2b5aa0.

Chipmunk (https://www.getchipmunk.com/): Сервис обещает помочь командам хранить рабочие макеты и другие дизайн-ресурсы.

Как обычно, густо пошло. Главное успевать заниматься продуктовыми задачами в этой бесконечной череде переездов на новое и клёвое.

#tools

Ежегодная монстрическая презентация новых продуктов и экспериментов Adobe MAX 2018 прошла с 15 по 17 октября в Лос Анджелесе — https://max.adobe.com/sessions/max-online/. Как всегда, карьерный самосвал обновок:

Adobe XD: Октябрьское обновление вышло очень плотным, это крупнейший рывок инструмента — https://theblog.adobe.com/october-2018-release-of-adobe-xd-at-max/. Самое крутое — можно прототипировать голосовые интерфейсы (https://theblog.adobe.com/introducing-voice-prototyping-in-adobe-xd/); прототип слушает команды и отвечает голосом (купили сервис Sayspring в прошлом году — https://www.subtraction.com/2018/10/15/designing-and-prototyping-with-voice-in-adobe-xd/). Фигасе! Вдобавок — UI Kit для Amazon Alexa (https://adobe.ly/xdvoiceuikit).

Появились первые плагины. Помимо базовых типа Zeplin и дежурных вроде Slack и Jira есть трушные дизайнерские — Overflow, ProtoPie, UI Faces, Rename It.

Ещё одна интересная штука — автоанимация, когда инструмент сам простраивает переход между двумя артбордами со сменой состояний элементов.

Связанные символы могут обновляться в макетах, которые используют их, при изменении оригинала. Также можно открывать файлы Adobe Illustrator и экспортировать в After Effects.

Photoshop: Обещанная полноценная версия для iPad подтвердилась — https://theblog.adobe.com/adobe-photoshop-aero-gemini-dimension-photoshop-cc/ и https://www.adobe.com/creativecloud/photoshop-ecosystem.html. Можно работать с PSD-файлами в адаптированном интерфейсе. Доступна будет в следующем году.

Основная версия тоже обновилась — https://helpx.adobe.com/photoshop/using/whats-new.html и https://theblog.adobe.com/adobe-photoshop-aero-gemini-dimension-photoshop-cc/. Много новых возможностей, улучшений старых и оптимизации интерфейса (например, наконец-то есть математические формулы при задании размеров).

Adobe Fonts (https://fonts.adobe.com/): TypeKit наконец-то переименовали (https://theblog.adobe.com/typekit-is-adobe-fonts/). И сняли много ограничений — можно синхронизировать на компьютер хоть все 14 000 шрифтов, нет разницы между использованием на компьютере и в вебе, убрали лимиты по просмотрам и доменам в вебе.

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

#tools #adobe #events

[начало в https://t.me/pdigest/118]

Другие инструменты, про которые рассказывали на Adobe MAX 2018:

— After Effects с пачкой приятных возможностей (https://helpx.adobe.com/after-effects/using/whats-new.html).

— Illustrator с кучей улучшений интерфейса и работы с объектами (https://helpx.adobe.com/illustrator/using/whats-new.html).

— InDesign облегчает перекомпоновку при изменении размеров страницы и автоматом подбирает правильную обрезку изображений (https://helpx.adobe.com/indesign/using/whats-new.html).

— Project Aero для рисования в дополненной реальности (https://www.adobe.com/products/projectaero.html).

— Project Gemini, инструмент для рисования на iPad (https://www.adobe.com/creativecloud/drawing-painting.html).

— Character Animator CC прикрутил наработки из эффектных прошлогодних демок с быстрым наложением иллюстративных стилей на персонажей (https://theblog.adobe.com/introducing-characterizer-and-more-game-changing-innovation-in-character-animator-cc/).

— Dimension 2.0 для использования 3D-объектов в двухмерных изображениях (https://theblog.adobe.com/adobe-photoshop-aero-gemini-dimension-photoshop-cc/).

— Premiere CC сфокусировался на видеоблогерах (https://www.engadget.com/2018/10/15/adobe-premiere-rush-cc-photoshop-ipad/). Одна из новых демок Adobe Sensei показывает потенциальное развитие — https://www.engadget.com/2018/10/16/adobes-smooth-operator-intelligent-cropping/ — автоматическая обрезка ландшафтного видео для stories.

Обновления уже прилетели через Creative Cloud. Все видео выступлений — https://www.behance.net/live/replays.

Хотя многие с удивлённым мизинчиком поправят монокль, глядя с высоты своих Фигм и Скетчей, Adobe — важная компания на рынке, так что какие-то из их продуктов вы наверняка используете. Грешновато профессионалу не интересоваться тем, что происходит с инструментами дизайна, ведь Adobe делает безумное количество прорывных штуковин.

#tools #adobe #events

Новых инструментов дизайна выходит столько, что такими темпами придётся сфокусировать дайджест только на них. Вот вам свежая поставка:

Ratio (https://useratio.com/): Экспериментальный инструмент дизайна от Florian Schulz. В своей крутейшей сопроводительной статье он рассказывает о его принципах работы ― https://medium.com/@getflourish/designing-with-ratio-dcc656d5385d. Ratio основан на токенах и использует их в достаточно передовом виде (например, может подключать их из стороннего инструмента).

Interplay (https://interplayapp.com/): Экспериментальный онлайн-инструмент дизайна интерфейсов, который также обещает связку с реальными компонентами дизайн-системы на React, Angular и Vue.

Modulz: Colm Tuite начал сбор денег на свой фреймворк для создания дизайн-систем, о котором писал несколько раз в дайджесте — https://www.kickstarter.com/projects/stephenhaney/modulzthe-next-step-in-visual-coding. Денег дали.

Sympli Versions (https://versions.sympli.io/): Система версионирования макетов и шаблонов для дизайнеров от Sympli. Её анонсировали в прошлом году, теперь она доступна для всех.

Principle 5 (http://principleformac.com/posts/principle-five.html): Вышло обновление, хотя и лёгонькое. Можно импортировать макеты из Figma, есть тёмная тема оформления.

Overframe (https://overframe.xyz/): Простой инструмент для Mac позволяет вставить интерактивный прототип в рамку телефона и получить видео для промо-сайта.

Famous (https://famous.co/): Инструмент обещает экспорт макетов Sketch, Adobe XD и Photoshop в работающие Progressive Web Apps.

Figma: Появился мощная функция для работы с группой повторяющихся объектов, когда их можно изменять одновременно — https://blog.figma.com/introducing-smart-selection-51f6ca7a817b.

Читайте также инструкцию по работе с API для начинающих от Daniel Hollick из TIDAL — https://medium.com/@danhollick/a-designers-guide-to-the-figma-api-64f2785969d8. Пошаговое подключение к макетам и их разбор.

UXPin: В прототипах появились общие переменные, которые можно использовать на разных шагах (например, введённое в форму имя пользователя) — https://www.uxpin.com/studio/blog/variables-and-conditional-interactions-for-interactive-prototyping/.

FramerX: Lachezar Petkov разобрал нюансы работы с инструментом — https://www.smashingmagazine.com/2018/10/new-framer-x-initial-impressions/.

Webflow: Добавили инструмент работы с CSS Grid — https://webflow.com/grid.

UX Feedback (https://uxfeedback.ru/): Сервис позволяет опросить пользователей сайта. На входе — оценка через смайлики (по шкале из 5), есть возможность задать дополнительные вопросы.

Purple (https://www.purple.pm/): Сервис помогает хранить проектную документацию по дизайну — от входящих требований и сценариев использования в самых разных вариациях до макетов и других наглядных результатов работы.

Drafta (https://drafta.co/): Ещё один сервис для хранения макетов в команде. Правда, не особо полезный ― просто галерея без спецификаций и даже описания.

Sensitive (https://sensive.co/): Ещё один сервис версионирования макетов.

Prototypr запустили хронологию обновлений инструментов дизайна — https://www.prototypr.io/time-machine/ — сейчас есть архив за последний год.

Уф, подержите моё пиво — пошёл делать следующую подборку инструментов.

#tools

Новые инструменты дизайна копились-копились, да выплеснулись в четырнадцатый мини-выпуск дайджеста:

InVision Studio: Вышла версия 1.0 — https://www.designernews.co/stories/98647-welcome-to-invision-studio-10. Общие библиотеки компонентов, улучшение интерфейса и производительности. UI Kit для iOS (https://s3.amazonaws.com/www-assets.invisionapp.com/iOS+UI+Kit.studio.zip) и Android (https://s3.amazonaws.com/www-assets.invisionapp.com/Material+Design+UI+Kit.studio.zip).

Bondlayer (https://www.bondlayer.com/): Новый инструмент дизайна и разработки. Можно получить код для веба или Android/iOS (и даже опубликовать в магазинах приложений).

Drawkit (https://www.drawkit.io/): Шаблоны иллюстраций в духе Slack.

Figma: Dylan Field сделал обзор основных обновлений за год ― https://www.figma.com/blog/figma-year-in-review-2018/. Скорость развития инструмента, конечно, фантастическая. Читайте также советы по эффективной работе с инструментом от Tom Johnson ― https://blog.prototypr.io/figma-tips-and-tricks-1c07ec13b696.

Sketch: Плагин Timelapse (https://timelapsesketch.com/) позволяет записать скринкаст работы над макетом. Anima управляет отступами вложенных символов — https://medium.com/sketch-app-sources/padding-with-nested-symbols-in-sketch-with-anima-eec9ac2194ec. VK Data позволяет вставлять различные данные из профиля ВКонтакте: аватарки друзей, сообществ, обложки видео — https://github.com/VKCOM/vkdata-sketchplugin.

Adobe XD: Памятка по дизайну интерфейсов в Adobe XD от Telmo Subirá Rodríguez ― https://medium.com/drill/learning-the-basics-of-adobe-xd-in-one-hour-3537f3ac02a3.

Atomic: Инструмент закрывается — https://atomic.io/prototyping. Команда планирует заняться более общим инструментом для продуктовой разработки.

Framer: Получили ещё $24 млн инвестиций в серии Б — https://techcrunch.com/2018/11/12/framer-series-b/.

Cleverstack (https://cleverstack.com/): Сервис помогает проводить брейнштормы в онлайне — записывать идеи и голосовать за них, чтобы выбрать наиболее годные.

Leeflets (https://leeflets.com/): Ура! Ещё один конструктор одностраничников.

Grid Studio (https://grid.studio/): Стоп. Ещё один!

Palx (https://palx.jxnblk.com/): Генератор цветовых палитр. Вы ему основной цвет, он вам ― вспомогательные.

Meta Tags (https://metatags.io/): Сервис помогает быстро примерить мета-теги сайта и то, как ссылка отображается в Google, Facebook, Twitter, LinkedIn, Pinterest и Slack.

Squoosh (https://squoosh.app/): Сервис для оптимизации изображений от Google.

Avocode: Теперь тоже показывают связку экранов, загруженных как прототип — https://avocode.com/prototyping.

Думаю, до конца года ещё увидим пачку обновлений.

#tools

Создатели инструментов дизайна делают последний рывок перед новогодне-рождественским затишьем и выпускают несколько новых экспериментальных инструментов и обновлений к существующим:

Uizard (https://uizard.io/): Превращает наброски интерфейсов на бумаге в достаточно аккуратные макеты Sketch. Давно следил за альфа- и бета-версиями, отличное применение идеи Airbnb для широкого круга дизайнеров.

Yotako (https://www.yotako.io/): Позволяет получить код для веба и нативных приложений Android и iOS из макетов Sketch, Adobe XD, Photoshop и Balsamiq (на подходе Figma).

VisBug (https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc): Плагин для Chrome позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Памятка по работе с ним от Adam Argyle — https://medium.com/google-design/visbug-101-d2636120f8d7. И обзор похожих плагинов — https://css-tricks.com/devtools-for-designers/.

Montage (https://www.trymontage.com/): Делает упор на большую библиотеку компонентов, которые можно скачать и изменить под себя.

Hadron: Добавили отдельный набор возможностей для разработчиков, так что они могут работать вместе с дизайнером над одним проектом ― https://blog.prototypr.io/a-design-tool-that-is-also-a-developer-tool-introducing-profiles-in-hadron-c04537d159a8.

Iterate: Тарас Бризицкий делает свой инструмент для проектирования интерфейсов на iPad ― https://medium.com/@tbrizitsky/wireframing-on-ipad-done-right-iterate-beta-is-now-available-512b7ddd7279. Недавно появилась бета-версия ― https://testflight.apple.com/join/QCrT1I4Z. Более ранний анонс с описанием изначальной идеи ― https://blog.prototypr.io/https-medium-com-tbrizitsky-iterate-the-ux-designers-digital-sketchbook-6955cc74be57.

UI Constructor (https://www.uiconstructor.com/): Ещё один визуальный конструктор сайтов на базе Bootstrap. Позволяет собрать страницу из типовых блоков и оформить её.

Flare (https://www.2dimensions.com/about-flare): Новый инструмент для иллюстраций и их последующей анимации. Анонс от авторов ― https://medium.com/2dimensions/flare-launch-d524067d34d8.

Moca (https://serfo.com/p/wireframe/): Максимально простой онлайн-сервис для проектирования интерфейсов.

Adobe XD: Graeme Fulton сделал обзор возможностей прототипирования голосовых интерфейсов — https://blog.prototypr.io/voice-first-screen-second-designing-for-voice-in-adobe-xd-1a9e5efdca15. Всё это обёрнуто в шикарнейший обзор самого рынка и особенностей общения с голосовыми помощниками. Демо с Adobe MAX — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.

Figma: Упрощённая возможность работы с диалогами и всплывающими слоями в прототипах (https://www.figma.com/blog/introducing-overlays-taking-prototyping-to-the-next-layer/) и экспорт в PDF (https://www.figma.com/blog/our-path-to-creating-the-highest-quality-pdf-exporter/) ― теперь можно делать и презентации.

Sketch: Плагины: Felipe (https://www.arielverber.com/felipe/) позволяет превращать примитивные фигуры в символы Sketch. Анонс от автора ― https://uxdesign.cc/intention-based-design-e58a4575ebbe.

InVision Studio: Коллекция обучающих материалов от Matt D. Smith ― https://switchtostudio.com/.

Readymag: Анонсировали бета-версию разбивки длинных страниц на секции ― https://readymag.com/readymag/newsletter/. Это упростит изменение контента в середине (не придётся двигать и перепроверять то что ниже).

Phase: Команда показывает, как упростится прототипирование за счёт встроенных состояний компонентов — https://blog.prototypr.io/conditional-logic-in-phase-if-else-made-visual-12dbd0178e61.

Ура, вам больше не придётся тестировать новую штуку, шансов у которой на рынке немного! Кажется, это последний рывок в этом году ― движуха начнётся с середины января.

#tools

Я давно хотел делать сводный обзор ключевых событий года в декабре и вот первый заход для Кода Дурова — 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