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

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

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

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

Паттерны и Best Practices

Interaction Design Best Practices — Mastering the Tangibles [2]
UXPin бодро начали год выпуском целой серии электронных книг. Свежая — про дизайн взаимодействия.

Non-blocking UI’s with interface previews [3]
Callum Hart об использовании индикатора загрузки страниц, который Фейсбук предложил несколько лет назад — вместо унылой крутилки показывается структура экрана.

Коллекции примеров интерфейсной анимации

I’m the Fold [6]
Интересный эксперимент, показывающий где заканчивается экран на разных устройствах. Хорошо видно кучкование вокруг определенных цифр. В продолжение темы:

Visual Design for White Labelled Products [8]
Cale LeRoy из Cooper об особенностях дизайна продуктов без заданного берндирования, так называемых White Labelled Products. Брендинг настраивается под каждого конкретного клиента. Есть три подхода: 1) меняется только логотип клиента (ко-брендирование); 2) доступна полная кастомизация; 3) доступна настройка только нескольких предопределенных параметров. Автор рекомендует последний из них.

Carousel Usage Exploration On Mobile E-Commerce Websites [9]
Kyle Peatt из Mobify провел детальное исследование по использованию «каруселей» на мобильных веб сайтах.

Design Details: Instagram для iOS [10]
Brian Lovin продолжает разбирать интерфейсные паттерны различных мобильных приложений.

Improve Validation Errors with Adaptive Messages [11]
Baymard Institute об адаптивных ошибках в формах.

Links are broken. These three alternatives have improved our readers’ reading experience [12]
Sebastian Kersten о проблемах классического формата расстановки ссылок в тексте (они уводят читателя посередине материала) и нескольких способах их решения.

Testing Accordion Menu Designs & Iconography [13]
Небольшой тест расположения и различных видов иконки сворачивания/разворачивания аккордеона от Viget.

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

Little Data, Big Data and Design at LinkedIn [14]
Интересный кейс о подходе исследовательской команды LinkedIn к анализу входящей информации о пользователях. Они комбинируют данные из множества источников для понимания особенностей поведения. Статья доступна только по регистрации, зато бесплатной.

Measuring Attitude Lift [15]
Выдержки из 9 главы новой книги Jeff Sauro «Customer Analytics for Dummies». Он рассказывает о методике Attitude Lift (изменение отношения пользователей). Их просят оценить отношение к продукту до и после использования и сравнивают эти показатели. Если происходит снижение уровня отношения после использования, то дело в проблемах с взаимодействием, либо у пользователей были нераельно завышенные ожидания от бренда или продукта.

Considering the Consideration Funnel [16]
Chris Risdon пишет о сложных процессах покупки товаров и услуг в интернете, когда пользователь может бросать процесс оформления заказа для более детального изучения информации, а не потому что в интерфейсе что-то не так.

Natasha Dow Schull — Addiction By Design [17]
Дизайн для зависимости. Как дизайн для достижения потока, новейшие достижения эргономики и методы управления поведением могут эффективно использоваться для темных практик UX. Natasha Dow Schull замечательно рассказывает о принципах дизайна игровых автоматов в казино.

The Paradox of Empathy [18]
Scott Jenson о четырех типах эмпатии в дизайне. В продолжение темы:

Designing For The Elderly: Ways Older People Use Digital Technology Differently [21]
Очень хороший обзор нюансов работы с пожилыми людьми от Ollie Campbell.

Особенности дизайна в Азии

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

The Ultimate Guide to Information Architecture [25]
Толковая обзорная статья об информационной архитектуре от Cameron Chapman.

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

Resonator [26]
Вышел релиз Resonator — нового расширения для Photoshop, которое помогает собирать, хранить и «нарезать» для разработчиков иконки и любую другую графику. Оно поддерживает iOS, Android, Windows Phone и ретину. Будет полезно всем мобильным, некоторым веб- и вообще всем тем дизайнерам, которые устали от постоянной ручной нарезки графики для передачи разработчикам.

Designing For Wearables To Enhance Real-Life Experience [27]
Крутой материал Jonathan Kohl о проектировании и дизайне приложений для умных часов и браслетов. Много нюансов работы с физическим устройством, контекстами его использования, историй из практики. Вторая часть статьи [28] (там не очевидная навигация между частями).

Новое для Sketch

Новое для Quartz Composer

  • Вышла вторая версия Origami [33]. Можно просматривать прототипы на устройствах, экспортировать код, подключаться к макетам в Sketch и Photoshop и много чего еще.

Designer’s Toolkit: Prototyping Tools [34]
Emily Schwartzman сделала интерактивную версию своей сравненительной таблицы инструментов прототипирования.

Новое для Apple Watch

Новое о Material Design

Things I’ve Learned About Sending Email, For Web Designers And Developers [40]
Отличная методичка Lee Munroe для дизайнеров почтовых рассылок.

Новое для Pixate

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

Mobile Prototyping With Proto.io [47]
Обзорная инструкция по работе с Proto.io на Smashing Magazine.

Новое для Adobe Illustrator

Core Animator [49]
Новый инструмент для превращения анимаций в нативный для iOS код. Анимации персонажей, инструкций, элементов пользовательского интерфейса и даже полных сцен. Подходит для дизайнеров, желающих создавать привлекательные анимации и разработчиков, замучившихся переносить эти анимации из какого-то визуализатора или инструмента прототипирования в код. Поддерживает Objective C и Swift.

Precursor — Fast prototyping web app, makes collaboration easy [50]
В новом году новые инструменты прототипирования еще не сильно раскачались, но вот свеженький. Ничего особенного в описании нет, просто до кучи.

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

How to weight data to make more balanced decisions [51]
Jeff Sauro о методах развесовки данных пользовательских исследований.

Getting to Know Your Data Types [52]
Памятка Jeff Sauro по категоризации данных пользовательских исследований.

Don’t use one way mirrors for UX research [53]
Lisa Duddington делится своим опытом работы в юзабилити-лабораториях. Она пишет о недостатках традиционной планировки лабораторий, когда используются односторонние зеркала. Такой поход устарел, вместо зеркал удобнее использовать экраны в комнате наблюдателей.

Field visits and user interviews: 7 frequently asked questions [54]
David Travis о том, когда использовать полевые исследования и лабораторные тесты.

6 Voice of the Customer Tools That Can Save Your Business [55]
Инструменты для сбора обратной связи от пользователей.

Новое о карточной сортировке

UserBrain [59]
Тестирование вашего сайта живыми людьми. Вы вводите ссылку на ваш сайт, пишите задание, живые и настоящие пользователи тестируют ваш сайт, вы получаете на почту видео с тестирований-выполнений заданий, ..., профит!

OneTwoSplit [60]
Сервис OneTwoSplit для A/B-тестирования описания приложения в AppStore и Google Play.

How We Do It: Wargaming and the User Experience [61]
Об исследованиях в Wargaming.

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

Why you should be excited about CSS shapes [62]
Отличная обзорная статья о возможностях CSS shapes, позволяющих делать эффектную журнальную верстку с обтеканием изображений по сложной маске. Правда, пока поддержка в браузерах слабая.

Frontend.md [63]
Фреймворк Frontend.md для создания живых гайдлайнов.

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

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

CSS Devices [68]
Пачка шаблонов смартфонов и планшетов, сделанных на чистом CSS. Они доступны в разных цветах и ориентациях.

Как работает CSS-анимация

Новое для Framer

A Deep Dive Into Adobe Edge Reflow [71]
Небольшая обучалка по работе с Reflow.

Designers: Start Coding With uilang [72]
Руководство для начинающих по работе с uilang.

Работа с SVG

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

Работа дизайнера в Swift

Designing For Print With CSS [98]
Отличная методичка Rachel Andrew о том, как с помощью CSS готовить печатные версии страниц. Причем возможности настолько обширные, что можно получить на выходе хорошую книжную верстку со всеми особенностями от обложки и содержания до колонтитулов и сносок. Также предлагается скрипт-генератор PDF. В продолжение темы:

Build Your Own Product Hunt With Telescope And Meteor [100]
Как создать свой Product Hunt на платформе Telescope.

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

Design and the Corporation — A Reply from Darrel Rhea [101]
Darrel Rhea очень толково описывает эволюцию дизайн-отделов в крупных компаниях. Как и для чего они были нужны в разные периоды развития профессии и рынка.

UX Debt in the Enterprise: A Practical Approach [102]
Очень толковый кейс использования понятия интерфейсного долга для переработки крупной линейки продуктов. К статье прилагается калькулятор в Excel.

Design is Valued. Now What? [103]
Luke Wroblewski, о том, что недостаточно просто нанять много хороших дизайнеров для создания отлично работающего дизайна. Нужны изменения. Чтобы компания стала действительно ориентирована на дизайн, должна меняться сама компания, должны меняться и дизайнеры.

Routines on Projects — Why They Deserve More Attention [104]
О полезных практиках, которые развивают дизайн-команду.

Radical Redesign or Incremental Change? [105]
Hoa Loranger из NN/g о «большом» редизайне: «В большинстве случаев предпочтительнее эволюционно улучшать продукт. Радикальный редизайн показан только в том случае, когда продукт настолько плох и запущен, что его невозможно заметно улучшить без полной переделки.»

PJ McCormick — Leading Projects Through Danger [106]
PJ McCormick о том, как работает UX команда Amazon.

The Road Less Travelled [107]
Выступление Mike Atherton на UX Cambridge 2014. Он рассказывал о совмещении стратегии бренда с UX- и продуктовой стратегией.

Defining User Experience Strategy [108]
Продолжение серии статей Austin Govella о UX cтратегии. Часть 5: выбор правильных целей и Часть 6: нацеливание команды [109].

UX Recipe [110]
Калькулятор стоимости дизайн-процесса в целом.

UX Hiring Handbook [111] (PDF)
Короткая брошюра Craig Morrison том, как нанимать UX дизайнеров.

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

Руководитель аналитики Lamoda: «Увеличение конверсии даже на процент для нас — большие деньги» [112]
Крутое интервью с Игорем Селицким, руководителем аналитики Lamoda. Много интересного об отслеживании поведения пользователей в e-commerce.

Data-Informed Design: Three Data Stories [113]
Третья часть из серии публикаций Pamela Pavliscak о работе с данными аналитики при проектировании интерфейсов.

It’s Kind of Cheesy Being Green [114]
Интересно о сложных маркетинговых решениях, стоящих за зеленым цветом СМС-сообщений в iOS.

The Guide to Minimum Viable Products [115]
Перевод на русский книги UXPin про MVP. В продолжение темы:

Методологии, процедуры, стандарты

Learn Design Principles [117]
Сайт-памятка по ключевым дизайн-принципам. Другие принципы:

Кейсы

Product Design Unification Case Study: Mobile Web Framework [119]
Опубликовал рассказ в виде статьи на Smashing Magazine. Редакционный процесс в издании, конечно, хардкорный — все итерации правок и доработок заняли примерно полгода. Но получилось круто — теперь я знаю, каким потом и кровью достигается их уровень качества материалов. Со временем появится продолжение про контент-проекты и техническую сторону. Русскоязычная версия [120] и републикация для сайта БЭМ [121].

<a rel="nofollow" href="https://medium.com/yakostro/ux-ae8a3b12a3b7">Особенности работы UX-дизайнера в «железном» проекте
Особенности работы над интерфейсом в «железном» проекте на примере «Симкомата». Илья Александров поделил статью на две части: об особенностях «железа» и <a rel="nofollow" href="https://medium.com/yakostro/ux-2-b39e19def99a">конкретные решения и кейсы. Будет интереснее для практикующих проектировщиков.

Designing Twitter Video [122]
Paul Stamatiou о дизайне приложения Twitter Video для iPhone.

Редакционные CMS

Emotional Design Fail: Divorcing My Nest Thermostat [124]
Kara Pernice из NN/g несколько лет пользовалась термостатом Nest, но недавно заменила его более простой моделью. В статье она разбирает свой опыт пользования термостатом от первоначального восхищения до конечного разочарования, указывая нарушения при проектировании как эвристик Нильсена, так и принципов эмоционального дизайна Дональда Нормана.

Accessibility Originates With UX — A BBC iPlayer Case Study [125]
Кейс работы над BBC iPlayer с точки зрения доступности. Он хорошо показывает, что соблюдения базовых гайдлайнов недостаточно и нужно проверять дизайн на живых людях.

Bloomberg Business’ new look has made a splash — But don’t just call it a redesign [126]
Беглый рассказ о том, как перезапускался новостной сайт Bloomberg, один из самых сильных редизайнов СМИ последнего времени. Joshua Topolsky, который приложил руку к Engadget и The Verge, летом 2014 года попал в издание и повлиял на то, каким будет итоговый результат. Обновленный раздел политики [127] они, кажется, запустили еще до него. Не менее смелый дизайн их достаточно сильной дизайн-конференции Bloomberg Business Week Design [128].

Непрошенные редизайны

История

The Future of the Web Is 100 Years Old [131]
В статье Nautilus перечислены все концепции интернета за последние 100 лет, с большим фокусом на идею Paul Otlet. Интересно, что проблему информационной перегрузки, которую во многом породило промышленное книгопечатание в 19 веке, пытались решать уже тогда.

Of Mice And Men [132]
Еще один материал о keyset, экспериментальной клавиатуре Douglas Engelbart.

Time Travel by Book [133]
Christina Wodtke выложила свою подборку книг по инфоархитектуре, которую она составляла 10 лет назад.

Тренды

The Wolff Olins Report 2015 [134]
Толковый отчет Wolff Olins о современной роли и смысле лидеров в компаниях, а также важности дизайн-мышления для них.

Прогнозы на 2015

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

On Meta-Design and Algorithmic Design Systems [139]
Rune Madsen на тему алгоритмов, генерирующих дизайн и новой роли дизайнера в таком мире.

Sorry, But Google Glass isn’t Anywhere Close to Dead [140]
Для корпоративных клиентов очки Google Glass активно поддерживаются и в этой узкой нише у них хорошие перспективы.

Skip a Beat Heart Rate Game Launch Trailer [141]
Сердечный ритм как часть инпут метода теперь и на потребительском рынке. Ожидаем роста использования алгоритма, в том числе, для лечения функциональных расстройств на основе БОС в домашних условиях в игровой форме.

Pebble Time — Awesome Smartwatch, No Compromises [142]
Pebble анонсировал Time, новое поколение своих умных часов. Про характеристики и сценарии использования говорить не так интересно, все платформы делают плюс-минус одно и то же.

Вот что действительно интересно — так это безумно крутая оркестровка анимации, сделанная на цветном e-ink. Во-первых, сам подход с плавной трансформацией элементов, когда все действия в интерфейсе выглядят одной большой и связной анимацией. По схожей модели работает material design и это новый уровень сложности для дизайнеров. Загрузчик Android, то что делает John Schlemmer [143] — вот это ориентир на ближайшее время. Это вам не дешевый чит с пружинками, которые делают из интерфейса фильм Майкла Бея — половина Дрибббла сейчас уделана этими поделками [144].

Во-вторых, то что это возможно на электронной бумаге, которую не очень-то жалуют топовые производители. Первые Pebble имели смехотворные задержки, но новая модель выдает 30 FPS — все выглядит очень и очень плавно и эффектно. И при этом держит батарейку неделю, а не умирает к началу следующего дня. Говорят, третий YotaPhone также будет использовать цветной e-ink. Если у них получится что-то похожее — нас ждет эпоха расцвета этой внезапно оказавшейся крутой для дизайна технологии.

Fashion ecommerce — Are virtual fitting rooms the silver bullet? [145]
Статья об использовании виртуальных примерочных при онлайн продаже одежды. Есть аргументы за, есть моменты ставящее под сомнение эффективность этих решений. В общем, есть куда двигаться. А статью можно почитать для общего развития и чтобы посмотреть примеры примерочных сервисов.

Новое о виртуальной реальности

Носимая электроника

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

Applied UX Strategy, part 2: The Product Designer [150]
На UXMatters вышла моя вторая статья в рамках серии о UX-стратегии, посвященная продуктовому дизайнеру. Это значительно дополненная и переструктурированная версия недавней презентации на тему [151]. Русскоязычная версия [152]. В продолжение темы:

Review: Online UX Courses [154]
Arun Joseph Martin проводит сравнительный обзор дизайна четырех сайтов с онлайн курсами по UX: All You Can Learn от UIE, Udemy, Lynda.com и SkillShare. Другие обучающие программы:

Everyday IA [156]
21 февраля — международный день Информационного Архитектора. В статье поздравления от Louis Rosenfeld. Тема 2015 года — «Архитектура счастья».

Back Pocket Apps: Let’s Reconsider the Wireframe [157]
Дизайнер Golden Krishna пишет книгу «The Best Interface is No Interface» о проектировании приложений без пользовательского интерфейса. UXBooth опубликовал главу из нее. Сайт книги [158].

Designing Case Studies — Showcasing A Human-Centered Design Process [159]
Senongo Akpem рассказывает на Smashing Magazine о создании хороших кейсов в портфолио. Как сфокусироваться на задаче и результате, а не проектных артефактах. В продолжение темы:

The UX Reader: Книга о работе UX-команды MailChimp [161]
Перевод книги UX Reader [162] от команды MailChimp — это сборник статей из их рассылки. Часть 2 [163].

Quickpanel: UX Certifications [164]
Мнения известных специалистов о UX-сертификации.

Эргономист № 39, февраль 2015 [165] (PDF)
Свежий номер Бюллетеня «Эргономист» посвящен пользовательским интерфейсам.

Khan Academy Internships [166]
Elizabeth Lin о своем стажерстве в Khan Academy.

Jonathan Shariat — Tragic Design [167]
Jonathan Shariat пишет книгу «Tragic Design» об интерфейсах, которые убивают.

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

Покупки дизайн-студий

How Paul Rand Pioneered The Era Of Design-Led Business [171]
О том, как Paul Rand добивался изменений в отношении к дизайну в крупных компаниях.

Why Design Needs Entrepreneurship (and Entrepreneurship Needs Design) [172]
Christina Wodtke о своей карьере, когда она из дизайнеров перешла в бизнес и вернулась обратно уже более опытной.

Jeffrey Veen: Next [173]
Jeffrey Veen уходит из Adobe в True Ventures в качестве дизайн-партнера. В продолжение темы:

How Startups Valued At $1 Billion Or More Put Design First [175]
Выдержка из исследования WSJ о крупнейших бывших стартапах, которая приводит компании, делающие особый фокус на дизайне. Полная версия списка [176].

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

Why Samsung Design Stinks [178]
Kevin Lee, бывший глава по продуктовой стратегии и UX в Samsung Design America, о разнице между дизайн подходами Samsung и Apple.

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

Автор: jvetrau

Источник [180]

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

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

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

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

[2] Interaction Design Best Practices — Mastering the Tangibles: http://www.uxpin.com/interaction-design-best-practices-tangibles.html

[3] Non-blocking UI’s with interface previews: http://www.callumhart.com/blog/non-blocking-uis-with-interface-previews

[4] UIIO: http://userinterfaces.io/

[5] Mobile Hustle: http://mobilehustle.tumblr.com/

[6] I’m the Fold: http://www.iamthefold.com/

[7] Amy Schade из NN/g еще раз приводит цифры по тому, когда и как пользователи прокручивают страницы: http://www.nngroup.com/articles/page-fold-manifesto/

[8] Visual Design for White Labelled Products: http://www.cooper.com/journal/2015/2/visual-design-for-white-labelled-products

[9] Carousel Usage Exploration On Mobile E-Commerce Websites: http://www.smashingmagazine.com/2015/02/09/carousel-usage-exploration-on-mobile-e-commerce-websites/

[10] Design Details: Instagram для iOS: http://blog.brianlovin.com/design-details-instagram-for-ios/

[11] Improve Validation Errors with Adaptive Messages: http://baymard.com/blog/adaptive-validation-error-messages

[12] Links are broken. These three alternatives have improved our readers’ reading experience: https://medium.com/de-correspondent/links-are-broken-these-three-alternatives-have-improved-our-readers-reading-experience-796c302c8930

[13] Testing Accordion Menu Designs & Iconography: http://viget.com/inspire/testing-accordion-menu-designs-iconography

[14] Little Data, Big Data and Design at LinkedIn: http://epicpeople.org/little-data-big-data-and-design-at-linkedin/

[15] Measuring Attitude Lift: http://www.measuringu.com/blog/measuring-lift.php

[16] Considering the Consideration Funnel: http://www.adaptivepath.com/ideas/considering-the-consideration-funnel/

[17] Natasha Dow Schull — Addiction By Design: https://www.youtube.com/watch?v=ak0HE8Y_UJY

[18] The Paradox of Empathy: https://medium.com/@scottjenson/the-paradox-of-empathy-489cb5d98e9c

[19] Глава «Как правильно слушать» из новой книги Indy Young «Practical Empathy»: http://alistapart.com/article/a-new-way-to-listen

[20] Еще один отрывок из книги Indy Young о том, как применять эмпатию для изменений внутри компании: http://uxmag.com/articles/apply-empathy-within-your-organization

[21] Designing For The Elderly: Ways Older People Use Digital Technology Differently: http://www.smashingmagazine.com/2015/02/05/designing-digital-technology-for-the-elderly/

[22] Kendra Schaefer об особенностях дизайна для китайского рынка: http://www.smashingmagazine.com/2015/02/13/china-web-design-trends-2015/

[23] Разбор интерфейса японского приложения для заказа суши: http://designmadeinjapan.com/magazine/adventures-in-japanese-ui-design-sushi-ordering-system/

[24] Особенности японского веб-дизайна: http://webdesign.tutsplus.com/articles/big-in-japan-web-design-in-the-land-of-the-rising-sun--cms-23290

[25] The Ultimate Guide to Information Architecture: http://www.webdesignerdepot.com/2015/02/the-ultimate-guide-to-information-architecture/

[26] Resonator: http://resonator.cc

[27] Designing For Wearables To Enhance Real-Life Experience: http://www.smashingmagazine.com/2015/02/10/designing-for-smartwatches-wearables/

[28] Вторая часть статьи: http://www.smashingmagazine.com/2015/02/10/designing-for-smartwatches-wearables/2/

[29] Обзорная статья с шаблоном для проектирования мобильных интерфейсов: http://www.smashingmagazine.com/2015/01/30/prototyping-ios-android-apps-sketch-freebie/

[30] Переводы самых популярных статей и туториалов для Sketch на русском: http://varhal.com/

[31] Коллекция курсоров мыши: https://dribbble.com/shots/1921640-Hand-Cursor-Icon-Sketch-and-Photoshop

[32] 6 советов по ускорению работы: https://medium.com/@lorenzvs/saving-time-in-sketch-7042142c8a8e

[33] Вышла вторая версия Origami: http://facebook.github.io/origami/

[34] Designer’s Toolkit: Prototyping Tools: http://www.cooper.com/prototyping-tools

[35] Рассказ украинской компании ELEKS Software о создании приложения-концепта для Теслы: http://elekslabs.com/2015/01/apple-watch-tesla-car-how-far-can-we-drive-them.html

[36] Бесплатные шаблоны от UI8 для Photoshop: https://ui8.net/product/applewatch-mockups-freebie

[37] Интересный способ предпросмотра приложений, когда нет устройства: https://twitter.com/MahdiF/status/570629082439942144

[38] Промо-сайт Google I/O 2015 в духе материальных предметов: https://events.google.com/io2015/

[39] Редизайн Feedly: https://medium.com/@abrodo/an-exploration-in-material-design-by-feedly-8c1a1cbdfdcd

[40] Things I’ve Learned About Sending Email, For Web Designers And Developers: http://www.leemunroe.com/sending-email-designers-developers/

[41] Pixate Studio: http://www.pixate.com/studio/

[42] Стоит $149 в год: http://blog.pixate.com/post/113442228078/hello-studio

[43] Теперь можно писать actions.: http://blog.pixate.com/post/111581211748/pixate-actions

[44] Генератор одностраничников Купаж: http://q-page.ru/

[45] Создатели плагина Aesop для WordPress запускают отдельный сервис для лонг-ридов Story.AM: https://story.am/

[46] Инструкция Всеволода Пули по созданию лонг-ридов: http://mediatoolbox.ru/longread/index.html

[47] Mobile Prototyping With Proto.io: http://www.smashingmagazine.com/2015/02/19/mobile-prototyping-with-protoio/

[48] Еще один шаблон для проектирования в Illustrator.: http://madefordesigners.com/freebies-for-designers-2015free-wireframe-apps/

[49] Core Animator: http://www.coreanimator.com/

[50] Precursor — Fast prototyping web app, makes collaboration easy: https://precursorapp.com/

[51] How to weight data to make more balanced decisions: http://www.measuringu.com/blog/weighted-experience.php

[52] Getting to Know Your Data Types: http://www.measuringu.com/blog/data-types.php

[53] Don’t use one way mirrors for UX research: http://usabilitygal.com/2015/01/28/dont-use-one-way-mirrors-for-ux-research/

[54] Field visits and user interviews: 7 frequently asked questions: http://userfocus.co.uk/articles/field-visit-faq.html

[55] 6 Voice of the Customer Tools That Can Save Your Business: http://www.usefulusability.com/6-voice-of-the-customer-tools-that-can-save-your-business/

[56] Кейс тестирования деревьев (tree trsting): http://www.optimalworkshop.com/blog/redesigning-education-website/

[57] Продолжение предыдущей статьи: http://www.optimalworkshop.com/blog/how-open-card-sorting-saved-the-day/

[58] Разбор проведения масштабной удаленной карточной сортировки с большим количеством участников (97 тегов, 37 категорий, 172 участника) и последующий анализ данных: http://www.optimalworkshop.com/blog/97-tags-37-categories-172-remote-participants-how-were-taming-our-blog-with-card-sorting/

[59] UserBrain: https://userbrain.net

[60] OneTwoSplit: http://onetwosplit.com/

[61] How We Do It: Wargaming and the User Experience: http://wargaming.com/en/articles/blog/insights/wg_partners_with_full_sail_university/

[62] Why you should be excited about CSS shapes: http://www.chenhuijing.com/blog/why-you-should-be-excited-about-css-shapes/

[63] Frontend.md: http://jameschambers.co/writing/frontend-md/

[64] Скрипт для установки всех шрифтов из Google Web Fonts на Мак: http://webfontload.com/

[65] Nick Sherman разбирает текущее состояние адаптивных шрифтов: http://alistapart.com/blog/post/variable-fonts-for-responsive-design

[66] Генератор градиентов в CSS: http://jxnblk.com/shade/

[67] Простой онлайн-инструмент для проверки цветового контраста, критичного при обеспечении доступности: http://jxnblk.com/colorable/demos/text/

[68] CSS Devices: http://lukejamestaylor.com/portfolio/css-devices/

[69] Как устроена новая эффектная анимация добавления в избранное в Твиттере: http://cssanimation.rocks/twitter-fave/

[70] Появились шаблоны Apple Watch и несколько других дополнений: http://framerjs.tumblr.com/post/110641414997/editor-and-devices

[71] A Deep Dive Into Adobe Edge Reflow: http://www.smashingmagazine.com/2015/02/17/deep-dive-into-adobe-edge-reflow/

[72] Designers: Start Coding With uilang: http://www.smashingmagazine.com/2015/02/11/designers-start-coding-with-uilang/

[73] Об использовании тега PICTURE для обратной совместимости SVG со старыми браузерами: http://sarasoueidan.com/blog/svg-picture/

[74] Библиотека для легкой подстановки контента во время скрола «за границу» в iOS/OS X: http://tholman.com/overscroll/

[75] Красиво оформленное руководство по CSS: http://tympanus.net/codrops/css_reference/

[76] Сравнение скриптов ленивой подгрузки и более оптимальный вариант: http://www.smashingmagazine.com/2015/02/03/redefining-lazy-loading-with-lazy-load-xt/

[77] Эффект сияния на кнопке: http://cssanimation.rocks/pseudo-elements/

[78] Конструктор анимированных иконок: http://www.transformicons.com

[79] Пример эффектов для визуализации обратной связи после клика: http://tympanus.net/Development/ClickEffects/

[80] Скрипт для выпрыгивающей навигации: http://codyhouse.co/gem/bouncy-navigation/

[81] Анимация добавления элементов в список: http://cssanimation.rocks/list-items/

[82] Отличные шутки на основе CSS-синтаксиса: http://saijogeorge.com/css-puns/

[83] Скрипт боковой навигации: http://codyhouse.co/gem/full-screen-pushing-navigation/

[84] Странный и не факт что практичный, но забавный контрол выбора даты: http://felicegattuso.com/projects/datedropper/

[85] Крутой эксперимент по созданию 3D-окружения средствами HTML: http://codepen.io/ge1doot/full/GgOYoy/

[86] Скрипт для автозаполнения полей ввода: http://leaverou.github.io/awesomplete/

[87] Анимированный текст через SVG: http://tympanus.net/Tutorials/AnimatedTextFills/

[88] Текстурированный текст на CSS: http://viget.com/inspire/easy-textures-with-css-masks

[89] Крутой наглядный справочник-калькулятор по различным единицам измерения в CSS: http://katydecorah.com/css-ruler/

[90] Трансформация иконки поиска на SVG и JavaScript: http://jsfiddle.net/Sandhose/ugt67nxa/

[91] Анимация отрисовки полигональных иллюстраций на SVG и JavaScript: https://css-tricks.com/polylion/

[92] Бессмысленно, но забавно — анимация адресной строки в браузере: http://glench.com/hash/

[93] Использование библиотеки для инфографики D3 вместе с flexbox: http://www.scottlogic.com/blog/2015/02/02/svg-layout-flexbox.html

[94] Очередная пачка анимаций кнопок: http://tympanus.net/Development/ButtonStylesInspiration/

[95] Несколько скриптов для аккуратной работы выпадающих меню, не убегающих от курсора мыши: https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/

[96] Meng To о работе дизайнеров в Swift: https://designcode.io/swiftapp

[97] Библиотека от Meng To, облегчающая работу с анимацией в Swift: https://github.com/MengTo/Spring

[98] Designing For Print With CSS: http://www.smashingmagazine.com/2015/01/07/designing-for-print-with-css/

[99] Как Medium делает очень аккуратную печатную версию по канонам книжного дизайна: https://medium.com/designing-medium/printing-medium-stories-89f381b903c9

[100] Build Your Own Product Hunt With Telescope And Meteor: http://www.smashingmagazine.com/2015/02/26/build-your-own-product-hunt-with-telescope-and-meteor/

[101] Design and the Corporation — A Reply from Darrel Rhea: http://cultureby.com/2015/01/design-and-the-corporation-a-reply-from-darrel-rhea.html

[102] UX Debt in the Enterprise: A Practical Approach: http://uxpamagazine.org/ux-debt-in-the-enterprise/

[103] Design is Valued. Now What?: http://www.lukew.com/ff/entry.asp?1942

[104] Routines on Projects — Why They Deserve More Attention: http://www.uxmatters.com/mt/archives/2015/02/routines-on-projects-why-they-deserve-more-attention.php

[105] Radical Redesign or Incremental Change?: http://www.nngroup.com/articles/radical-incremental-redesign/

[106] PJ McCormick — Leading Projects Through Danger: http://vimeo.com/110484775

[107] The Road Less Travelled: http://www.infoq.com/presentations/ux-work-values

[108] Defining User Experience Strategy: http://www.agux.co/blog/ux-strategy-getting-to-the-right-goals

[109] Часть 6: нацеливание команды: http://www.agux.co/blog/ux-strategy-aligning-teams-to-project-goals

[110] UX Recipe: http://uxrecipe.github.io/

[111] UX Hiring Handbook: https://dl.dropboxusercontent.com/u/771002/UX-HiringHandbook.pdf

[112] Руководитель аналитики Lamoda: «Увеличение конверсии даже на процент для нас — большие деньги»: http://siliconrus.com/2015/02/lamoda-gh/

[113] Data-Informed Design: Three Data Stories: http://www.uxmatters.com/mt/archives/2015/02/thinking-about-designing-with-data.php

[114] It’s Kind of Cheesy Being Green: https://medium.com/message/its-kind-of-cheesy-being-green-2c72cc9e5eda

[115] The Guide to Minimum Viable Products: https://medium.com/the-guide-to-mvp

[116] Книга Intercom для продукт-менеджеров на основе публикаций в их блоге: https://www.intercom.io/books/product-management

[117] Learn Design Principles: http://learndesignprinciples.com/

[118] Принципы работы хорошего UX-исследователя от Jeff Sauro.: http://www.measuringu.com/blog/25-rules.php

[119] Product Design Unification Case Study: Mobile Web Framework: http://www.smashingmagazine.com/2015/02/04/product-design-unification-case-study-mobile-web-framework/

[120] Русскоязычная версия: http://www.jvetrau.com/unification-1/

[121] републикация для сайта БЭМ: https://ru.bem.info/articles/mailru-unified-design/

[122] Designing Twitter Video: http://paulstamatiou.com/twitter-video/

[123] О работе технической команды Медузы: https://medium.com/meduza-dev/-9dbf37861e11

[124] Emotional Design Fail: Divorcing My Nest Thermostat: http://www.nngroup.com/articles/emotional-design-fail/

[125] Accessibility Originates With UX — A BBC iPlayer Case Study: http://www.smashingmagazine.com/2015/02/23/bbc-iplayer-accessibility-case-study/

[126] Bloomberg Business’ new look has made a splash — But don’t just call it a redesign: http://www.niemanlab.org/2015/01/bloomberg-business-new-look-has-made-a-splash-but-dont-just-call-it-a-redesign/

[127] раздел политики: http://www.bloomberg.com/politics/

[128] Bloomberg Business Week Design: http://www.bloombergbusinessweekdesign.com/

[129] Редизайн приложения Goodreads для iPhone: https://medium.com/@tinygoatstudio/editing-goodreads-6c0ee0ca452e

[130] Nest для iPhone: https://medium.com/weekly-redesign-challenge/redesign-challenge-6-52-nest-for-iphone-d322c6778941

[131] The Future of the Web Is 100 Years Old: http://nautil.us/issue/21/information/the-future-of-the-web-is-100-years-old

[132] Of Mice And Men: http://99percentinvisible.org/episode/of-mice-and-men/

[133] Time Travel by Book: http://eleganthack.com/time-travel-by-book/

[134] The Wolff Olins Report 2015: http://woreport.wolffolins.com/

[135] Прогнозы Dan Sung для носимых устройств в 2015: http://www.wareable.com/wearable-tech/whats-new-in-wearable-tech-for-2015

[136] Обзор приборных панелей современных авто: https://medium.com/@dnevozhai/car-dashboard-ui-collection-123ce3ab5303

[137] Студия Raureif о том, смогут ли Android Auto и Apple CarPlay поменять не самый современный UX автомобилей: https://medium.com/@raureif/is-ios-carplay-the-savior-of-in-car-ux-4a505945ce7e

[138] Инструмент для создания интерфейсов под новую платформу Nvidia Drive: http://www.nvidia.com/object/drive-studio.html

[139] On Meta-Design and Algorithmic Design Systems: http://runemadsen.com/blog/on-meta-design-and-algorithmic-design-systems/

[140] Sorry, But Google Glass isn’t Anywhere Close to Dead: http://www.wired.com/2015/02/sorry-google-glass-isnt-anywhere-close-dead/

[141] Skip a Beat Heart Rate Game Launch Trailer: https://youtube.com/watch?v=ifKvkJAknsc

[142] Pebble Time — Awesome Smartwatch, No Compromises: https://www.kickstarter.com/projects/597507018/pebble-time-awesome-smartwatch-no-compromises

[143] John Schlemmer: https://dribbble.com/johnschlemmer

[144] половина Дрибббла сейчас уделана этими поделками: https://www.facebook.com/jvetrau/posts/10152787516208250

[145] Fashion ecommerce — Are virtual fitting rooms the silver bullet?: https://econsultancy.com/blog/66058-fashion-ecommerce-are-virtual-fitting-rooms-the-silver-bullet/

[146] История одного из первых массовых коммерческих продуктов 90х, Virtuality: http://killscreendaily.com/articles/failure-launch/

[147] Толковая памятка от Fast Co Design по современному состоянию виртуальной и дополненной реальности: http://www.fastcodesign.com/3042928/the-laymans-guide-to-virtual-reality

[148] Хорошая коллекция примеров действительно полезных носимых устройств в медицине: http://www.fastcodesign.com/3042674/the-vital-if-unfun-future-of-wearables

[149] Носимая социальная сеть: http://www.fastcodesign.com/3042387/mit-invents-a-social-network-you-can-wear

[150] Applied UX Strategy, part 2: The Product Designer: http://www.uxmatters.com/mt/archives/2015/02/applied-ux-strategy-part-2-the-product-designer.php

[151] недавней презентации на тему: http://www.slideshare.net/jvetrau/design-weekend-2014

[152] Русскоязычная версия: http://www.jvetrau.com/uxstrategy-2/

[153] Cemre Güngör о разнице работы продуктового дизайнера в стартапе и большой продуктовой компании: https://medium.com/@gem_ray/a-year-of-designing-at-facebook-74ba9c292888

[154] Review: Online UX Courses: http://www.uxmatters.com/mt/archives/2015/02/review-online-ux-courses.php

[155] Курс по веб-типографике: http://betterwebtype.com/

[156] Everyday IA: https://medium.com/@louisrosenfeld/everyday-ia-d7aa7be07717

[157] Back Pocket Apps: Let’s Reconsider the Wireframe: http://www.uxbooth.com/articles/back-pocket-apps-lets-reconsider-wireframe/

[158] Сайт книги: http://nointerface.tumblr.com/

[159] Designing Case Studies — Showcasing A Human-Centered Design Process: http://www.smashingmagazine.com/2015/02/12/designing-case-studies-human-centered-design-process/

[160] Еще один материал на тему от Brittany Mederos.: http://enchant.co/2015/02/09/the-foundation-of-a-great-ux-portfolio/

[161] The UX Reader: Книга о работе UX-команды MailChimp: http://habrahabr.ru/company/friifond/blog/250605/

[162] UX Reader: http://theuxreader.com/

[163] Часть 2: http://habrahabr.ru/company/friifond/blog/250857/

[164] Quickpanel: UX Certifications: https://uxmag.com/articles/quickpanel-ux-certifications

[165] Эргономист № 39, февраль 2015: https://www.dropbox.com/s/gfa6gnbll1lmrm8/%D0%AD%D1%80%D0%B3%D0%BE%D0%BD%D0%BE%D0%BC%D0%B8%D1%81%D1%82%2039%20%D1%84%D0%B5%D0%B2%D1%80%D0%B0%D0%BB%D1%8C%202015.pdf?dl=0

[166] Khan Academy Internships: http://www.elizabethylin.com/khan/

[167] Jonathan Shariat — Tragic Design: http://tragicdesign.com/

[168] Eric Portelance о главных уроках работы в Teehan+Lax: https://medium.com/@eportelance/three-things-i-learned-at-teehan-lax-f5c5efd25ccb

[169] Еще одна статья о развитии дизайн команд в корпорациях: http://www.nojitter.com/post/240169554/the-rise-of-the-ux-design-team

[170] Tobias van Schneider о ментальной стагнации традиционной модели дизайн-агентств: https://medium.com/@vanschneider/the-agency-is-dead-long-live-the-agency-d53365e0dd9

[171] How Paul Rand Pioneered The Era Of Design-Led Business: http://www.fastcodesign.com/3042762/how-graphic-design-legend-paul-rand-ushered-in-an-era-of-design-led-business

[172] Why Design Needs Entrepreneurship (and Entrepreneurship Needs Design): http://eleganthack.com/why-design-needs-entrepreneurship-and-entrepreneurship-needs-design/

[173] Jeffrey Veen: Next: https://medium.com/@veen/next-b1364d7652cb

[174] Кажется, в России появилась похожая история — Платон Днепровский консультирует ФРИИ: https://www.facebook.com/photo.php?fbid=856750757720637&set=a.246369682092084.63529.100001571612386

[175] How Startups Valued At $1 Billion Or More Put Design First: http://www.fastcodesign.com/3042621/infographic-of-the-day/how-startups-valued-at-1-billion-or-more-put-design-first

[176] Полная версия списка: http://graphics.wsj.com/billion-dollar-club/

[177] Сессия с Aaron Draplin из Draplin Design Co. и Field Notes: https://news.layervault.com/stories/43630-im-aaron-draplin-of-the-draplin-design-co--field-notes-ask-me-anything

[178] Why Samsung Design Stinks: http://www.fastcodesign.com/3042408/why-samsung-design-stinks

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

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