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

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

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

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

Паттерны и Best Practices

Baymard E-Commerce Product List Usability: Report & Benchmark [2]
Новый отчет Baymard Institute, посвященный страницам списка продуктов на сайтах электронной коммерции. Публично доступные выдержки из него:

Getting Users Back From Multitasking [5]
Ben Watanabe разбирает режим многозадачности в iOS как еще один способ сделать работу с приложением полезнее. В нем показывается уменьшенная версия последнего открытого экрана, хотя было бы куда полезнее заменять ее на выжимку свежей информации из приложения.

Инфографика: Шпаргалка по размерам графических элементов в социальных сетях [6]
Подробная шпаргалка по размерам графических элементов в социальных сетях. Facebook, Twitter, LinkedIn, Google+, Pinterest, Instagram, YouTube, Вконтакте, Мой Мир, Одноклассники.

The Low Hanging Fruit of User Onboarding [7]
История способов обучения пользователей на старте работы с продуктом и взгляд на их будущее от Des Traynor.

Выдержки из свежей книги UXPin про дизайн взаимодействия

Continuous Input In Mobile Devices — Pain Or Gain? [10]
Игорь Фастовский разбирает способ клавиатурного ввода на мобильных с помощью swype-подобных жестов. Он предлагает несколько улучшений для него, позволяющих решить две главные проблемы — часть символов не видна, да и пользователь не всегда помнит, где находится следующая нужная ему буква. Решение спорное, но интересное.

Accessibility APIs: A Key To Web Accessibility [11]
Про технические аспекты создания доступной среды в веб-браузере и немного про историю вопроса. С одной стороны статья для технарей, но юзабилити должно быть междисциплинарной областью. Без понимания ограничений или возможностей, которые нам представляют технологии, невозможна эффективная работа. А в этой статье очень доходчиво объяснено, на что можно обращать внимание при работе над доступностью веб-среды.

Паттерны анимации в известных приложениях

Beyond Blue Links — Making Clickable Elements Recognizable [14]
Hoa Loraner приводит список правил выделения интерактивных элементов в интерфейсе.

Niice — A search engine with taste [15]
Вышло приложение Niice для iOS, инструмента для создания мудбордов.

Customers Who Bought This Item Also Bought… Affinity Analysis Explained [16]
Jeff Sauro о том, как работает формула предложения похожих товаров в интернет-магазинах. В статье есть наглядные расчеты, показывающие, как проверяются взаимосвязи между ними.

Как длина посадочной страницы влияет на ее конверсию [17]
Когда выбирать короткую, а когда длинную версию.

UX Archive Animated [18]
Теперь UX Archive тоже собирает примеры анимации в мобильных приложениях.

Mystical guidelines for creating great user experiences [19]
Забавная параллель дизайн-процесса с тем, как Тора описывает процесс сотворения мира. Скорее смешно, чем полезно, но с этой стороны еще никто не заходил.

The Curse of the Mobile Strategy [20]
Jared Spool о «проклятии» мобильной стратегии. Концентрация только на одном канале значительно сокращает выбор возможных вариантов. Следует думать и действовать на уровне общепродуктовой стратегии, не ограничиваясь одним из них.

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

67 Ways to Increase Conversion with Cognitive Biases [21]
Jeremy Smith собрал крутую коллекцию из 67 когнитивных искажений, которые используются для управления поведением пользователей. Коллекция достаточно серьезная и обширная. Цепляет, что статья начинается с противопоказаний к использованию и принципа «не навреди».

Winning Over Wary Participants [22]
Люди ведут себя по-разному, в том числе и участники юзабилити-тестирования. Для некоторых участников тестирование — стресс, излишние переживания. Jim Ross дает несколько поведенческих приемов, которые позволят предотвратить либо уменьшить излишнее волнение пользователей во время тестирования.

People Don’t Read, They Scan [23]
Подборка теорий и концепций на тему того, что пользователи скорее сканируют, а не читают тексты в вебе. Концовка и выводы смазаны, но в статье много полезных отсылок по этому вопросу.

Positive Design Reference Guide [24]
Книга «Positive Design Reference Guide» от S.Jimenez, A.E.Pohlmeyer и P.M.A.Desmet, которая собрала 29 моделей, теорий и фреймворков, посвященных «well-being-driven»-дизайну, оставляющему у пользователя хорошие впечатления от использования.

Дизайн для стран Азии

Change Blindness — Why People Don’t See What Designers Expect [26]
Kathryn Whitenton о «слепоте к изменениям» — почему пользователи не замечают некоторые небольшие изменения на сайте или в приложении, которые они, по идее создателей продукта, должны были заметить. Например, появление сообщений об ошибках или об успешном завершении, фильтрацию результатов.

Understanding Context: Environment, Language, and Information Architecture [27]
Выдержка из книги Andrew Hinton «Understanding Context: Environment, Language, and Information Architecture». Книга посвящена пониманию текущего контекста пользователя, а в этой главе говорится о важности историй в описании опыта взаимодействия.

In Design, Empathy is Not Enough [28]
Dan Saffer о том, что иногда эмпатии не достаточно для создания хорошего дизайна. Для оптимального результата нужно соблюдать баланс между сопереживанием пользователю и наблюдением за переживаниями пользователей с беспристрастной точки зрения. Обе крайности не приводят к лучшим результатам. В продолжение темы:

Дизайн для пожилых людей

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

Card Generator [31]
Простой онлайн-сервис для подготовки карточной сортировки от Lukas Mathis. Нужно вписать термины в столбец и можно получить их печатную версию, размеченную по карточкам.

Service Design: An Introduction to a Holistic Assessment Methodology of Library Services [32]
Памятка на тему основ проектирования услуг и кейс их применения в библиотеке Университета Мичигана. Новой информации мало, но достаточно хорошо и подробно разложено по полочкам.

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

Adobe Comp CC [33]
Adobe выпустил приложение Comp CC для прототипирования на iPad. В основе мало чем отличается от других подобных инструментов, но на практике очень приятные решения в мелочах. И самое главное — наработки можно перекинуть в InDesign, Photoshop или Illustrator для последующей доработки. Ну и в целом оно построено на технологиях Adobe, а значит отлично завязано на остальные сервисы — в том числе Typekit. В его создании участвовал Khoi Vinh [34].

Bind — Building an experimental UI design tool [35]
Alastair Monk делает свой инструмент для дизайнеров Bind. Попробовать его пока нельзя, но он рассказывает о его основных принципах — версионность с Git, адаптивность по умолчанию с использованием Grid Style Sheets.

Napkin — Design quick mocks, directly on your phone [36]
Еще одно приложение для создания прототипов мобильных приложений прямо на телефоне. Пока только iOS.

Новое для Sketch

Balsamiq 3 [40]
Вышла третья версия Balsamiq.

Introducing Noun Project for Mac [41]
The Noun Project выпустили приложение для Mac. Подписка стоит $9,99 в месяц, есть 14-дневный пробник.

Pixel Squid [42]
Зарождается новый тренд — стоки изображений с возможностью детальной настройки перед скачиванием и легкого использования после него. Первый — выбираете из быстро пополняемой коллекции изображение, подбираете нужный ракурс (!) и получаете изображение в PSD; все по слоям, даже освещение; маски для быстрого выбора и быстрого изолирования. Второй — Illustrio [43] — векторный сток, перед скачиванием вы можете изменить множество параметров (для каждой картинки свои), например, удлинить руки у робота или перекрасить цвет медальки. В продолжение темы:

ai2html [45]
Плагин для Adobe Illustrator, позволяющий перегонять графику из макетов в HTML5.

Nietzsche Ipsum [46]
Генератор текста в духе Ницше вместо lorem ipsum.

Работа с iOS8

Инструменты паблишинга

How To Create Effective App Screenshots for Your App Page [51]
Толковая инструкция по подготовке скриншотов для магазинов приложений Android, iOS и Windows Phone. Melanie Haselmayr приводит чеклист необходимой информации и графики для различных платформ, а также разбирает несколько подходов к сборке самих иллюстраций. В продолжение темы:

From Page to Stage to Screen — Designing an Omni-Channel Experience [53]
Traci Lepore пытается выделить особенности среды для типов платформ — настольные ПК, планшеты, телефоны, киоски, почтовые рассылки, социальные сети. У каждой свои возможности и ограничения, которые важно учитывать при кросс-канальном взаимодействии между ними.

Новое для Material Design

Новое для Pebble

Apple Watch [56]

Новое для Android Wear

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

Evangelising user research [63]
Время толстых отчетов, которые никто не читает, прошло. David Travis дает обзор простых и эффективных lean-методов анализа и представления результатов пользовательских исследований.

The User Is Drunk [64]
Отличный новый подход к тестированию интерфейсов — Richard Littauer за $250 проверит ваш сайт в пьяном состоянии. На выходе отчет с найденными проблемами и скринкаст.

How Hard Are Your Surveys to Take? [65]
Jeff Sauro предлагает методику проверки пользовательских опросов для того чтобы их результаты были более качественными. Он назвал его SRS (Survey Respondent Score) и это что-то вроде нильсеновских эвристик, по которым рекомендуется прогнать опрос перед его запуском.

A Beginner’s Guide to Web Site Optimization [66]
Хорошая методичка по ходу A/B-тестирования от Charles Shimooka. Как координироваться с другими командами, выбирать инструментарий, анализировать результаты.

Does Response Timing Matter in Online Research? [67]
Jeff Sauro пытается понять, насколько влияет скорость ответа респондентов в опросах на качество оценки. Это позволит использовать данные по ходу исследования, не дожидаясь его окончания. Проводившиеся ранее исследования либо не показывают влияния, либо говорят о том, что отвечающие быстрее более благосклонны. Выводы из его эксперимента показывают, что значимого влияния нет.

Should Your Entire Product Team Observe Usability Testing? [68]
Дискуссия на UXMatters о том, почему важно приглашать всю команду на сессии пользовательских исследований.

Uxeria — Remote usability testing and marketing tool [69]
Еще один инструмент для удаленного юзабилити-тестирования Uxeria. Все достаточно стандартно по набору возможностей.

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

Tumult Hype 3 Pro — The Next Revolution in HTML5 Animation [70]
Вышел релиз третьей версии Hype Pro. Интерактивные повторно используемые анимированные объекты с физической моделью и адаптивность для сайтов, iBooks, рекламы.

Новое для Quartz Composer

Компонентные системы и живые гайдлайны

Веб-типографика

CSS-анимация

Работа с SVG

Работа с цветом в вебе

Работа с Flexbox

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

Xcode для дизайнеров

Метрики и ROI

One Magic Formula to Calculate User Experience? [105]
Wouter de Bres пытается вывести универсальную формулу UX. Он использует параметры времени загрузки (технологической и когнитивной), ценность и качество взаимодействия. Есть много спорных моментов и нестыковок, но сама по себе идея интересная.

Дизайн государственных сайтов

Управление интерфейсными проектами, процессами и командами

No Dickheads! A Guide To Building Happy, Healthy, And Creative Teams. [107]
Преприятнейшая духоподъемная статья о командообразовании от Rhys Newman. Он достаточно подробно разбирает ценности, которые должны лежать в основе сильной и слаженной команды, способной создавать крутые продукты. Один из лучших материалов на тему.

Understanding and Influencing Business [108]
Liam Friedland пытается переложить цепочку создания добавленной стоимости Майкла Портера на дизайн-проекты.

What does Pair Design look like? [109]
Парное программирование — достаточно известный метод. Chris Noessel и Suzy Thompson из Cooper рассказывают о парном дизайне.

False Dichotomies [110]
Lukas Mathis о том, как избегать ложной дихотомии при обсуждении дизайн-решений. Часто в процессе спора команда разделяется вокруг пары вариантов и накаляет обстановку спором, вместо того чтобы копнуть дальше и найти другие подходы.

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

Overthinking vs. Underthinking — Finding the Sweet Spot [111]
Хорошая колонка Kingshuk Das о перекосах в чистом дизайн-мышлении и классическом стратегическом бизнес-планировании. Первый генерирует уйму мотивирующих, но не привязанных к жизни и бизнесу идей, второй — бесконечный набор аналитических материалов, в которых сложно сделать осознанный выбор. Он предлагает таблицу ситуаций, в которых применим первый и второй подходы.

Кейсы

Disney’s $1 Billion Bet on a Magical Wristband [112]
Disney MagicBand, в дизайне которого участвовали frog — возможно, самый большой UX-проект десятилетия.

Все по графику: как мониторинг активности пользователей на главной Mail.Ru помогает жить и... [113]
Моя коллега Olya Kuritsyna рассказывает об аналитике главной страницы Mail.Ru в связке с крупными событиями в стране. Интересно о том, как офлайновые события влияют на работу большой аудитории с веб-сервисами.

Considerations When Conducting User Research In Other Countries — A Brazilian Case Study [114]
Claire Carlson делится опытом проведения пользовательского исследования в Бразилии. Что нужно учитывать на этом рынке в частности и в целом при проведении международных исследований с выездом в страну.

Кейсы редизайна

Тренды

Readable Wearables [117]
Открывается новая эпоха для веба — адаптивность учитывает умные часы. Matt Griffin рассказывает о том, как они адаптировали сайт студии Bearded для совсем маленьких экранов.

Google HATES Your Non Mobile Site [118]
Craig Tomlin о новых правилах поисковой выдачи Google, которая теперь учитывает не просто наличие мобильной версии сайта, но и ее качество. По словам коллег, компания обращает внимание даже на соответствие возможностей большой и мобильной версии. В статье простая методичка по поиску таких проблем. В продолжение темы:

Фаблеты

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

Design In Tech Report 2015 [124]
Доклад John Maeda о значительном увеличении роли дизайна в современных технологических компаниях за последние несколько лет. Дизайнеры основывают успешные компании, крупные компании покупают дизайн-студии, дизайнеры становятся партнерами в компаниях венчурного капитала.

Виртуальная и дополненная реальность

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

UX Reactions [127]
Коллекция гифок на злободневные аспекты дизайнерской работы. Хороший способ разнообразить проектную переписку.

The Web’s Grain by Frank Chimero [128]
Статья на основе презентации Frank Chimero о профессиональной философии, в которой он пытается пересобрать текущее понимание роли и задач дизайнера в современном вебе. Интересный подход к адаптивному дизайну и в целом среде, для которой создаются продукты.

Helvetica / Objectified / Urbanized: The Complete Interviews [129]
Вышла книга «Helvetica/Objectified/Urbanized: The Complete Interviews», собравшая 100 интервью из трех известных фильмов по дизайну. Fast Co Design публикует часть беседы с Dieter Rams оттуда [130].

Анонсы тренингов и семинаров

Новые онлайн-курсы

Designing for Medical [137]
Ted Goas пишет об особенностях работы дизайнера в компании, делающей медицинские сервисы. Из-за жестких законов по охране личных данных в отрасли повышенная секретность, а оборудование у пользователей зачастую доисторическое. Но сами задачи и возможность помочь реальным людям дико интересны.

Critical Sharks [138]
Очень толковый дискурс на тему того, можно ли критиковать работы крупных компаний. Конечно, им приходится учитывать тысячи нюансов и действовать в жестких рамках ограничений времени и ресурсов, плюс все это в агрессивной конкурентной среде. Но без диалога в индустрии ей будет сложнее развиваться. Сам повод (выход iOS7) уже протух, но материал свежий и тема все равно актуальна. Третья часть по ссылке самая толковая. Часть 1 [139] и 2 [140].

Перевод книги MailChimp «The UX Reader» от ФРИИ

Web UI Design for the Human Eye — Colors, Space, Contrast [146]
Еще одна книга от UXPin в этом году, на этот раз про цвета, отступы и необходимый уровень контраста в интерфейсах.

Выдержки из книги Golden Krishna «The Best Interface is No Interface»

Эргономист № 40 [148]
Вышел в свет очередной, 40-й выпуск бюллетеня «Эргономист». В нем вы найдете материалы, посвященные проблемам профессиональной оценки и отбора персонала, информацию о новых конференциях и публикациях, а также несколько забавных эргономических «диверсий»

The Value of Apprenticeships in Cooking and Product Design [149]
Melissa Mandelbaum сравнивает опыт стажерства в дизайне с тем, как учатся начинающие повара и рассказывает о своем приходе в профессию.

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

The Demise of LayerVault and the Market for Creative Tools [150]
Еще одна внезапная новость в этом году — версионная система для дизайнеров LayerVault закрывается [151]. Последний год-полтора новые инструменты для дизайнеров появлялись почти каждую неделю, а тут вдруг уход с рынка одного из старейших и известнейших среди них. Khoi Vinh размышляет, почему и коснется ли это остальных. Возможно, это связано с покупкой в чем-то схожего сервиса Pixelapse Дропбоксом [152] — появился монструозный конкурент, который сильно подрезал перспективы развития.

How they got there — A book by Khoi Vinh [153]
Khoi Vinh выпустил книгу «How They Got There» четырнадцати подробных интервью с известными дизайнерами. Они рассказывают о своей карьере в деталях, со всеми ее странными поворотами. В качестве пробника опубликовано первое из них, с UX-исследователем Erika Hall [154]. Оказалось, что она какое-то время жила в России и немного знает язык. В продолжение темы:

Новые сессии AMA

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

Conference Review: UX Strategies Summit 2014, part 1 [159]
Отчет Pabini Gabriel-Petit о конференции UX Strategies Summit 2014, проходившей 10-12 июня в Сан-Франциско, США. Достаточно подробный конспект нескольких ключевых выступлений, хотя Kelly Goto свою презентацию повторяет уже не первый год.

Видео с Interaction15 [160]
Видео с конференции Interaction15, прошедившей 9-11 февраля в Сан-Франциско, США.

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

Автор: jvetrau

Источник [162]

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

Путь до страницы источника: https://www.pvsm.ru/dizajn-interfejsov/88033

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

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

[2] Baymard E-Commerce Product List Usability: Report & Benchmark: http://baymard.com/blog/ecommerce-product-lists-report-and-benchmark

[3] О важности указания цены за единицу товара, даже если продается упаковка: http://baymard.com/blog/price-per-unit

[4] О важности указания количества проголосовавших рядом с любыми цифрами рейтингов: http://baymard.com/blog/user-perception-of-product-ratings

[5] Getting Users Back From Multitasking: https://medium.com/what-if-they/designing-for-the-very-smallest-view-988b95a50efd

[6] Инфографика: Шпаргалка по размерам графических элементов в социальных сетях: http://www.likeni.ru/events/Infografika-SHpargalka-po-razmeram-graficheskikh-elementov-v-sotsialnykh-setyakh/

[7] The Low Hanging Fruit of User Onboarding: http://blog.intercom.io/onboarding-users-low-hanging-fruit/

[8] Статья про аффорданс: http://inside.envato.com/affordances-the-designers-secret-weapon/

[9] Четыре задачи для текста в интерфейсах (приветствие, навигация, действия, сервис): http://www.sitepoint.com/words-interaction-design/

[10] Continuous Input In Mobile Devices — Pain Or Gain?: http://www.smashingmagazine.com/2015/03/10/continuous-input-in-mobile-devices-pain-or-gain/

[11] Accessibility APIs: A Key To Web Accessibility: http://www.smashingmagazine.com/2015/03/16/web-accessibility-with-accessibility-api/

[12] Tumblr для iOS: http://blog.brianlovin.com/design-details-tumblr-for-ios/

[13] Blendle Trending для iOS: https://medium.com/@emieljanson/blendle-trending-design-details-61c5c64ac6aa

[14] Beyond Blue Links — Making Clickable Elements Recognizable: http://www.nngroup.com/articles/clickable-elements/

[15] Niice — A search engine with taste: https://niice.co/ios

[16] Customers Who Bought This Item Also Bought… Affinity Analysis Explained: http://www.measuringu.com/blog/affinity-analysis.php

[17] Как длина посадочной страницы влияет на ее конверсию: http://siliconrus.com/2015/03/short-long-landing/

[18] UX Archive Animated: http://www.uxarchive.com/animated

[19] Mystical guidelines for creating great user experiences: http://boxesandarrows.com/mystical-guidelines-for-creating-great-user-experiences/

[20] The Curse of the Mobile Strategy: https://www.linkedin.com/pulse/curse-mobile-strategy-jared-spool

[21] 67 Ways to Increase Conversion with Cognitive Biases: http://www.neurosciencemarketing.com/blog/articles/cognitive-biases-cro.htm

[22] Winning Over Wary Participants: http://www.uxmatters.com/mt/archives/2015/03/winning-over-wary-participants.php

[23] People Don’t Read, They Scan: http://www.stampede-design.com/blog/2014/07/people-dont-read-they-scan/

[24] Positive Design Reference Guide: http://studiolab.ide.tudelft.nl/diopd/library/publications/positive-design-reference-guide/

[25] Отличнейший разбор китайской типографики: http://webdesign.tutsplus.com/articles/the-complete-beginners-guide-to-chinese-fonts--cms-23444

[26] Change Blindness — Why People Don’t See What Designers Expect: http://www.nngroup.com/articles/change-blindness/

[27] Understanding Context: Environment, Language, and Information Architecture: http://www.uxmatters.com/mt/archives/2015/03/understanding-context-environment-language-and-information-architecture.php

[28] In Design, Empathy is Not Enough: https://medium.com/@odannyboy/in-design-empathy-is-not-enough-c315b1c1ecee

[29] Сервис считает вес страниц сайта в деньгах разных стран, сколько будет стоить его посещение: http://whatdoesmysitecost.com/

[30] Видео о Barbara Beskind, 91-летнем дизайнере IDEO: http://www.today.com/money/age-not-barrier-tech-designer-91-lands-her-dream-job-2D80518851

[31] Card Generator: http://cardsort.ignorethecode.net/

[32] Service Design: An Introduction to a Holistic Assessment Methodology of Library Services: http://quod.lib.umich.edu/w/weave/12535642.0001.201?view=text%3Brgn%3Dmain

[33] Adobe Comp CC: https://itunes.apple.com/us/app/adobe-comp-cc/id970725481

[34] участвовал Khoi Vinh: http://www.subtraction.com/2015/03/30/layup-is-now-adobe-comp-cc/

[35] Bind — Building an experimental UI design tool: https://medium.com/@almonk/design-like-it-s-1999-48ce5f5be14

[36] Napkin — Design quick mocks, directly on your phone: http://www.designwithnapkin.com/

[37] Быстрая подготовка материалов для AppStore: https://github.com/MengTo/AppStoreSketch

[38] Интеграция с Marvel: https://marvelapp.com/prototype-with-sketch/

[39] Шаблоны Apple Watch для Sketch от Meng To: https://designcode.io/watch

[40] Balsamiq 3: http://blogs.balsamiq.com/product/2015/03/10/b3/

[41] Introducing Noun Project for Mac: http://thenounproject.com/for-mac/

[42] Pixel Squid: https://www.pixelsquid.com

[43] Illustrio: https://beta.illustrio.com

[44] Небольшая инструкция по работе с сервисом Illustrio и переводу векторных иллюстраций в SVG: https://medium.com/@benev/transform-your-illustration-into-smart-svg-51b505f908f0

[45] ai2html: http://ai2html.org/

[46] Nietzsche Ipsum: http://nietzsche-ipsum.com/

[47] В блоге Bjango описываются проблемы при использовании PDF для нарезки дизайна в iOS: http://bjango.com/articles/idontusepdfs/

[48] Создатели Aesop запускают Lasso, еще один инструмент паблишинга в дополнение к Story.AM: https://lasso.is/

[49] Никита Обухов собрал на Тильде подборку сильных лонг-ридов, включая ключевые хиты: http://blog.tilda.cc/longreads

[50] Интервью с Романом Мазуренко, одним из создателей отечественной паблишинговой платформы Stampsy: http://siliconrus.com/2015/03/stampsy/

[51] How To Create Effective App Screenshots for Your App Page: http://www.smashingmagazine.com/2015/03/04/create-effective-app-screenshots-for-app-page/

[52] Конструктор скриншотов для AppStore: https://launchkit.io/screenshots

[53] From Page to Stage to Screen — Designing an Omni-Channel Experience: http://www.uxmatters.com/mt/archives/2015/03/from-page-to-stage-to-screen-designing-an-omni-channel-experience.php

[54] Много вариаций на тему работы плавающей кнопки: https://dribbble.com/shots/1947575-Material-design-menu-animations

[55] Первый (неофициальный) кит для прототипирования приложений для Pebble Time: http://blog.tackmobile.com/article/pebble-time-design-kit/

[56] Apple Watch: http://www.apple.com/watch/features/

[57] Немного о том, как в условиях строгой секретности компании тестируют свои приложения на устройстве: http://www.theverge.com/2015/3/6/8160619/apple-watch-facebook-instagram-app-secret-lab

[58] Тестовая лаборатория, в которой исследуются сценарии и особенности использования часов для спорта: http://www.engadget.com/2015/03/20/apple-watch-fitness-lab/

[59] Шаблоны для скетчей: https://www.behance.net/gallery/24327319/Apple-Watch-Paper-Wireframes-Free

[60] Реализация фирменного индикатора физической нагрузки на CSS: https://cssanimation.rocks/watch/

[61] Небольшой кейс создания версии Wunderlist для часов: https://www.wunderlist.com/blog/designing-wunderlist-for-apple-watch-from-benedikt-lehnert/

[62] Компания ELEKS предложила свое видение приложения для Tesla в развитие недавнего аналогичного концепта для Apple Watch: http://elekslabs.com/2015/03/apple-watch-vs-android-wear-time-to-drive-tesla-further.html

[63] Evangelising user research: http://www.userfocus.co.uk/articles/evangelising-user-research.html

[64] The User Is Drunk: http://theuserisdrunk.com/

[65] How Hard Are Your Surveys to Take?: http://www.measuringu.com/blog/hard-surveys.php

[66] A Beginner’s Guide to Web Site Optimization: http://boxesandarrows.com/a-beginners-guide-to-web-site-optimization-part-3/

[67] Does Response Timing Matter in Online Research?: http://www.measuringu.com/blog/early-late-responders.php

[68] Should Your Entire Product Team Observe Usability Testing?: http://www.uxmatters.com/mt/archives/2015/03/should-your-entire-product-team-observe-usability-testing.php

[69] Uxeria — Remote usability testing and marketing tool: http://en.uxeria.com/

[70] Tumult Hype 3 Pro — The Next Revolution in HTML5 Animation: http://blog.tumult.com/2015/03/18/tumult-hype-professional-and-hype-3/

[71] Еще одна мини-обучалка по работе с Origami от Francis Cortez: https://medium.com/@makeshowlearn/origami-and-material-design-84f128e54938

[72] справочник с описанием 50 самых используемых патчей на русском языке: http://patches.origamiqc.ru/

[73] Рассказ о SC5, фреймворке для создания живых гайдлайнов, а также базовая инструкция по работе с ним: http://www.smashingmagazine.com/2015/03/05/automating-style-guide-driven-development/

[74] Живой гайдлайн Primer от GitHub: http://primercss.io/

[75] Гайдлайны Purple для платформы Heroku: http://purple.herokuapp.com/

[76] Подробнейшая шпаргалка по специальным типографическим символам в вебе и на клавиатуре: http://www.typewolf.com/cheatsheet

[77] Type.js — библиотека для более простой реализации нормальной типографики на вебе: http://typejs.org

[78] Способы делать надстрочные символы в CSS: http://demosthenes.info/blog/994/Making-and-Faking-Ordinals-on-Web-Pages

[79] Использование API шрифтовых событий для более мягкой загрузки веб-шрифтов: https://jonsuh.com/blog/font-loading-with-font-events/

[80] Donovan Hutchinson представил 12 принципов анимации Диснея в CSS вместе с советами по использованию каждого из них в интерфейсах: https://cssanimation.rocks/principles/

[81] О работе с SVG-спрайтами: https://lincolnloop.com/blog/svg-sprites-and-icon-systems-are-super/

[82] Три способа использования SVG-спрайтов для анимации: http://www.smashingmagazine.com/2015/03/17/different-ways-to-use-svg-sprites-in-animation/

[83] Практически бесполезный, но забавный с точки зрения альтернативного видения подход к созданию векторных иконок в коде с помощью ASCII-графики: http://cocoamine.net/blog/2015/03/20/replacing-photoshop-with-nsstring/

[84] Хорошая наглядная памятка по работе с векторными иконками: https://medium.com/@webalys/die-png-die-how-to-use-vector-icons-in-your-apps-d884c9c63e93

[85] Шикарнейшая онлайн-презентация Sara Soueidan об использовании SVG для самого широкого спектра задач и его преимуществах над CSS: http://slides.com/sarasoueidan/building-better-interfaces-with-svg#/

[86] Библиотка для генерирования SVG-паттернов для последующей визуализации данных (например, вечере D3.js): http://riccardoscalco.github.io/textures/

[87] Легкий способ цветовой стилизации проектов с помощью свойства CSS currentColor: http://blogs.adobe.com/dreamweaver/2015/02/extending-the-color-cascade-with-the-css-currentcolor-variable.html

[88] Беглый обзор возможностей Flexbox и шесть наиболее востребованных паттернов его применения: http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/

[89] Наглядная и понятная шпаргалка по Flexbox: http://flexboxin5.com/

[90] Chris Wright делает наглядную памятку по основным ситуациям, в которых использование flexbox дает преимущества относительно привычных способов построения сетки: http://www.chriswrightdesign.com/experiments/using-flexbox-today/

[91] Генератор круговых меню: http://sarasoueidan.com/tools/circulus/

[92] Использование CSS-анимаций для создания довольно реалистичных часов: https://cssanimation.rocks/clocks/

[93] Полуавтоматическое создание пиксельной графики: https://www.behance.net/gallery/18991005/Pablo-the-Pixel-Art-Builder-

[94] Эффектное переключение фотографий в галерее: http://tympanus.net/codrops/2015/03/04/playful-trampoline-effect/

[95] Свежая пачка экспериментов от Tympanus: http://tympanus.net/Development/CreativeGooeyEffects/

[96] Решение на CSS и JavaScript для разбивки контента на несколько колонок, зависящих от контента: http://www.the-haystack.com/2015/03/05/conditional-multi-column-sublists/

[97] Прекрасная библиотека для реализации эффекта складывания: http://oridomi.com

[98] Скрипт Flickity для реализации адаптивных и тач-ориентированных каруселей: https://css-tricks.com/creating-responsive-touch-friendly-carousels-with-flickity/

[99] Динамичное представление данных на карте с помощью amCharts: http://www.smashingmagazine.com/2015/03/09/fun-with-physics-in-data-visualization/

[100] Еще одна серия скриптов с анимацией полей ввода на CSS: http://tympanus.net/codrops/2015/03/18/inspiration-text-input-effects-2/

[101] Еще немного загрузчиков на SVG: http://tympanus.net/Tutorials/SVGLoaderGSAP/

[102] Как ведет себя стандартное поле ввода цифровых данных в разных браузерах в большом вебе и на мобильных: https://css-tricks.com/numeric-inputs-a-comparison-of-browser-defaults/

[103] Скрипт, позволяющий с помощью кнопки на сайте быстро переключать его мобильную и большую версии: http://davidwells.tv/code/responsible/

[104] Обзор второй части курса Meng To по работе со Swift для дизайнеров: https://designcode.io/swiftapp-part2

[105] One Magic Formula to Calculate User Experience?: http://journal.gibbon.co/one-magic-formula-to-calculate-user-experience/

[106] Еще один пример гос.аналитики от правительства США: https://analytics.usa.gov/

[107] No Dickheads! A Guide To Building Happy, Healthy, And Creative Teams.: https://medium.com/@rhysys/no-dickheads-a-guide-to-building-happy-healthy-and-creative-teams-7e9b049fc57d

[108] Understanding and Influencing Business: http://www.uxmatters.com/mt/archives/2015/03/understanding-and-influencing-business.php

[109] What does Pair Design look like?: http://www.cooper.com/journal/2015/2/what-does-pair-design-look-like

[110] False Dichotomies: http://ignorethecode.net/blog/2015/03/07/false_dichotomies/

[111] Overthinking vs. Underthinking — Finding the Sweet Spot: http://forbesindia.com/article/rotman/overthinking-vs.-underthinking-finding-the-sweet-spot/39693/1

[112] Disney’s $1 Billion Bet on a Magical Wristband: http://www.wired.com/2015/03/disney-magicband/

[113] Все по графику: как мониторинг активности пользователей на главной Mail.Ru помогает жить и...: http://habrahabr.ru/company/mailru/blog/251907/

[114] Considerations When Conducting User Research In Other Countries — A Brazilian Case Study: http://www.smashingmagazine.com/2015/03/13/conducting-user-research-in-brazil/

[115] Толковый мини-кейс работы над аналитическим кусочков в Intercom: http://blog.intercom.io/design-principles-insights-are-not-about-analytics/

[116] Рассказ о редизайне The Seattle Times от Mike Monteiro: https://medium.com/@monteiro/all-the-news-where-it-needs-to-fit-e2aefe556f8b

[117] Readable Wearables: http://alistapart.com/column/readable-wearables

[118] Google HATES Your Non Mobile Site: http://www.usefulusability.com/why-google-hates-your-non-mobile-website/

[119] Беглый обзор способов оптимизации мобильных сайтов под новые требования с помощью Google Webmaster Tools: http://www.smashingmagazine.com/2015/03/25/assessing-mobile-usability-google-webmaster-tools/

[120] Дмитрий Коваленко о проблемах интерфейса iOS8, которые не стали решать, даже зная, что на подходе телефоны с большими экранами: https://medium.com/@justd/the-big-reason-why-ios8-sucks-73ac7925c626

[121] Дизайн-студия USTWO представила занимательный концепт, описывающий переосмысленный подход к дизайну приборных панелей автомобилей: http://ustwo.com/blog/cluster/

[122] Вставил пять копеек по поводу концепта приборной панели от ustwo: http://apptractor.ru/develop/design/dizayneryi-ustwo-pereosmyisli-pribornuyu-panel-avtomobilya.html

[123] Еще один концепт автомобильного UI от неавтомобильной компании: https://medium.com/@oberhaeuser/it-s-time-for-car-infotaiment-interfaces-to-arrive-in-2015-edc061f8300

[124] Design In Tech Report 2015: http://www.kpcb.com/blog/design-in-tech-report-2015

[125] Простое объяснение принципов работы VR на примерах оптических иллюзий: http://mashable.com/2015/03/26/f8-oculus-optical-illusions/

[126] Свежее видео про Magic Leap: https://www.youtube.com/watch?v=kPMHcanq0xM

[127] UX Reactions: http://uxreactions.com/

[128] The Web’s Grain by Frank Chimero: http://frankchimero.com/talks/the-webs-grain/transcript/

[129] Helvetica / Objectified / Urbanized: The Complete Interviews: http://www.hustwit.com/store/books/helvetica-objectified-urbanized-complete-interviews/

[130] часть беседы с Dieter Rams оттуда: http://www.fastcodesign.com/3043815/dieter-rams-if-i-could-do-it-again-i-would-not-want-to-be-a-designer

[131] Bang! Bang! Studio запускает онлайн-школу для иллюстраторов: http://bangbangeducation.ru/

[132] Яндекс запустил школу дизайна: https://yandex.ru/design-school

[133] Небольшой анонс: http://blog.yandex.ru/post/92794/

[134] На Цукерберг Позвонит вышло развернутое интервью с представителями Британки, школы Артема Горбунова и школы дизайна Яндекса: http://siliconrus.com/2015/03/designers-school/

[135] Обучалка от Gibbon University: http://blog.gibbon.co/posts/2015-03-04-introducing-gibbon-university.html

[136] Обучение дизайну, разработке и маркетингу в формате 5-секундных гифок: http://howww.to/

[137] Designing for Medical: http://www.tedgoas.com/blog/designing-for-medical/

[138] Critical Sharks: http://www.elischiff.com/blog/2015/3/17/critical-sharks-part-iii-design-fallacies

[139] Часть 1: http://www.elischiff.com/blog/2015/3/4/critical-sharks-part-i-you-cant-say-that

[140] 2: http://www.elischiff.com/blog/2015/3/10/critical-sharks-part-ii-schmearing-colored-paint

[141] Часть 3: Как мы проводим исследования: http://habrahabr.ru/company/friifond/blog/251827/

[142] Часть 4: Дизайн: http://habrahabr.ru/company/friifond/blog/253225/

[143] Часть 5: Паттерны и SVG-анимация: http://habrahabr.ru/company/friifond/blog/253717/

[144] Часть 6: Разработка: http://habrahabr.ru/company/friifond/blog/254307/

[145] Часть 7: Креативность и дорожные карты: http://habrahabr.ru/company/friifond/blog/254331/

[146] Web UI Design for the Human Eye — Colors, Space, Contrast: http://www.uxpin.com/web-ui-design-ebook.html

[147] Глава «Screen-based thinking: Let’s make an app!»: http://www.theverge.com/2015/3/17/8103593/golden-krishna-best-interface-is-no-interface-excerpt

[148] Эргономист № 40: https://www.dropbox.com/s/bun2ez6dmk5g5kt/%D0%AD%D1%80%D0%B3%D0%BE%D0%BD%D0%BE%D0%BC%D0%B8%D1%81%D1%82%2040%20%D0%BC%D0%B0%D1%80%D1%82%202015.pdf?dl=0

[149] The Value of Apprenticeships in Cooking and Product Design: https://medium.com/@lissalauren/the-value-of-apprenticeships-in-cooking-and-product-design-389508919c67

[150] The Demise of LayerVault and the Market for Creative Tools: http://www.subtraction.com/2015/03/12/the-demise-of-layervault/

[151] версионная система для дизайнеров LayerVault закрывается: https://layervault.com/

[152] это связано с покупкой в чем-то схожего сервиса Pixelapse Дропбоксом: http://blog.pixelapse.com/post/109225261685/pixelapse-dropbox

[153] How they got there — A book by Khoi Vinh: http://howtheygotthere.us/

[154] опубликовано первое из них, с UX-исследователем Erika Hall: https://medium.com/galleys/how-she-got-there-3a64d89ba112

[155] Tobias van Schneider о том, как игра в World of Warcraft помогла его карьере: https://medium.com/@vanschneider/how-world-of-warcraft-saved-my-life-d9e60fddd0bf

[156] Как начинал свою карьеру Влад Головач: http://smartia.me/article/mindtheculture/

[157] Mathias Duarte: https://news.layervault.com/stories/45342-ama-im-matias-duarte-a-vp-of-design-at-google

[158] Chris Coyier из CSS Tricks и CodePen: https://news.layervault.com/stories/45838-im-chris-coyier-creator-of-csstricks--cofounder-of-codepen--podcaster-on-shoptalk-ask-me-anything

[159] Conference Review: UX Strategies Summit 2014, part 1: http://www.uxmatters.com/mt/archives/2015/03/conference-review-ux-strategies-summit-2014-part-1.php

[160] Видео с Interaction15: https://vimeo.com/album/3272143/page:1/sort:preset/format:thumbnail

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

[162] Источник: http://habrahabr.ru/post/254983/