- PVSM.RU - https://www.pvsm.ru -

Дайджест продуктового дизайна, май 2016

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

Дайджест продуктового дизайна, май 2016

Паттерны и Best Practices

Infinite Scrolling vs. Pagination [2]
Николай Бабич описывает плюсы и минусы бесконечной подгрузки и постраничной навигации.

Infinite Scrolling vs. Pagination [2]

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

UI Interactions [5]
Ещё одна коллекция анимаций.

Тёмные паттерны

Как работают со списками товаров 12 отечественных магазинов [7]
Дмитрий Сафронов сравнил фильтры, постраничную навигацию, вид списка, и механизы сортировки. Во второй части сравниваются анонсы товаров в выдаче [8].

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

Google I/O 2016 [9]
18-20 прошла ежегодная конференция Google I/O 2016. Дизайн-команда Google выделила все сессии Google I/O, касающиеся дизайна [10]. Тут же появляются обновления гайдлайнов. Вот наиболее интересные из них:

Google I/O 2016 [9]

Информация про Android N появилась задолго до неё, но вот некоторые из интересных анонсов:

The Unlikely Resurgence Of Vintage Graphics Standards Manuals [22]
Meg Miller описывает текущий тренд переиздания легендарных брендбуков и гайдлайнов по дизайну. За последние год-полтора перевыпустили гайды NASA, метро Нью-Йорка, вот-вот выйдет British Rail, а также серия сборников. Они идут из золотой эры корпоративной айдентики и несмотря на то что и сейчас доступны в электронном виде, отношение дизайнеров к ним особенное.

The Unlikely Resurgence Of Vintage Graphics Standards Manuals [22]

Rediscovering Apple’s Human Interface Guidelines from 1987 [23]
Bryant Hodson прочитал интерфейсные гайдлайны Apple 1987 года для Macintosh II. Он приводит цитаты из них и они выглядят очень современно.

Building a Visual Language [24]
Рассказ Karri Saarinen о том, как дизайн-команда Airbnb работала над визуальным языком, лежащим в основе их дизайн-системы DLS. AMA с ним [25].

Building a Visual Language [24]

Другие материалы о дизайн-системах:

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

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

What’s the Difference Between an Experience and a Customer Experience? [45]
Ted Karczewski провёл крайне интересное исследование — он сравнил, как люди описывают понятия «experience» и «customer experience». Оказалось, что первое более личное, включает несколько человек и остаётся в памяти навсегда, в то время как второе более утилитарно и касается только рассказчика.

What’s the Difference Between an Experience and a Customer Experience? [45]

Design for Time Well Spent [46]
В последние годы выходило много статей на тему психологических трюков, которыми можно активнее вовлечь пользователя в работу с продуктом. Tristan Harris, бывший специалист по этике технологий Google, запустил сайт Design for Time Well Spent, посвящённый избеганию этих практик. Его статья на тему [47]. Перевод [48].

Design In The Age Of The App Icon [49]
Kelsey Campbell-Dollaghan приводит много теоретических выкладок, влияющих на восприятие иконок приложений. Крутится всё, конечно же, вокруг новой иконки приложения Instagram.

Why The Sound Of A Brand Name Matters [50]
Fast Co Design пишет о том, как произношение названия бренда влияет на его восприятие потребителями.

Mental Models and User Experience [51]
Обзор основных понятий, касающихся ментальных моделей.

Accessibility

Dyslexic.com [54]
Сайт собирает материалы, гаджеты, статьи, полезные ресурсы и уйму всего остального для дислексиков. Например, есть подборка подходящих шрифтов [55].

Designing A Dementia-Friendly Website [56]
Laurence Ivil и Paul Myles пишут о том, как адаптировать сайты для людей, страдающих маразмом в медицинском смысле. Они опросили группу людей, страдающих этим психическим заболеванием, и составили рекомендации для дизайнеров.

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

Content-First Prototyping [57]
Andy Fitzgerald описывает интересный подход к прототипированию контента. Он настроил связку Excel и генератора статических сайтов Jekyll с парой технологических прослоек, так что может быстро получать интерактивный прототип с реальным контентом и очень легко обновлять его.

Content-First Prototyping [57]

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

Usability Heuristics for Bots [58]
Kevin Scott адаптировал классические эвристики Якоба Нильсена для ботов. В конце статьи о оценивает по ним трёх реальных ботов.

Usability Heuristics for Bots [58]

Очень простой алгоритм подбора цвета, который работает [59]
Михаил Аникин из Яндекса описывает алгоритм подбора цвета, который использовался для Yandex.Launcher. Он задаёт сочный и гармоничный фон для карточки приложения на основе его иконки.

Очень простой алгоритм подбора цвета, который работает [59]

Design debugging [60]
Интересные мысли команды Bjango на тему того, как может работать дебаг для дизайнеров. Процесс, инструменты, техники.

Sketch 3.8 [61]
Вышел Sketch 3.8. Переработанный Sketch Mirror и много небольших обновлений. Перевод [62]. Другие новости инструмента:

May Update of Adobe Experience Design CC [72]
Вышла майская бета Adobe XD. Добавились прокручиваемые области в прототипах и их полноэкранный просмотр, улучшение работы с текстом и объектами. На следующий релиз ещё больше планов, так что, судя по всему, команда разработки потихоньку набирает нужный темп. Другие новости инструмента:

InVision Craft

Principle

Flinto

  • Вышел Flinto 1.5 [79]. Расширенные возможности анимации, работа со звуком, создание простых фигур.

Zeplin

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

Karma Police, arrest this man, he talks in maths: How to mix methods in UX research [82]
Шикарная статья Алёны Лугиной из Shopify о том, как совмещать методы качественных и количественных исследований. Очень интересный анализ того, как и в какие моменты отслеживается поведения пользователя.

Karma Police, arrest this man, he talks in maths: How to mix methods in UX research [82]

Combining UX Research with Market Research [83]
Jeff Sauro рассказывает о том, как совмещать классические маркетинговые и UX-исследования. В статье неплохая градация методов и целей их применения.

Visualizing Data: Raw vs Difference Scores [84]
Jeff Sauro о том, как правильно визуализировать сравнения показателей. Важно показывать как общие значения, так и разницу между ними.

What Could Possibly Go Wrong? The Biggest Mistakes in Usability Testing [85]
Свой список типовых ошибок при проведении пользовательских исследований приводит Jim Ross.

The Pros and Cons of a Branded Survey [86]
Jeff Sauro сравнивает плюсы и минусы проведения пользовательских опросов от имени компании и в обезличенном виде.

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

The Current State of Web Forms [87]
Обзор современных техник валидации полей форм.

Из концепта на Dribbble в код

Noodl

Framer

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

CSS-анимация

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

SVG

Метрики и ROI

Measuring your «Return on Content» — How to tell whether your content is successful [99]
Отличная статья Content Company о том, как считать ROI для контента на сайте. Сам подход «поставить цель → определить метрики → измерять и улучшать» не нов, но интересно его применение к контенту.

Measuring your «Return on Content» — How to tell whether your content is successful [99]

Сказка о перфоманс-маркетинге [100]
Хорошо написанная простым языком статья о том, почему сложно гарантировать коммерческую успешность продукта, не влияя на стратегию. На примере перфоманс-маркетинга, но актуально и для интерфейсов.

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

Paradigm Shift — Report on the New Role of Design in Business and Society [101]
Мощнейший обзор ключевых событий по институционализации дизайна от Gjoko Muratovski. На примере продуктовых компаний, консалтинговых агентств, венчурных фондов, общественных и благотворительных организаций он показывает, как дизайн становится одной ключевой компетенций и в целом критичных для успеха составляющих. По каждому из примеров он приводит краткую историю от дизайн-лидеров. Много, но оно того стоит — один из самых ценных материалов на тему дизайн-стратегии.

Hyper Island & Teamweek [102]
Студенты Hyper Island сделали справочник методов командной работы, повышающих вовлечённость. У каждого есть описание, шаблоны и пошаговая инструкция.

Hyper Island & Teamweek [103]

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

Always Show Your Work — Why designers write on the walls (and why you should, too) [109]
George Aye из Greater Good Studio рассказывает, как собрать недорогую рабочую зону для проектных обсуждений с мудбордами, концептами и другими артефактами. В конце приводится список фурнитуры для сборки.

Always Show Your Work — Why designers write on the walls (and why you should, too) [109]

Целеполагание для дизайнеров

Robert Hoekman Jr. — Experience Required: How to become a UX leader regardless of your role [113]
В конце прошлого года вышла книга Robert Hoekman Jr. «Experience Required: How to become a UX leader regardless of your role». Fast Co Design собрали из неё 14 фактов о пользователях [114], которые противоречат высокомерным представлениям многих дизайнеров. Другие материалы о дизайн-лидерах:

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

Google Analytics

Кейсы

Редизайн государства. Новый бренд и язык [118]
Хорошо описанный кейс работы над новым порталом Госуслуг от МинКомСвязи России и компании Rocketmind. К работе привлекалось много сильных сторонних специалистов и компаний, в том числе Максим Ильяхов для текстов. Другие кейсы редизайна:

Тренды

State of the Digital Nation 2016 [124]
Jules Ehrhardt из ustwo написал безумно крутой лонг-рид о текущем состоянии агентского бизнеса в условиях перехода дизайн-компетенций внутрь продуктовых компаний. Он анализирует причины покупок студий и рыночные предпосылки для этого, а в итоге предлагает модель современного агентства — оно продолжает делать клиентскую работу, но также занимается собственными продуктами и инвестициями в стартапы. Чтения часа на полтора, но оно стоит каждой минуты.

State of the Digital Nation 2016 [124]

The hottest trend in Web design is making intentionally ugly, difficult sites [125]
В 2014 году Pascal Deville начал собирать коллекцию треш-сайтов Brutalist Websites [126]. В мае его откопала более широкая аудитория и он попал в заголовки многих СМИ, в том числе Washington Post и Fast Co Design [127]. Перевод на русский [128].

Brutalist Websites [126]

The User Experience of Virtual Reality [129]
Обширная коллекция статей, книг, видео, презентаций и других материалов на тему виртуальной реальности. Не знаю, насколько подборка проверена куратором на предмет полезности, но выглядит внушительно.

The User Experience of Virtual Reality [129]

Другие материалы о виртуальной реальности:

Мессенджеры и боты

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

Интернет вещей

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

The UX of Learning UX is Broken [135]
Dan Maccarone и Sarah Doody рассуждают о проблемах современного краткосрочного дизайн-образования. Краткие курсы штампуют полу-сырых специалистов, которым обещают гарантированное трудоустройство. При этом по факту компании требуют более серьезного уровня знаний и опыта.

The UX of Learning UX is Broken [135]

May 1st Reboot [136]
В возрождённой инициативе #May1Reboot участвовало более 3000 проектов. На сайте опубликованы многие из них.

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

Join an Open Design Critique with Facebook [137]
Facebook запускает инициативу по дизайн-критике сторонних проектов. Если опубликовать работу на Medium с пояснением в формате «I am showing [early/mid/late] work around [the problem], because [why it’s a problem]. And am looking for feedback around [specific focus for feedback]» и тегом FacebookDesignCrit, можно получить бесплатно рекомендации от дизайнеров компании.

Join an Open Design Critique with Facebook [137]

Подборки на Medium

Сессии AMA

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

Летние интенсивы по UX/UI в Британской Высшей Школе Дизайна [142]
В Британской Высшей Школе Дизайна каждые полгода проходит Интенсив по UX&UI, созданный Ярославом Шуваевым. Это 8-дневный формат интенсивной работы, на котором группа студентов работает над учебным проектом для веба или мобильных, слушая лекции и посещая мастер-классы ведущих отечественных дизайнеров. Он ориентирован на тех, кто хочет подтянуть свои навыки или получить обзор специальности для дальнейшего развития. В результате группа получает проект от одной из ведущих отечественных интернет-компаний в портфолио и хороший опыт командной работы.

Летние интенсивы по UX/UI в Британской Высшей Школе Дизайна [142]

На курсе 28 июня-6 июля дизайнеры и исследователи Mail.Ru Group расскажут о том, как современные подходы к дизайну интерфейсов позволили компании совершить качественный скачок. Например, за последние годы был запущен международный бренд My.com, на собственную дизайн-систему переводятся целые линейки продуктов, мобильные приложения постоянно попадают в официальные подборки лучшего за год на Android и iOS. Мы ещё в середине этого пути по масштабному обновлению, но многие компании только начинают свой путь к систематизации дизайна и наш опыт будет полезен.

Студенты научатся работать по всему циклу создания цифровых продуктов — исследование целевой аудитории и рынка, создание и проверка концепций, проектирование и дизайн интерфейса, пользовательское тестирование и аналитика, презентация и защита идей. На задачах от крупнейших отечественных компаний вы отработаете методы и практики создания UX/UI, попробуете современные инструменты прототипирования и дизайна. В результате в вашем портфолио будет близкий к реальному проект, а в резюме — новый опыт командной работы.

ServDes.2016 — Service Design and Innovation Conference [143]
24-26 мая в Копенгагене (Дания) прошла конференция по проектированию услуг ServDes 2016. Опубликованы презентации выступлений [144].

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

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

Автор: Mail.Ru Group

Источник [147]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/interfejsy/128994

Ссылки в тексте:

[1] апрель 2010-апрель 2016: http://www.jvetrau.com/category/digest/

[2] Infinite Scrolling vs. Pagination: http://babich.biz/ux-infinite-scrolling-vs-pagination/

[3] Christian Holst о том, как учитывать цвет товара в поисковых запросах и выдаче: http://baymard.com/blog/color-and-variation-searches

[4] Jamie Appleseed о том, какие характеристики товаров стоит выводить в результатах поиска: http://baymard.com/blog/product-listing-information

[5] UI Interactions: https://uiinteractions.com/

[6] New York Times написали о Harry Brignull и его тёмных паттернах: http://www.nytimes.com/2016/05/15/technology/personaltech/when-websites-wont-take-no-for-an-answer.html?_r=1

[7] Как работают со списками товаров 12 отечественных магазинов: http://emagnat.ru/spiski-tovarov-primeri.html

[8] сравниваются анонсы товаров в выдаче: http://emagnat.ru/kartochki-tovarov-v-spiskax-12-luchshix-magazinov.html

[9] Google I/O 2016: https://events.google.com/io2016/

[10] все сессии Google I/O, касающиеся дизайна: https://medium.com/google-design/i-o-2016-our-definitive-guide-to-design-4d64d2db7150

[11] Анимации: https://www.google.com/design/spec/motion/material-motion.html

[12] Встреча нового пользователя: https://www.google.com/design/spec/growth-communications/onboarding.html

[13] Обновились гайдлайны для часов: http://www.google.com/design/spec-wear/material-design-for-wearables/introduction.html

[14] В этом году в Android появится Instant Apps — возможность запуска приложений без скачивания: http://www.engadget.com/2016/05/18/google-instant-apps-android-IO-2016/

[15] В этом году выйдет сильно переработанный Android Wear 2.0: http://www.engadget.com/2016/05/18/android-wear-2-0-google-IO-announcement/

[16] Видео-обзор: https://www.youtube.com/watch?v=WjgLYUBOgLA

[17] Android Auto сможет работать в режиме обычного телефонного приложения: http://www.engadget.com/2016/05/18/android-auto-update/

[18] экспериментирует с управлением системами автомобиля: http://www.theverge.com/2016/5/18/11700482/android-car-platform-qualcomm-maserati-touchscreen-google-io-2016

[19] Google и Levi’s выпускают первый предмет одежды на базе Project Jacquard — куртку для велосипедистов: http://www.fastcodesign.com/3060133/inside-the-design-of-googles-first-smart-jacket

[20] Следующее поколение Google Cardboard будет называться Daydream: http://www.theverge.com/2016/5/18/11683536/google-daydream-virtual-reality-announced-android-n-io-2016

[21] Рассказ о том, как работали над ним: http://www.fastcodesign.com/3060027/how-google-designed-virtual-reality-for-the-rest-of-us

[22] The Unlikely Resurgence Of Vintage Graphics Standards Manuals: http://www.fastcodesign.com/3059084/the-unlikely-resurgence-of-vintage-corporate-graphics-manuals/

[23] Rediscovering Apple’s Human Interface Guidelines from 1987: https://blog.prototypr.io/rediscovering-apples-human-interface-guidelines-1987-59731376b39e

[24] Building a Visual Language: http://airbnb.design/building-a-visual-language/

[25] AMA с ним: https://www.designernews.co/stories/69628--ama-karri-saarinen-designer-creating-design-systems-at-airbnb

[26] Обновился сайт БЭМ: https://ru.bem.info/

[27] Перевод статьи Marek Minor, в которой он даёт советы по организации рабочего процесса с макетами: http://sketchapp.me/kak-stat-organizovannee-v-processe-ui-dizajna/

[28] Перевод статьи Nathan Curtis, в которой он даёт советы по тому, как описывать цвета в дизайн-системах: http://sketchapp.me/cvet-v-dizajn-sistemax/

[29] Jeff Crossman рассказывает о дизайн-системе General Electric Predix: https://medium.com/ge-design/ges-predix-design-system-8236d47b0891

[30] Dave Cronin выступал на эту тему: https://vimeo.com/132580829

[31] Mark Perkins из Clearleft, развивающих дизайн-систему Fractal, рассказывает о принципах компании в их создании: http://clearleft.com/thinks/382

[32] Дизайн-система гос.сайта USA Jobs: http://usajobs.github.io/design-system/

[33] Библиотека компонентов MS Office Fabric: http://dev.office.com/fabric

[34] Дизайн-система ALPS церкви Адвентистов седьмого дня: http://framework.adventist.org/

[35] Блог о работе над ней: https://www.adventist.io/

[36] как идея была продана организации: http://danielmall.com/articles/selling-design-systems/

[37] Дизайн-система университета Миссури: https://undergraduatestudies.missouri.edu/styleguide/

[38] Дизайн-система инструмента для прототипирования Marvel: https://marvelapp.com/styleguide/overview/introduction

[39] Отличные мысли Daniel O’Connor из Optimizely о том, как организовать версионность дизайн-системы: https://medium.com/design-optimizely/how-to-version-your-ui-library-1c7a1b7ee23a

[40] Рассказ о дизайн-системе Suit от Sonos: http://www.zdfs.com/code/2016/the-sonos-pattern-library

[41] Как британские гос.сайты организовали версионность прототипов на базе дизайн-системы: https://designnotes.blog.gov.uk/2016/05/13/archiving-versions-of-a-prototype/

[42] Отличнейший рассказ Steven Lambert о том, как они запустили живые гайдлайны для сервиса FamilySearch: https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/

[43] Хорошая памятка Артёма Табалина на тему того, как сделать веб-компоненты доступными для пользователей с ограниченными возможностями: https://www.sitepoint.com/accessible-web-components/

[44] Шаблоны HTC One A9 в PSD от Ramotion: https://dribbble.com/shots/2638092-Free-HTC-One-A9-Mockup-PSD

[45] What’s the Difference Between an Experience and a Customer Experience?: http://www.skyword.com/contentstandard/marketing/whats-the-difference-between-an-experience-and-a-customer-experience/

[46] Design for Time Well Spent: http://timewellspent.io/

[47] Его статья на тему: https://medium.com/@tristanharris/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3

[48] Перевод: https://wob.su/blog/ekonomika-vnimaniya-vzlom-umov/

[49] Design In The Age Of The App Icon: http://www.fastcodesign.com/3059854/design-in-the-age-of-the-app-icon

[50] Why The Sound Of A Brand Name Matters: http://www.fastcodesign.com/3060175/evidence/why-the-sound-of-a-brand-name-matters

[51] Mental Models and User Experience: http://www.uxmatters.com/mt/archives/2016/05/mental-models-and-user-experience.php

[52] Очень простой проверочный список для улучшения показателей доступности веб-сервиса от Jaime Caballero: https://jaicab.com/2016/04/13/effortless-accessibility/

[53] Обзор текущих инициатив Google по обеспечению доступности: http://www.fastcodesign.com/3060090/how-designing-for-the-disabled-is-giving-google-an-edge

[54] Dyslexic.com: http://www.dyslexic.com/

[55] подборка подходящих шрифтов: http://www.dyslexic.com/fonts/

[56] Designing A Dementia-Friendly Website: https://www.smashingmagazine.com/2016/05/designing-a-dementia-friendly-website/

[57] Content-First Prototyping: https://www.smashingmagazine.com/2016/05/content-first-prototyping/

[58] Usability Heuristics for Bots: https://medium.com/chat-bots/usability-heuristics-for-bots-7075132d2c92

[59] Очень простой алгоритм подбора цвета, который работает: https://medium.com/@mishanikin/очень-простой-алгоритм-подбора-цвета-который-работает-98b8f0dcfdc5

[60] Design debugging: https://bjango.com/articles/designdebugging/

[61] Sketch 3.8: http://www.sketchapp.com/support/updates/sketch-3.8/

[62] Перевод: http://sketchapp.me/sketch-3-8-novyj-mirror-i-ne-tolko/

[63] Sketch с легкостью справляется с созданием плиточных фигур, геометрических паттернов, он может создавать бесшовные заливки для любого типа фигур: http://sketchapp.me/sozdanie-patternov-v-sketch/

[64] Плагин Magic Presenter помогает делать презентации в Sketch: http://magicsketch.io/presenter/

[65] Описание от авторов: https://medium.com/@jamztang/quick-and-easy-presentation-in-sketch-6ca0abcf9c4f

[66] перевод: http://sketchapp.me/prezentacii-v-sketch-bystro-i-udobno/

[67] Плагин Arrowify облегчает создание стрелок на концах линий: https://github.com/joclin/arrowfy

[68] Плагин Compo: https://github.com/romashamin/compo-sketch

[69] Описание от создателей: https://evilmartians.com/chronicles/compo-sketch

[70] Отличный плагин для быстрого прототипирования во Framer без навыков программирования: https://uxdesign.cc/create-ui-flows-using-sketch-and-framer-36b6552306b5

[71] Перевод: http://sketchapp.me/modul-viewcontroller-dlya-framer-js/

[72] May Update of Adobe Experience Design CC: http://blogs.adobe.com/creativecloud/may-update-of-adobe-experience-design-cc/

[73] Интервью с Josh Ulm, одним из дизайн-менеджеров Adobe.: https://medium.com/habit-of-introspection/the-past-present-and-future-of-adobes-design-tools-527ad95f4e4a

[74] Шаблоны wireframes.: https://www.dropbox.com/s/7hvvhay1oyfe06f/Adobe-XD-wireframing-kit.xd?dl=0

[75] Новая версия Craft добавила функцию Library для синхронизации компонентов и стилей внутри команды: http://blog.invisionapp.com/cloud-connected-design-assets-library/

[76] Andreas Larsen получил бета-версию нового Craft: https://medium.com/larsenwork-andreas-larsen/creating-convincing-app-prototypes-61293b4cba25

[77] Перевод: http://sketchapp.me/craft-prototype-sozdanie-ubeditelnyx-prototipov-prilozhenij/

[78] Вышла версия 1.2: https://www.facebook.com/groups/752853024840625/permalink/900598280066098/

[79] Вышел Flinto 1.5: http://blog.flinto.com/Flintos-most-rectangular-version-yet.html

[80] Появилась бета-версия Zeplin для Photoshop: https://medium.com/zeplin-gazette/photoshop-open-beta-now-3f8f502fc4de

[81] Скачать: https://zpl.io/download-windows-64

[82] Karma Police, arrest this man, he talks in maths: How to mix methods in UX research: https://medium.com/shopify-ux/karma-police-arrest-this-man-he-talks-in-maths-how-to-mix-methods-in-ux-research-a8fbb13489dd

[83] Combining UX Research with Market Research: http://www.measuringu.com/blog/ux-market-research.php

[84] Visualizing Data: Raw vs Difference Scores: http://www.measuringu.com/blog/raw-difference-scores.php

[85] What Could Possibly Go Wrong? The Biggest Mistakes in Usability Testing: http://www.uxmatters.com/mt/archives/2016/05/what-could-possibly-go-wrong-the-biggest-mistakes-in-usability-testing.php

[86] The Pros and Cons of a Branded Survey: http://www.measuringu.com/blog/branded-survey.php

[87] The Current State of Web Forms: http://codepen.io/kevinSuttle/post/the-current-state-of-web-forms

[88] Большая коллекция кода для iOS и Android от Ramotion, сделанных на основе их концептов: https://www.behance.net/gallery/37148547/Open-Source-iOS-and-Android-Controls

[89] Инструмент вышел из беты: http://www.getnoodl.com/news/2016/5/30/release-notes-10

[90] Перевод урока Marc Andrew по работе с последней версией Framer: http://sketchapp.me/novyj-uroven-prototipirovaniya-s-framer/

[91] Создатели инструмента для дизайнеров Canva рассказывают, как сделаны микро-взаимодействия в продукте: https://engineering.canva.com/2016/05/16/five-visual-effects/

[92] Коллекция эффектов анимации кнопок с их деформацией: http://tympanus.net/Development/DistortedButtonEffects/

[93] Коллекция необычных эффектов загрузки страницы с рисованными формами: https://codyhouse.co/gem/animated-transition-effects/

[94] Эффект искажения воздуха от жары на WebGL: http://tympanus.net/codrops/2016/05/03/animated-heat-distortion-effects-webgl/

[95] Скрипт для реализации модальных диалогов в соответствии со стандартом доступности WCAG 2.0: http://www.humaan.com/modaal/

[96] Обзор стандарта Web Animations API: https://pawelgrzybek.com/intro-to-the-web-animations-api/

[97] Una Kravets сравнила производительность разных способы реализации эффектов с помощью CSS, SVG и HTML5 canvas: https://www.smashingmagazine.com/2016/05/web-image-effects-performance-showdown/

[98] Онлайн-редактор Boxy SVG: https://boxy-svg.com/

[99] Measuring your «Return on Content» — How to tell whether your content is successful: http://www.hilarymarsh.com/2016/04/27/return-on-content/

[100] Сказка о перфоманс-маркетинге: http://www.cossa.ru/234/126714/

[101] Paradigm Shift — Report on the New Role of Design in Business and Society: http://www.sciencedirect.com/science/article/pii/S2405872615300265

[102] Hyper Island & Teamweek: http://hiteamweek.com/

[103] Image: http://Hyper Island & Teamweek

[104] Как работает дизайн-команда Duolingo: https://medium.com/in-progress/how-duolingo-designs-with-psychology-in-mind-d9472a707640

[105] Как работает дизайн-команда Betterment: http://blog.invisionapp.com/inside-design-betterment/

[106] Интересные мысли с другой стороны — почему разработчикам нужно и важно интегрироваться с дизайнерами: https://www.smashingmagazine.com/2016/05/why-great-products-need-great-collaboration/

[107] Khoi Vinh даёт советы стартапам, нанимающим своего первого дизайнера: https://www.subtraction.com/2016/05/24/advice-for-founders-looking-to-hire-their-first-designer/

[108] Алексей Иванов рассказал UXMatters о трендах в командной работе и своём фреймворке Teamwork Canvas: http://www.uxmatters.com/mt/archives/2016/05/applying-ux-design-methods-to-organizational-design-and-teamwork.php

[109] Always Show Your Work — Why designers write on the walls (and why you should, too): https://medium.com/greater-good-studio/always-show-your-work-why-designers-write-on-the-walls-and-why-you-should-too-6725237b9765

[110] Отличная презентация Артемия Малкова и Ильи Стремковского о performance-маркетинге в многоканальном взаимодействии: http://www.slideshare.net/DataMonsters/omnichannel-marketing-61052526

[111] Kurt Varner из Shyp пишет о том, как важно говорить на общем языке и не приходить на перестрелку с кистью: https://medium.com/shyp-design/dont-bring-a-paintbrush-to-a-gunfight-88dae638dfc4

[112] Erika Hall говорит о том, чтобы перестать говорить отдельно об исследованиях или аналитике: https://medium.com/research-things/lets-stop-doing-research-48efcd7118c9

[113] Robert Hoekman Jr. — Experience Required: How to become a UX leader regardless of your role: http://www.peachpit.com/store/experience-required-how-to-become-a-ux-leader-regardless-9780134398273

[114] 14 фактов о пользователях: http://www.fastcodesign.com/3059921/ux-reality-check-14-hard-truths-about-users

[115] Мысли Tim Brown из IDEO о том, каким должен быть современный дизайн-лидер: http://www.fastcodesign.com/3059787/ideos-ceo-on-how-to-lead-an-organization-creatively

[116] В Google Analytics теперь можно отслеживать конкретного пользователя на разных устройствах для получения более полного профиля взаимодействия с продуктом: https://support.google.com/analytics/answer/3123662?hl=en

[117] Также можно сравнивать эффективность привлечения пользователей через разные каналы и в разных странах: https://support.google.com/googleplay/android-developer/answer/6263332

[118] Редизайн государства. Новый бренд и язык: http://gosuslugi.rocketmind.ru/

[119] David Scott рассказывает о том. как Eventbrite начали редизайн продуктов и маркетинговых материалов с простых вещей: https://blog.prototypr.io/eventbrite-design-an-evolutionary-process-ae4f7cc3949b

[120] Интересный рассказ о редизайне форм и вообще внутренних процессов обработки заявок в UCLA: https://medium.com/life-learning/a-form-was-never-just-a-sheet-of-paper-161cc98d6ce2

[121] Как делался сервис Microsoft Flow: https://uxdesign.cc/a-peek-into-the-microsoft-flow-design-process-dabebe870f4f

[122] Andrew Ofstad рассказывает о процессе работы над календарём Airtable: https://uxdesign.cc/making-and-breaking-the-grid-ee0741f86dc

[123] Как проводился редизайн новостного сайта re/code на базе дизайн-системы Vox Media Chorus: http://product.voxmedia.com/2016/5/10/11644726/behind-the-scenes-recode-design-process

[124] State of the Digital Nation 2016: http://blog.marvelapp.com/state-of-the-digital-nation-2016/

[125] The hottest trend in Web design is making intentionally ugly, difficult sites: https://www.washingtonpost.com/news/the-intersect/wp/2016/05/09/the-hottest-trend-in-web-design-is-intentionally-ugly-unusable-sites/

[126] Brutalist Websites: http://brutalistwebsites.com/

[127] Fast Co Design: http://www.fastcodesign.com/3060196/the-internets-10-ugliest-websites

[128] Перевод на русский: https://vc.ru/p/ugly-design

[129] The User Experience of Virtual Reality: http://www.uxofvr.com/

[130] Руководитель Netflix говорит, что компания пока не планирует вкладываться в виртуальную реальность: http://venturebeat.com/2016/05/05/netflix-ceo-hastings-explains-why-hes-not-ready-to-invest-in-vr-content/

[131] Коллекция статей Chatbots Magazine на Medium о ботах и мессенджерах: https://medium.com/chat-bots

[132] Дизайн-процессы в Nissan: http://www.mindtheproduct.com/2016/05/concept-sketch-production-nissan-creates-cars/

[133] Fiat/Chrysler отзывает 812 000 машин из-за непонятного для водителей рычага переключения передач: http://www.cnet.com/roadshow/news/fca-recalls-812000-cars-because-owners-dont-understand-the-shifter/

[134] Концептуальное решение для умного дома, где взаимодействие между предметами задаётся с помощью рисования: http://www.fastcodesign.com/3060263/a-universal-interface-that-you-control-by-doodling

[135] The UX of Learning UX is Broken: https://medium.com/@danmaccarone/the-ux-of-learning-ux-is-broken-f972b27d3273

[136] May 1st Reboot: http://www.may1reboot.com/

[137] Join an Open Design Critique with Facebook: https://medium.com/facebook-design/join-an-open-design-critique-with-facebook-46b9f4981862

[138] Подборка статей от Hyper Island: https://medium.com/digital-experience-design

[139] Блог дизайн-команды GE: https://medium.com/ge-design

[140] Интервью на базе AMA с Иваном Пупыревым из Google ATAP: http://ama.tilda.education/ivan-poupyrev

[141] Интервью на базе AMA с Антоном Зыкиным из SFCD: http://ama.tilda.education/anton-zykin

[142] Летние интенсивы по UX/UI в Британской Высшей Школе Дизайна: http://britishdesign.ru/courses/intensive-ux-ui-design/

[143] ServDes.2016 — Service Design and Innovation Conference: http://www.servdes.org/conference-2016-copenhagen/

[144] презентации выступлений: http://www.ep.liu.se/ecp/contents.asp?issue=125

[145] Facebook-группе: https://www.facebook.com/groups/pdigest/

[146] получать раз в месяц по почте: http://eepurl.com/bu61XX

[147] Источник: https://habrahabr.ru/post/302632/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best