Дайджест продуктового дизайна, апрель 2019
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-март 2019 [1].
Паттерны и лучшие практики
Spectacle — The Best Video Marketing Inspiration [2]
Коллекция хороших видео-презентаций продуктов и их обновлений.
Building to learn ― The role of prototyping in Design [3]
Шикарная статья Christian Cantrell из Adobe о том, как дизайн-команда использует прототипы для лучшего понимания проблемы и улучшения интерфейса. Он подробно рассказывает о задачах, которые решает прототип в сложной продуктовой работе.
From Like Buttons to Message Bubbles — The UX Designs You Can’t Use [4]
Christie Tang изучила и описала интерфейсные патенты крупных технологических компаний. Apple, Facebook, Microsoft, Snapchat, Samsung, Netflix, Airbnb, Tinder.
Design recommendations to improve digital payment experience [5]
Adil Siddiqui собрал наглядные рекомендации по дизайну мобильных интерфейсов оплаты. Все примеры сопровождаются анимацией в контексте.
Privacy UX ― Better Cookie Consent Experiences [6]
Виталий Фридман из Smashing Magazine разбирает примеры запросов на использование cookies в современных сайтах. Достаточно большая коллекция одного из самых топорных в истории интерфейсов способов информирования пользователей.
В следующей статье он даёт советы по комфортной для пользователя политике уведомлений от продукта [7]. Он учитывает все каналы — сам продукт, браузер, операционная система, дополнительные каналы вроде почты и СМС.
В финале цикла он предлагает мини-фреймворк по аккуратной работе с персональными данными пользователей [8].
Исследования Baymard Institute
Важность кросс-ссылок на разные комплектации и версии товара [10].
Дизайн-системы и гайдлайны
Acronis Design System [11]
Acronis несколько лет развивают свою дизайн-систему и выпустили несколько статей о ней, но кроме этого о ней было известно мало. На днях ребята выложили видео-презентацию, которая показывает основные возможности. Получился мощный инструмент, где есть библиотека компонентов в коде и их связка с символами в Sketch. Показано использование для сборки страниц, покрытие тестами, статистика использования компонентов — все модные в дизайн-системах вещи. Не терпится добавить ссылку на живой гайдлайн в клуб создателей отечественных систем [12].
VKUI Styleguide [13]
Дизайн-система ВКонтакте для мобильных приложений. Поддерживает тематизацию на базе токенов [14]. Репозиторий [15].
Михаил Лихачёв рассказывает о создании тёмной темы для мобильных приложений [16]. Для этого им потребовалось перевести часть переменных на токены, так что улучшили основу для дизайн-системы.
United States Web Design System [17]
Вторая версия дизайн-системы американских госсайтов USWDS 2.0. Токены, тематизация и всё такое [18].
Designing Our Design Systems Team [19]
Ben Lister рассказывает о создании дизайн-системы Sprout Social [20] и том, как менялась её команда. Как это часто бывает, это началось с группы энтузиастов, выделявших 30% времени на работу над ней, но постепенно сформировалась полноценная выделенная группа. Очень крутой пример того, как эволюционирует такая команда с чётко описанными проблемами, целями и задачами.
Бонус: Блог дизайн-команды Sprout Social [21].
Size in Design Systems [22]
Nathan Curtis показывает, как описывать несколько плотностей компонентов в дизайн-системе.
Managing Z-Index In A Component-Based Web Application [23]
Павел Померанцев даёт советы по системной работе с z-index в компонентных дизайн-системах. Как добиться того, чтобы компоненты не ломались при вставке в разные страницы.
Design Systems Publication [24]
Мини-журнал Jina Anne о дизайн-системах на Medium с интересными статьями сторонних авторов.
Why Don’t We Just Use Material Design? [25]
Ben Moss рассуждает о границах полезности открытых дизайн-систем известных компаний на примере Material Design.
Storybook
- Движется в сторону полноценного живого гайдлайна для дизайнеров, а не только разработчиков — в новой версии можно выводить основы визуального языка (цвета, типографика, пиктограммы) и в целом лучше описывать компоненты.
- Chromatic [26]: Надстройка для визуального тестирования компонентов.
Понимание пользователя
Children’s Exposure to Digital Technology Causes Parental Anxiety [27]
Kim Flaherty и Kate Moran из Nielsen/Norman Group пишут об опасениях по чрезмерному использованию гаджетов детьми и том, как родители борются с этим.
The fight to regulate dangerous design is heating up [28]
В Великобритании обсуждается закон, ограничивающий цифровые продукты при использовании детьми. Они легко покупаются на все трюки в вовлечении пользователей, что приводит к зависимости.
Sympathy vs. Empathy in UX [29]
Sarah Gibbons из Nielsen/Norman Group пишет об отличиях симпатии и эмпатии. Дизайнеры не всегда используют эти термины правильно, а где-то путают с жалостью и состраданием.
The map is not the territory — Empathy in design [30]
David Siegel и Susan Dray рассуждают о картах эмпатии, которые идут по пути персонажей — становятся «как бы» заменителями понимания пользователей, на самом деле не давая нужной глубины.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Lisa Maria Martin — Everyday Information Architecture [31]
A List Apart выпустили в апреле 2019 книгу Lisa Maria Martin «Everyday Information Architecture». Они публикуют отрывок из главы 4 [32].
Journey Mapping — 9 Frequently Asked Questions [33]
Толковые советы Alita Joyce и Kate Kaplan из Nielsen/Norman Group по созданию customer journey map. Стоит ли разбивать карту на несколько, как вовлекать недизайнеров, какие исследования проводить и другие полезные вводные.
The User’s Perspective — Using Story Structure To Stand In Your User’s Shoes [34]
John Rhea предлагает упрощённый вариант customer journey map в формате «путешествия героя».
Translation, localisation or transcreation? [35]
AnneSophie Delafosse из Deliveroo описывает три подхода к адаптации контента для других стран — перевод, локализация и создание заново по изначальному брифу.
Эталонный Сервис: Фитнес-клубы [36]
Станислав Хрусталёв продолжает серию шикарных публикаций о Customer Journey Map подробнейшим разбором клиентского опыта посетителя фитнес-клуба.
Why we made a content design playbook [37]
Pete Kowalczyk из Deliveroo рассказывает о методике подготовки контента для интерфейсов. Это пять этапов: определение проблемы, структурирование информации, выразительные средства, спецификация и полировка.
Новые инструменты дизайна интерфейсов
Sketch 54 [38]
Революций нет: улучшение тёмной темы, направляющих, вставки картинок и символов.
Плагины
- Sketch Lint [39]: Приносит идею линтинга для проверки макетов на соответствие основным параметрам дизайн-системы. Он подсвечивает нестыковки в элементах интерфейса.
Adobe XD
Коллекция бесплатных иллюстраций [40].
Figma
Rasmus Andersson о редизайне интерфейса [41]. Читайте также обзор работы с сетками [42].
Sheet 2 Site [43]
Вторая версия генератора простых сайтов из таблиц в Google Sheets. Куча новых шаблонов и важных интеграций.
Mock [44]
Простой онлайн-сервис вставляет видео интерактивного прототипа в рамку телефона для промо.
Mockdown [45]
Сервис делает схематичную версию макета для презентаций и промо-сайтов.
Google Earth Studio [46]
Команда Google Earth выпустила инструмент, который позволяет собирать видео пролёта над городами на основе своих карт.
Speak Human [47]
Генератор рыбных интерфейсных текстов, которые правдоподобны.
Workbench Suite [48]
Пачка простых инструментов для работы над макетами — нарезка нужных размеров, тегировние, мета-теги, создание цветовой палитры из фото и другие.
Geenes [49]
Наглядный сервис для подбора цветовой палитры для интерфейса. Сразу примеряет их на абстрактный экран мобильного приложения.
Moleskine Studio [50]
Moleskine запустили своё приложение для набросков на планшете.
Vector Flow [51]
Процедурный инструмент для работы с векторной графикой. В формате, похожем на Origami, вы выстраиваете ноды и их зависимости, в итоге получаете генеративную иллюстрацию.
Dislack [52]
Ещё один конструктор форм. Собирает и хранит введённые данные.
Plectica [53]
Ещё один инструмент для совместной работы в цифровом аналоге маркерной доски. Диаграммы, ментальные карты, концептуальные модели и всё такое.
Sketch vs Figma, Adobe XD, And Other UI Design Applications [54]
Сравнение Sketch, Figma и Adobe XD по ключевым функциям от Ashish Bogawat. Хороший способ быстро разобраться для тех, кто знает только один продукт.
Awesome Design Tools [55]
Неплохой каталог инструментов дизайна по разным категориям.
SketchKeys [56]
Наклейки на клавиатуру с горячими клавишами Sketch, Figma и Photoshop.
Пользовательские исследования и аналитика
Hawkeye [57]
Мобильное приложение позволяет тестировать сайты на iPhone с помощью eye tracking. Само собой, нужен телефон из последних поколений.
How a Team Matures Its User Research Integration [58]
Jared Spool предлагает модель зрелости пользовательских исследований в команде. Его важное уточнение — зрелость имеет смысл оценивать именно у конкретной команды, а не организации в целом.
The lean research memo [59]
Dani Nordin из athenahealth показывает шаблон подготовительных документов и отчёта о пользовательских исследованиях в lean-формате.
Give Your Research Skills Away — Why Coaching Product Teams Won’t Put You Out of a Job [60]
Годные советы Nancy Lincoln Perry из Microsoft по вовлечению всей продуктовой команды в пользовательские исследования. Как повысить их дизайн-грамотность и вложить в руки инструменты для проведения быстрых оценок продукта, чтобы сами исследователи смогли сфокусироваться на стратегических задачах.
Skip User Research Unless You’re Doing It Right — Seriously [61]
Joe Munko говорит о важности повторного использования инсайтов, которые найдены в ходе пользовательских исследований. В ходе бесконечной гонки по проверке продуктовых решений про это забывают, но инвестиции в базу знаний здорово окупаются потом.
Визуальное программирование и дизайн в браузере
Andy Clarke — Art Direction For The Web [62]
[62]
Smashing Magazine выпустили книгу Andy Clarke «Art Direction for the Web». В ней рассказывается о возможностях современных технологий по эффектному представлению брендов в вебе. Одна из статей показывает, какую эффектную журнальную вёрстку можно сделать с помощью CSS Shapes [63].
Новые скрипты
- Lax.js [64]: Библиотека для анимации элементов при прокрутке страницы.
- Анимации сферы, состоящей из динамических линий [65].
- Открытие фотографий в галерее [66].
- Анимация букв в заголовках [67].
- Глитч-эффект на фото под курсором [68].
Важные обновления браузеров
- Chrome 74 позволит пользователям отключить анимацию на сайте [69]. Она вызывает укачивание у некоторых пользователей.
Метрики и ROI
Why You Should Measure UX Attitudes [70]
Jeff Sauro описывает способы оценить отношение к бренду по трём критериям: убеждения, чувства и предполагаемое поведение. Оценки в рамках каждой категории могут быть противоречивыми, но этим они и важны для сфокусированной работы над продуктами.
Дизайн-менеджмент и DesignOps
Design Leadership Notebook [71]
Dennis Hambeukers запустил блог о дизайн-менеджменте, где описывает своё видение системного развития дизайна в компаниях (до этого он вёл аналогичный по проектированию услуг [72]). Весь архив (там около 50 статей) читать вряд ли стоит (много повторений, выделенные статьи хорошо суммируют основные идеи). Но видно, что у него неплохо получаются разного рода концептуальные модели дизайна, так что полезного хватает.
Модель зрелости дизайна [73], которую он собрал на основе недавнего подхода InVision и классической концепции Larry Greiner 1972 года [74]. К привычной «лесенке» добавляется сильная идея кризисов роста, которые толкают на следующий шаг.
Подход к изменениям в дизайне и организации [75]. Сопроводительная статья [76] о конкретных шагах.
Подход к масштабированию дизайна в компании [77]. Сопроводительная статья [78] с моделью пользы дизайна на разных уровнях, позволяющую перейти от дизайна продуктов к дизайну организации.
Модель дизайн-процесса [79] на базе двух популярных подходов — двойного алмаза и постепенно распутывающегося клубка. Он назвал её «воздушным змеем» и в целом похоже на правду.
Три стадии взросления дизайн-процесса [80]: делать, учиться, думать —. По мере продвижения увеличивается и отдача от него.
Этапы развития дизайна [81] (офлайновый бренд, ПО для бизнеса, ПО для конечного пользователя) и современный мир, где бренд и UX сливаются в одно целое.
Ключевая роль прототипирования в современном дизайн-процессе [82] — все этапы работы над продуктом крутятся вокруг них.
UX Responsibilities in Scrum Ceremonies [83]
Шикарнейшая памятка для дизайнеров, работающих в agile-процессе, от Anna Kaley из Nielsen/Norman Group. Она показывает, как эффективно участвовать во всех встречах и планёрках, которые достаточно интенсивны в каноническом подходе.
Developing UX Teams [84]
Matt Griffin из Shopify рассказывает о подходе к развитию дизайнеров в своей команде. Как парная работа помогает передавать навыки от сильных специалистов к растущим. В первых двух [85] частях [86] было чуть менее интересно, но тоже может быть полезно.
The feedback you choose not to give is as important as the one you do [87]
Fabricio Teixeira даёт советы по проведению сессий дизайн-ревью. Как правильно доносить свою точку зрения и комментарии к чужим решениям.
Бонус: Как проводят ревью в Asana [88] и IBM [89].
Design Your Team [90]
Jennifer Brook из Dropbox опубликовала небольшой фреймворк по определению общих ценностей дизайн-команды. Скачать инструкцию [91] и карточки [92].
The Need to Think and Talk like an Executive [93]
Jared Spool приводит пять критериев пользы дизайна для бизнеса, выраженной в деньгах: увеличить доходы, уменьшить операционные расходы, увеличить доходы от нового бизнеса или существующего, поднять стоимость бизнеса для акционеров. Для каждого из них он показывает примеры полезных дел со стороны дизайна.
Продуктовый менеджмент и аналитика
Assumption Slam — How not to make an A** out of U and ME [94]
Julie Booth из Shopify описывает свой подход к работе с гипотезами через привычную матрицу приоритетов 2×2.
(Value ÷ Effort) x Confidence = Priority [95]
Jared Spool рассказывает о подходе к расстановке приоритетов для продуктовой команды, которую могут использовать продуктовые дизайнеры. Она учитывает ценность, сложность реализации и уверенность в успехе.
Кейсы
Новая Почта Mail.ru и при чем тут осьминог [96]
Артём Гладков рассказал о редизайне Почты Mail.ru. Статья рассказывает об истории работы над восьмой версией продукта — принципах дизайна, первоначальных концептах, заложенных идеях и их обкатке на пользователях.
Rebranding as a distributed team — How we collaborated with a design agency [97]
Егор Коробейников рассказывает о ребрендинге RealtimeBoard, ставшего в последствии Miro. Неплохо и достаточно подробно о процессе и ключевых этапах. Barbara Gago о предпосылках ребрендинга [98] и использовании бренд-спринта [99].
How We Redesigned Heap’s App in Three Months [100]
Dave Feldman рассказывает о редизайне сервиса Heap.
Lessons learned from our App Store screenshots redesign [101]
Gil Bouhnick изучил лучшие практики представления скриншотов в магазинах приложений и собрал своё решение, которое дало неплохой выхлоп.
Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты [102]
Владимир Клепов из команды Яндекс Почты рассказывает о нескольких подходах к автоматизированному перекрашиванию писем рассылки для тёмной темы.
Тренды
Web Design Trends 2019 — Voice Interfaces, Image Search, Fortnite, Alexa and other crazy things that are rocking our world [103]
Очень годный обзор трендов от Awwwards. Поскольку многие из утомивших вещей вроде анимации и крупной типографики превратились просто в жанры, они рассматривают конкретные нюансы их применения, а не просто наличие. Есть и про визуальные приёмы, и про интерфейсы, и про профессию в целом.
Для общего и профессионального развития
Первоапрельские статьи
- Jakob Nielsen про новый метод пользовательских исследований eartracking [104] на замену eyetracking.
- Kara Pernice анализирует юзабилити общественных туалетов [105].
- Jamal Nichols описывает шутливый метод gorilla-тестирования [106] (по аналогии с guerilla, партизанским подходом).
The 10 Usability Heuristics — Free posters for every design office [107]
Наглядные плакаты для классических 10 эвристик Якоба Нильсена.
Scapegoating User Experience Design [108]
Khoi Vinh разбирает статью Washington Post о том, как Nest и другие компании с продуктами умного дома подвергают риску своих клиентов [109]. Для них важна лёгкость использования, из-за чего они сокращают важные меры безопасности вроде двухфакторной авторизации, что критично для связанного с личными данными продукта.
Люди и компании в отрасли
Покупки дизайн-студий крупными компаниями
Подпишитесь на дайджест в Facebook [111], ВКонтакте [112], Телеграме [113] или по почте [114] ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику.
Автор: Юрий Ветров
Источник [115]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/dizajn-interfejsov/317471
Ссылки в тексте:
[1] апрель 2010-март 2019: https://jvetrau.com/category/digest/
[2] Spectacle — The Best Video Marketing Inspiration: https://spectacle.is/
[3] Building to learn ― The role of prototyping in Design: https://uxdesign.cc/building-to-learn-977a8cd88ced
[4] From Like Buttons to Message Bubbles — The UX Designs You Can’t Use: https://onezero.medium.com/ui-ux-patterns-you-literally-cannot-design-design-patents-from-tech-companies-21ae9643dc9e
[5] Design recommendations to improve digital payment experience: http://adilsiddiqui.in/x/designing-for-digital-payments
[6] Privacy UX ― Better Cookie Consent Experiences: https://www.smashingmagazine.com/2019/04/privacy-ux-better-cookie-consent-experiences/
[7] комфортной для пользователя политике уведомлений от продукта: https://www.smashingmagazine.com/2019/04/privacy-better-notifications-ux-permission-requests/
[8] мини-фреймворк по аккуратной работе с персональными данными пользователей: https://www.smashingmagazine.com/2019/04/privacy-ux-aware-design-framework/
[9] Важность отображения статуса заказа на сайте самого интернет-магазина, а не только компании-доставщика: https://baymard.com/blog/integrate-tracking-info
[10] Важность кросс-ссылок на разные комплектации и версии товара: https://baymard.com/blog/synchronize-product-data-across-variations
[11] Acronis Design System: https://www.youtube.com/watch?v=z--Ec7Qr09A
[12] клуб создателей отечественных систем: http://designsystemsclub.ru/companies/acronis.html
[13] VKUI Styleguide: https://vkcom.github.io/vkui-styleguide/
[14] токенов: https://github.com/VKCOM/Appearance/blob/master/main.valette/scheme.json
[15] Репозиторий: https://github.com/VKCOM/VKUI
[16] Михаил Лихачёв рассказывает о создании тёмной темы для мобильных приложений: https://habr.com/ru/company/vk/blog/449720/
[17] United States Web Design System: https://v2.designsystem.digital.gov/
[18] Токены, тематизация и всё такое: https://v2.designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/
[19] Designing Our Design Systems Team: https://medium.com/sprout-social-design/designing-our-design-systems-team-184ac9a12c3d
[20] дизайн-системы Sprout Social: https://sproutsocial.com/seeds/
[21] Блог дизайн-команды Sprout Social: https://medium.com/sprout-social-design
[22] Size in Design Systems: https://medium.com/eightshapes-llc/size-in-design-systems-64f234aec519
[23] Managing Z-Index In A Component-Based Web Application: https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/
[24] Design Systems Publication: https://publication.design.systems/
[25] Why Don’t We Just Use Material Design?: https://www.webdesignerdepot.com/2019/04/why-dont-we-just-use-material-design/
[26] Chromatic: https://www.chromaticqa.com/
[27] Children’s Exposure to Digital Technology Causes Parental Anxiety: https://www.nngroup.com/articles/parental-anxiety/
[28] The fight to regulate dangerous design is heating up: https://www.fastcompany.com/90335048/the-fight-to-regulate-dangerous-design-is-heating-up
[29] Sympathy vs. Empathy in UX: https://www.nngroup.com/articles/sympathy-vs-empathy-ux/
[30] The map is not the territory — Empathy in design: http://interactions.acm.org/archive/view/march-april-2019/the-map-is-not-the-territory
[31] Lisa Maria Martin — Everyday Information Architecture: https://abookapart.com/products/everyday-information-architecture
[32] отрывок из главы 4: https://alistapart.com/article/everyday-information-architecture-excerpt/
[33] Journey Mapping — 9 Frequently Asked Questions: https://www.nngroup.com/articles/journey-mapping-faq/
[34] The User’s Perspective — Using Story Structure To Stand In Your User’s Shoes: https://www.smashingmagazine.com/2019/04/user-perspective-story-structure/
[35] Translation, localisation or transcreation?: https://medium.com/deliveroo-design/translation-localisation-or-transcreation-87f3ebd7a8b0
[36] Эталонный Сервис: Фитнес-клубы: https://hardclient.com/fitness
[37] Why we made a content design playbook: https://medium.com/deliveroo-design/why-we-made-a-content-design-playbook-55f4dd3a2c75
[38] Sketch 54: https://blog.sketchapp.com/improved-snapping-and-a-dark-mode-toggle-in-sketch-54-208325fbc4da
[39] Sketch Lint: https://github.com/saranshsolanki/sketch-lint
[40] Коллекция бесплатных иллюстраций: https://xd.undraw.co/
[41] Rasmus Andersson о редизайне интерфейса: https://www.figma.com/blog/ui-refresh/
[42] обзор работы с сетками: https://www.figma.com/blog/everything-you-need-to-know-about-layout-grids-in-figma/
[43] Sheet 2 Site: https://www.sheet2site.com/
[44] Mock: https://www.mock.video/
[45] Mockdown: https://epic.ai/mockdown/
[46] Google Earth Studio: https://www.google.com/earth/studio/
[47] Speak Human: http://speakhuman.today/
[48] Workbench Suite: https://brandfolder.com/workbench-suite
[49] Geenes: https://geenes.app/
[50] Moleskine Studio: https://moleskinestudio.com/
[51] Vector Flow: https://itunes.apple.com/us/app/vectorflow/id1448594345
[52] Dislack: https://dislack.com/
[53] Plectica: https://www.plectica.com/
[54] Sketch vs Figma, Adobe XD, And Other UI Design Applications: https://www.smashingmagazine.com/2019/04/sketch-figma-adobe-xd-ui-design-applications/
[55] Awesome Design Tools: https://flawlessapp.io/designtools
[56] SketchKeys: https://sketchkeys.com/
[57] Hawkeye: https://www.usehawkeye.com/
[58] How a Team Matures Its User Research Integration: https://playbook.uie.com/blog/how-a-team-matures-its-user-research-integration
[59] The lean research memo: https://medium.com/athenahealth-design/the-lean-research-memo-35ea62b2c022
[60] Give Your Research Skills Away — Why Coaching Product Teams Won’t Put You Out of a Job: https://medium.com/microsoft-design/give-your-research-skills-away-why-coaching-product-teams-wont-put-you-out-of-a-job-d0bf8fd0ca5c
[61] Skip User Research Unless You’re Doing It Right — Seriously: https://medium.com/microsoft-design/skip-user-research-unless-youre-doing-it-right-seriously-15494e5ee033
[62] Andy Clarke — Art Direction For The Web: https://www.smashingmagazine.com/printed-books/art-direction-for-the-web/
[63] какую эффектную журнальную вёрстку можно сделать с помощью CSS Shapes: https://www.smashingmagazine.com/2019/04/art-direction-for-the-web-using-css-shapes/
[64] Lax.js: https://alexfox.dev/laxxx/
[65] Анимации сферы, состоящей из динамических линий: https://codepen.io/YusukeNakaya/pen/OGwmOV
[66] Открытие фотографий в галерее: https://tympanus.net/codrops/2019/04/03/crossroads-slideshow/
[67] Анимация букв в заголовках: https://tympanus.net/codrops/2019/04/18/how-to-create-and-animate-rotated-overlays/
[68] Глитч-эффект на фото под курсором: https://tympanus.net/codrops/2019/04/10/how-to-create-a-sticky-image-effect-with-three-js/
[69] Chrome 74 позволит пользователям отключить анимацию на сайте: https://www.engadget.com/2019/03/23/chrome-74-beta-dark-mode-windows/
[70] Why You Should Measure UX Attitudes: https://measuringu.com/ux-attitudes/
[71] Design Leadership Notebook: https://medium.com/design-leadership-notebook
[72] проектированию услуг: https://servicedesignnotebook.nl/
[73] Модель зрелости дизайна: https://medium.com/design-leadership-notebook/the-designers-growth-model-8240dafb7137
[74] классической концепции Larry Greiner 1972 года: https://www.toolshero.com/strategy/greiner-growth-model/
[75] Подход к изменениям в дизайне и организации: https://medium.com/design-leadership-notebook/a-designers-approach-to-change-management-1f9091e56e3c
[76] Сопроводительная статья: https://medium.com/design-leadership-notebook/the-architecture-of-design-based-change-management-763e5318ffd9
[77] Подход к масштабированию дизайна в компании: https://medium.com/design-leadership-notebook/how-to-make-the-user-experience-an-integral-part-of-all-your-projects-f4927c9c5c29
[78] Сопроводительная статья: https://medium.com/design-leadership-notebook/why-ux-design-is-a-strategic-business-tool-9184c0feb6c6
[79] Модель дизайн-процесса: https://medium.com/design-leadership-notebook/introducing-the-kite-model-of-design-8d5d42708504
[80] Три стадии взросления дизайн-процесса: https://medium.com/design-leadership-notebook/there-are-three-kinds-of-design-7e018d73f37b
[81] Этапы развития дизайна: https://medium.com/design-leadership-notebook/a-brief-history-of-design-aaf4f0a122d2
[82] Ключевая роль прототипирования в современном дизайн-процессе: https://medium.com/design-leadership-notebook/desops-or-how-to-integrate-design-in-to-your-devops-agile-and-strategic-business-processes-a3453e35317d
[83] UX Responsibilities in Scrum Ceremonies: https://www.nngroup.com/articles/ux-scrum/
[84] Developing UX Teams: https://ux.shopify.com/developing-ux-teams-65577fec396f
[85] первых двух: https://ux.shopify.com/building-ux-teams-2d7c7af1491a
[86] частях: https://ux.shopify.com/forming-ux-teams-4691f10d2f92
[87] The feedback you choose not to give is as important as the one you do: https://uxdesign.cc/the-feedback-you-choose-not-to-give-is-as-important-as-the-one-you-do-f71e6fa28669
[88] Asana: https://medium.com/asana-design/how-great-designers-take-responsibility-for-feedback-ade0de356047
[89] IBM: https://medium.com/design-ibm/beyond-critique-fostering-a-culture-around-it-27428140196b
[90] Design Your Team: https://medium.com/dropbox-design/design-your-team-921656faad25
[91] инструкцию: https://assets.dropbox.com/documents/en-us/team_values_toolkit/Color/team_toolkit_sheets_c.pdf
[92] карточки: https://assets.dropbox.com/documents/en-us/team_values_toolkit/Color/team_toolkit_cards_c.pdf
[93] The Need to Think and Talk like an Executive: https://playbook.uie.com/blog/the-need-to-think-and-talk-like-an-executive
[94] Assumption Slam — How not to make an A** out of U and ME: https://ux.shopify.com/assumption-slam-how-not-to-make-an-a-out-of-u-and-me-2d9012c105a0
[95] (Value ÷ Effort) x Confidence = Priority: https://playbook.uie.com/blog/value-effort-x-confidence-priority
[96] Новая Почта Mail.ru и при чем тут осьминог: https://vc.ru/mailrugroup/64075-novaya-pochta-mail-ru-i-pri-chem-tut-osminog
[97] Rebranding as a distributed team — How we collaborated with a design agency: https://miro.com/blog/features/rebranding-distributed-team-design-agency/
[98] Barbara Gago о предпосылках ребрендинга: https://miro.com/blog/features/miro-cmo-barbra-gago-rebranding-hypergrowth-startup/
[99] использовании бренд-спринта: https://miro.com/blog/3-hour-brand-sprint-remote-team/
[100] How We Redesigned Heap’s App in Three Months: https://medium.com/@dfeldman/how-we-redesigned-heaps-app-in-three-months-3d3d3b3418ac?ref=heydesigner
[101] Lessons learned from our App Store screenshots redesign: http://www.mobilespoon.net/2019/04/lessons-learned-app-store-screenshots.html
[102] Как создать тёмную тему и не навредить. Опыт команды Яндекс.Почты: https://habr.com/ru/company/yandex/blog/446780/
[103] Web Design Trends 2019 — Voice Interfaces, Image Search, Fortnite, Alexa and other crazy things that are rocking our world: https://www.awwwards.com/web-design-trends-2019.html
[104] eartracking: https://www.nngroup.com/articles/eartracking/
[105] Kara Pernice анализирует юзабилити общественных туалетов: https://www.nngroup.com/articles/ux-public-bathrooms/
[106] шутливый метод gorilla-тестирования: https://medium.com/truthaboutdesign/gorilla-user-testing-using-primates-to-advance-human-centered-design-dc03a4c46c99
[107] The 10 Usability Heuristics — Free posters for every design office: https://sidigital.co/blog/the-10-usability-heuristics-free-posters-for-your-design-office
[108] Scapegoating User Experience Design: https://www.subtraction.com/2019/04/24/scapegoating-ux-design/
[109] как Nest и другие компании с продуктами умного дома подвергают риску своих клиентов: https://www.washingtonpost.com/technology/2019/04/23/how-nest-designed-keep-intruders-out-peoples-homes-effectively-allowed-hackers-get/?utm_term=.fe4f38117e24
[110] Accenture купили рекламное агентство Droga5: https://www.nytimes.com/2019/04/03/business/media/accenture-droga5-advertising.html
[111] Facebook: https://www.facebook.com/groups/pdigest/
[112] ВКонтакте: https://vk.com/pdigest
[113] Телеграме: https://t.me/pdigest
[114] по почте: http://eepurl.com/bu61XX
[115] Источник: https://habr.com/ru/post/451498/?utm_source=habrahabr&utm_medium=rss&utm_campaign=451498
Нажмите здесь для печати.