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

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

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

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

Паттерны и Best Practices

IBM Design Language [2]
IBM выпустили свой визуальный язык, очень, очень и очень круто описанный, структурированный и поданный. Много интересных деталей, подходов к описанию гайдлайнов. Хотя это скорее принципы, ведь конкретных практических приложений почти нет. Никаких конкретных цифр в интерфейсной и типографической сетках, только принципы их построения. Для компании их масштаба — штат дизайнеров должен дойти до 1000 человек, а количество продуктов бесконечно — такой подход дает гибкость при соблюдении общего духа дизайна. Недавно вышли еще несколько гайдлайнов:

There is No Fold [5]
Welch Canavan собрал вместе многие известные публикации, развенчивающие миф о том, что пользователи не прокручивают страницы. Недавно вышла резонансная статья в блоге компании Huge Inc о проведенном ими исследовании на тему [6]. Хотя сам по себе миф о том, что пользователи боятся скроллинга, развенчивался много раз, то что сделали в Huge вызывает массу вопросов.

Моя коллега из юзабилити-лаборатории Ксения Стернина описывает проблемы: «Статья совершенно не научная, респонденты подобраны непонятно какие, тест проведен непонятно как, стимулы предъявлены респондентам непонятно какие. Результаты какие-то получились, может быть примерно так и есть в действительности, но тестирование проведено по-дилетантски. Ниже детали.

By testing with a broad cohort of users rather than specific segments, we can ground our findings in widely shared user needs and expectations
Здесь уже непонятно, все-таки эти юзеры, они кто? Может это младенцы или пенсионеры, или шахтеры, все-таки кто они? В научных исследованиях никогда не берут «какую-то широкую когорту». Берут совершенно конкретных людей, которых можно отнести к определённому сегменту, а потом смотрят на результат, если они все показывают одинаковый результат, то уже можно говорить, что вот в таких-то сегментах одинаковый результат. А чтобы протестировать «всех», надо тогда всех-всех и тестировать.

we can maximize the number of respondents in a short timeline — a perfect opportunity to try new and unconventional research methods and assess their pros and cons
Очень странный посыл. Они пытаются получить результаты или протестировать методы? Обычно, если тестируешь метод, то результаты не используешь особо, потому что в процессе экспериментируешь и результаты уже будут невалидные.

To find out, we conducted user testing with 48 participants over 3 days
Кто эти люди, возраст, пол, какими девайсами пользуются, какой опыт с различными сайтами?

We tested four design versions
А картинки на странице были одинаковыми? Если да, то человек уже догадается, в чем подвох, если нет, то сам контент может повлиять. Обычно тестируемые объекты подмешиваются среди других «контрольных» объектов.

Х% scrolled immediately
Это как? Через секунду, полсекунды? Сколько-то людей не скролило. Почему, интересно, может быть этих людей что-то объединяет?

Совершенно не описана методика проведения теста. Написано, что удаленные тесты, но как их проводили? Связывались с людьми и присылали ссылки? Или одну ссылку? Какие инструкции давали людям? Это очень важно, потому что всё это сильно влияет на поведение людей.»

Ранее в этом году вышла лучшая статья на тему псевдонаучности в дизайне от MJ Parnell [7]. Крайне печально, что исследование Huge, Inc разошлось по всему интернету и опубликована всем кем только можно. Да, миф о том что люди не скроллят — ложный и много раз опровергался. Но конкретно эта статья делает выводы совершенно непрофессионально.

The right way to ask users to review your app [8]
Matt Galligan из Circa рассказывает о ненавязчивом способе получить от пользователей оценку приложения. Вместо почти всегда неуместного попапа они выводят вежливый блок в интерфейсе с вопросом «понравилось ли вам приложение?». В продолжение темы:

Designing Great Organizational Services [10]
Laura Keller описывает принципы создания хороших интерфейсов для внутрикорпоративных инструментов, которые, как правило, имеют очень бледный вид.

Design Explosions Issue #1: Mapping on iOS [11]
Картографистам и проектировщикам гео-ориентированных сервисов на заметку. Серьезное погружение и детальный разбор нативных карт Google и Apple для iOS. Паттерны, области взаимодействия, механизмы установки меток, разметка областей приложения, маршруты и навигация… Очень зорко разобрано «на запчасти» и описано до последних мелочей.

E-Commerce Checkouts Need to Mark Both Required and Optional Fields Explicitly (Only 9% Do So) [12]
По результатам своего свежего исследования Baymard рекомендуют явно отмечать и обязательные, и необязательные поля формы.

Empty States [13]
Коллекция Empty States перешла на отдельный домен.

Stars and Stripes and ISO Codes [14]
Antoine Lefeuvre о тонкостях дизайна при переключении язывов на многоязычных сайтах и приложениях. В продолжение темы:

Can designers steal the best pricing techniques from restaurants? [16]
Интересное выкладки из пары исследований ценообразования в ресторанах и вебе. Если рядом с суммой не указана валюта, люди охотнее платят.

Android vs iOS Start Experience [17]
Luke Wroblewski сравнивает процессы первоначальной настройки iPad и Android-планшетов. В продолжение темы:

The Highlight 2014 — UI Animations [19]
Подборка лучших интерфейсных анимаций по версии Beautiful Pixels. Многие примеры весьма спорные, но сами паттерны интересные.

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

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

Spark Innovation Through Empathic Design [23]
Dorothy Leonard и Jeffrey F. Rayport рассказывают о полевых исследованиях. Процесс описан дежурно, но в статье огромнейшее количество крутых историй от крупных компаний, как они находили инсайты и меняли продукты.

The Uncanny Valley is Uncanny [24]
Профессор Nicholas Bowman об эффекте «зловещей долины» в UX: в играх, для Siri, в NUI.

Facebook Science Has Another Problem — It’s Not Exactly Science [25]
В продолжение истории с нашумевшим исследованием Facebook по управлению эмоциями. Говорят, такие исследования и вовсе ненаучны.

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

The Customer Journey to Online Purchase [26]
Новый сервис в рамках Think with Google собрал анонимные (ага, конечно) данные веб-аналитики с 42 000 сайтов (тут сглотнули все, кому конфиденциальность не позволяет ставить Google Analytics) и сделал на их основе отличный инструмент для изучения пути пользователя к покупке в разных сегментах, рынках и странах. Краткое руководство в виде PDF [27].

How to Use Customer Experience Maps to Develop a Winning Content Marketing Strategy [28]
Памятка от Demian Farnsworth по созданию experience maps.

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

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

  • <a rel="nofollow" href="https://medium.com/romanshamin/size-marks-46974cdad9a1">Size Marks — скрипт для Фотошопа, который помогает расставлять размерные метки на макете.

PaperProto [30]
Новый подход к шаблонам для бумажного проектирования. Помимо удобной разбивки стандартных листов по экранам, к нему прилагается модель телефона для 3D-принтера, в которую можно загнать нарисованные на бумаге скетчи.

Новое для Sketch

Новое о Material Design

Новое для Android Wear

Новое об Apple Watch

Новое о письмах рассылки

Tizen UX Guide [55]
Серьезно обновлены гайдлайны мобильной ОС Tizen, которую развивают Самсунг и Интел на базе закрытой пару лет назад MeeGo. Самсунг постоянно грозится вкладывать в нее основные силы, но пока вышли всего несколько устройств.

7 tips for designing awesome animated GIFs [56]
7 советов от InVision по созданию гифок с интерфейсной анимацией. И тут же — инструкция по созданию анимированной иллюстрации в связке Illustrator и Photoshop [57].

Новое для iPhone

Новое для iPad

Шаблоны для Android

Новое для Marvel App

Новое для Adobe Fireworks

Duet Display [66]
Еще один вариант быстрого отображения экрана Мака на iPhone и iPad. Приложение будет полезно для быстрого просмотра макетов на устройстве через кабель.

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

UX Check [67]
Дешевый и быстрый способ проведения экспертной оценки по ключевым эвристикам Нильсена. Это плагин для Chrome, который открывает панель со списком эвристик, позволяет делать пометки на странице и экспортировать это все в документ Word.

3 Ways to Select the Perfect Method for your Research Goal [68]
Indi Young создала свою методику подбора методов исследований. Всё зависит в первую очередь от цели исследований: ищем ли мы новые идеи для нашего продукта либо проводим оценку уже существующей функциональности. Исследования также могут быть направлены либо на сам продукт, либо на пользователей, их поведение и ощущения.

Lean-исследования

How Speeders Affect Online Research [71]
Jeff Sauro пытается понять, насколько эффективны способы отсечения недобросовестных респондентов опросов, в первую очередь проверка скорости заполнения. Все не так однозначно — за исключением совсем очевидно фейковых случаев, скорость влияет на качество не очень явно и просто отсекать таких респондентов нельзя.

Revisiting the Pile-Sort Method of User Research [72]
Hang Guo, Khasfariyati Razikin и Muhammad Hatib о вариации метода карточной сортировки.

Why Do We Conduct Qualitative User Research? [73]
Хорошая аналогия об отличиях качественных и количественных исследований в блоге Mozilla.

The 7 Deadly Sins of User Research [74]
David Travis о 7 смертных грехах исследования пользователей.

Redesigning Your Website? Don’t Ditch Your Old Design So Soon [75]
Hoa Loranger из NN/g о методике конкурентного юзабилити-тестирования, когда кроме вашего собственного продукта, тестируется и несколько продуктов ближайших конкурентов.

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

Fuse [76]
Новый инструмент для создания интерактивных прототипов и трансляции их в код для Android и iOS. В отличии от большинства недавно появившихся инструментов, Fuse Tools изначально ориентирован на тесную связку дизайнер-программист. Интерактивный прототип, который вы делаете с помощью инструмента является, по сути, хорошо написанным приложением на нативном для платформы коде.

Plexi [77]
Очередной новый инструмент для дизайнеров, на этот раз в браузере. Его делает Colm Tuite и он пока в альфа-состоянии, но его уже можно попробовать. Демо функции состояний объекта [78].

Prototyping with Form for the first time [79]
Достаточно развернутая инструкция по работе с Form, Origami-подобным инструментом для интерактивного прототипирования, который недавно был куплен Google.

Новые визуальные редакторы контента

  • Qards [80] — очередной инструмент для создания промо-сайтов, на этот раз от Designmodo. Является, по сути, визуальным редактором страниц для WordPress.
  • Гайдлайны и макеты дизайна The Grid [81].

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

Работа с SVG

Typecast is Now Free [99]
Относительно недавно обновился Typecast — инструмент для создания визуально привлекательного и семантически выстроенного дизайна, проверки на читабельность, правильность рендера в браузерах и общую гармоничность — он стал бесплатным для дизайнеров, работающих в одиночку. Этим анонсом открывается ветка про веб-типографику: техники, скрипты, инструменты, руководства и многое другое:

How to Implement Color Search [101]
Elif Ceren Dik рассказывает об опыте создания хорошего подборщика цветовых решений для пользователей сервиса JotForm согласно теории цвета. Многие сталкиваются с похожими задачами, так что в этой ветке будут собираться материалы по алгоритмическим решениям подбора цветов. В продолжение темы:

Creating Animations and Interactions with Physical Models [103]
Ralph Thomas подробно и с наглядными интерактивными примерами разбирает физическую модель анимации. Проект доступен на GitHub для собственных экспериментов. В продолжение темы:

Tumult Hype Pro 3 (Beta) [105]
Появилась бета инструмента для дизайнеров Tumult Hype Pro 3. Обещают интерактивные повторно используемые анимированные объекты с физической моделью и адаптивность для сайтов, iBooks, рекламы.

Noodl Beta [106]
Появилась бета Noodl, недавно анонсированного инструмента для всего цикла прототипирования: анимаций, интерактивных взаимодействий и всего процесса работы с прототипом. Ее можно установить в виде расширения для Chrome.

Some thoughts on «designing in the browser» [107]
Stephen Hay о том, что обеим сторонам популярного в последние годы дискурса «должен ли дизайнер уметь верстать» нужно не бросаться в крайности.

Новое для Framer

Новое для Quartz Composer

Новое для Bootstrap и Foundation

Обзоры инструментов

JavaScript для дизайнеров [116]
Обучающие статьи для дизайнеров по работе с JavaScript от Дмитрия Пояркова. Для дизайнеров, правда, условно — это просто простая методичка для начинающих. Другие руководства для начинающих не-разработчиков:

Touchstone.js [119]
Фреймворк для сборки гибридных приложений для iPhone.

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

UX Leadership, Part 1: The Nature of Great Leaders [120]
Jim Nieters и Pabini Gabriel-Petit открывают серию статей о UX-менеджерах и лидерстве. Очень толково, хотя предварительная статья была менее системной. В продолжение темы:

The 5 Most Common Design Mistakes [122]
Julie Zhuo из Facebook о главных ошибках в дизайне продуктов. Слишком жесткие ограничения при изначальном исследовании пространства проблем и решений, слишком ранняя детализация одного из решений, принятие хорошего исполнения за хороший продукт, перекос в сторону стиля вместо смысла, фокусирование не на тех деталях.

How to collaborate with your product manager [123]
Ondřej Válka описывает форматы взаимодействия продуктового дизайнера с продукт-менеджером. Это одна из самых плотных связок в команде.

Wonderful Client Feedback [124]
Памятка для клиентов на тему критики дизайна.

Making User Experience Part of Business Strategy [125]
Колонка UXMatters на тему интеграции UX с бизнес-стратегией.

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

Defining Data [126]
Pamela Pavliscak продолжает серию публикаций о работе с данными аналитики при проектировании интерфейсов. Вторая часть посвящена определению терминологии.

Pendo [127]
Стала доступна бета-версия инструмента продуктовой аналитики Pendo. Помогает оценивать востребованность функций веб-продукта и общаться с пользователями, которые используют сервис прямо сейчас.

Segment Analytics Data Using Personas [128]
Aurora Bedford из Nielsen/Norman Group пишет об использовании персонажей для сегментирования данных аналитики.

Кейсы

Designing for Harmony [129]
Один из самых крутых кейсов перестройки дизайна в больших компаниях. Как Intuit, ведущий производитель ПО для личного и корпоративного финансового учета, переосмыслил себя, выстроил дизайн-культуру и создал экосистему Harmony [130].

Data Driven Products Now! [131]
Очень интересная презентация Dan McKinley из Etsy о том, как компания пришла к про-активному анализу данных при запуске новых функций и сервисов. Во второй части делаются подробные расчеты ROI для пары фич, которые они планировали запускать.

https://speakerdeck.com/mcfunley/data-driven-products-now">Data Driven Products Now!

93% пользователей, довольных редизайном: как мы разрабатывали Септиму [132]
Мой коллега Андрей Сумин рассказывает о процессе запуска новой версии Почты Mail.Ru, которая стала доступна всем пользователям в этом году. Детально по всем шагам постепенной выкатки на все большее количество пользователей с кучей цифр и статистики. Полезно для всех, кто имеет дело с продуктами с большой устоявшейся аудиторией — как не растерять ее.

How to Design for Everybody [133]
Еще один толковый кейс редизайна гос.сайтов. Rachel Haot рассказывает о новом NY.gov и особенностях работы над ним. В ее блоге на Medium [134] есть и другие истории об этом запуске.

Our GDS user research lab is 6 months old [135]
О первых 6 месяцах существования юзабилити-лаборатории GOV.uk. Много интересных выводов, рекомендаций и отзывов менеджеров.

The Numbers Game — Behind the Scenes at Microsoft’s Xbox Playtesting Labs [136]
Как проводятся исследования игроков в юзабилити-лаборатории Microsoft Xbox.

Дизайнеры «Яндекс.Браузера» о том, как не мешать людям [137]
Константин Горский и Геннадий Лахтин рассказывают о работе над экспериментальным интерфейсом Яндекс.Браузера, который был представлен в конце ноября. Еще немного их ответов на вопросы о продукте [138].

How Lumosity Spiked Active Users 10% with Complexity, Not Simplicity [139]
Интересный кейс команды обучающего сервиса Luminosity, в котором они рассказывают об экспериментах с процессом первого захода пользователя. Они добавили несколько вопросов наподобии теста в onboarding и оказалось, что это не только не роняет конверсию, но увеличивает вовлеченность. Кажется, Евгения Жадяева рассказывала о похожем опыте LinguaLeo.ru [140] на UX-Среде [141].

Как мы автоматизировали работу редакции и к чему это привело [142] (выступление Алексея Аметова и Романа Худоногова)
Выступление Романа Худоногова и Алексея Аметова о внутренних редакционных процессах в LAM. Слайды [143]. Они думают о том, чтобы сделать Arcticle публично доступным продуктом и если все срастется, то анонс будет весной.

Новые кейсы редизайна

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

Designing a mobile interface for older people [147]
Tomáš Slavíček о принципах дизайна мобильных интерфейсов для пожилых людей на примере приложения KoalaPhone. Другие истории дизайна для людей с ограничениями:

История

UX Maturity: Intuition [150]
Dirk Knemeyer пишет краткую историю становления UX в 6 частях. Часть первая: «80е: дизайн, основанный на интуиции». Продолжение:

Новое об истории веба

A brief history of web design for designers [156]
Еще одна GIF-статья от Froont с наглядной историей подходов к дизайну в вебе.

Тренды

Fjord Trends 2015 [157]
Началась публикация прогнозов по трендам 2015 года. Fjord описывает свои девять, касающихся дизайна и инноваций.

Работа с фаблетами

Banks Are Vying To Out-Nerd Each Other For Your Attention [160]
Об экспериментах крупных американских банков с новыми форматами взаимодействия. В продолжение темы:

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

Инди-интерфейсы
Интересные интерфейсные концепты и инди-продукты на Kickstarter [165] и Indiegogo [166] теперь также собираются в группе. В отличие от того что делают внутренние исследовательские лаборатории Microsoft, Google, PARC, IBM, Disney, AT&T, MIT Media Lab и других компаний, эти штуки можно спонсировать и спустя полгода-год потрогать руками.

Enhancing User Experience With The Web Speech API [171]
Обзор возможностей нового голосового API, который начинает появляться в браузерах. Он позволяет распознавать речь и озвучивать тексты на страницах и находится на ранней стадии проработки W3C.

Designing For the Slow Web [172]
Ben Rowe о концепции Slow Web/Fast Web, аналогии понятий Fast Food/Slow Food. В Slow Web пользователь сам распоряжается своим временем и вниманием. Никуда не надо торопиться, никто не отвлекает без повода. Основные принципы Slow Web:

  1. Лучше иметь меньше функциональности, но с более качественным взаимодействием.
  2. Нет уведомлениям без необходимости.
  3. Нет чувству срочности без необходимости, дайте пользователям расслабиться.
  4. Не задерживайте пользователей в сети без необходимости. Отправляйте их в реальный мир.
  5. Уважение к пользователю, наконец.

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

Интерфейсы в кино

An End to User-Based Thinking — Biological Perspective [176]
Алена Лугина предлагает считать устаревшим понятие «пользователь». Оно формирует процесс работы над дизайном таким образом, что это некий объект, для которого ученые в белых халатах создают решения в лаборатории. В то время как лучше создавать интерфейсы совместно с людьми в формате ко-дизайна.

DesignX — A Future Path for Design [177]
Don Norman предлагает понятие DesignX, описывающие методы, подходы и специальности для решения сложных социальных проблем. Его ответы на вопросы [178].

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

Design’s (Dis)Orders & Transition Design [179]
Cameron Tonkinwise о философии дизайна и его уровнях, а также Transition Design. Разбирается много моделей дизайна.

Discover Design — Study design trends on your phone [180]
Интересная обучалка мобильному дизайну, которая работает только на телефоне. Основано на материалах известных специалистов отрасли вроде Luke Wroblewski, Khoi Vinh, Paul Adams и других.

Designers:Watch [181]
Сайт-коллекция ключевых дизайнерских фильмов со ссылками на сервисы онлайн-просмотра. Люди, исторические процессы, направления. Русскоязычная версия [182].

UXMas 2014 [183]
Создатели ресурса UX Mastery в третий раз запустили накануне Рождества мини-сайт UXMas. В этом году будут опубликованы 24 статьи. В продолжение темы:

Great Digital Products Don’t Happen By Accident [185]
Статья David Gillis из Teehan+Lax на основе его выступления о продуктовом дизайне.

32 myths to be dispelled [186]
32 плаката о мифах UX.

What’s a Pixel? [187]
В продолжение известной статьи Sebastien Gabriel, еще одна простая памятка по основным понятиям отображения на экранах.

The Urban Dictionary Of Design Slang [188]
Fast CoDesign собрали дизайнерский словарь из серьезных и едких рабочих терминов, пообщавшись со специалистами из известных студий и продуктовых компаний. В продолжение темы:

Конспект «Умного дизайна» Джеффа Джонсона [190]
Дмитрий Сафронов подготовил конспект книги Джеффа Джонсона «Умный дизайн» (бестселлер Амазона, в оригинале — «Designing with the mind in mind»). Сама книга в распродаже [191].

Screeny — Let’s find those space consuming screenshots [192]
Приложение Screeny для iPhone позволяет вычленить из общего фотопотока коллекцию скриншотов, которая обычно растет достаточно хаотично, а разобрать ее не хватает времени. Правда, их можно только удалить, но даже в таком виде это полезный инструмент для тех, кто активно исследует существующие приложения.

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

Покупки дизайн-студий крупными компаниями

The Utopian UI Architect [194]
Спец.проект BMW на Medium выпустил статью о том, чем сейчас занимается Bret Victor.

AMA: I’m Nicholas Felton (aka Feltron), an information designer in NYC [195]
Сессия вопросов и ответов с Nicholas Feltron на Designer News.

Design education is «tragic» says Jonathan Ive [196]
Развернутый конспект выступления Jony Ive в лондонском Design Museum.

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

Upcoming Web Design Events (Dec. 2014 — June 2015) [197]
Основные европейские и американские события UX и веб дизайна первого полугодия 2015 года.

Warm Gun 2014 [198]
Видео выступлений с конференции Warm Gun 2014, которая проходила 4 декабря в Сан-Франциско, США. Выступающие, на которых стоит обратить внимание: Kim Goodwin, Dey Traynor, Christina Wodtke, PJ McCormick, Leah Buley, Samuel Hilick.

Gain — AIGA Design and Business Conference 2014 [199]
В конце октября в Нью-Йорке прошла конференция Gain 2014 от ассоциации AIGA, посвященная теме редизайна бизнеса. Видео выступлений [200].

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

Автор: jvetrau

Источник [202]

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

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

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

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

[2] IBM Design Language: http://www.ibm.com/design/language/

[3] Buffer: https://bufferapp.com/style-guide

[4] NASA: https://users.cs.jmu.edu/bernstdh/web/common/policies/NASA_StyleGuide_Nov06.pdf

[5] There is No Fold: https://storify.com/xiwcx/there-is-no-fold-1

[6] о проведенном ими исследовании на тему: http://hugeinc.com/ideas/perspective/everybody-scrolls

[7] лучшая статья на тему псевдонаучности в дизайне от MJ Parnell: http://mjparnell.com/bullshit_science_ux_design/

[8] The right way to ask users to review your app: https://medium.com/circa/the-right-way-to-ask-users-to-review-your-app-9a32fd604fca

[9] О связанном понятии получения маленьких обязательств от пользователя: http://appcues.com/academy/consistency-principle/

[10] Designing Great Organizational Services: http://www.uxmatters.com/mt/archives/2014/12/designing-great-organizational-services.php

[11] Design Explosions Issue #1: Mapping on iOS: https://medium.com/@uxlaunchpad/design-explosions-mapping-on-ios-ad4ec6ba5c59

[12] E-Commerce Checkouts Need to Mark Both Required and Optional Fields Explicitly (Only 9% Do So): http://baymard.com/blog/required-optional-form-fields

[13] Empty States: http://emptystat.es/

[14] Stars and Stripes and ISO Codes: http://alistapart.com/column/stars-and-stripes-and-iso-codes

[15] Julia Rozwens о тонкостях процесса локализации сайтов. Процесс, инструменты, культурные особенности: http://www.smashingmagazine.com/2014/12/03/how-to-conduct-website-localization/

[16] Can designers steal the best pricing techniques from restaurants?: http://thenuschool.com/can-steal-restaurants-best-pricing-techniques/

[17] Android vs iOS Start Experience: http://www.lukew.com/ff/entry.asp?1937

[18] Обзор настроек разных мобильных платформ: http://setentaydos.com/the-ux-of-mobile-settings/

[19] The Highlight 2014 — UI Animations: http://beautifulpixels.com/highlight/the-highlight-2014-ui-animations/

[20] Тенденции китайских мобильных приложений: http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html

[21] О состоянии китайского веб-дизайна: http://webdesign.tutsplus.com/articles/notes-from-behind-the-firewall-the-state-of-web-design-in-china--cms-22281

[22] UX в Японии: http://wyattjenkinsproduct.tumblr.com/post/94376980744/japanese-user-experience

[23] Spark Innovation Through Empathic Design: https://hbr.org/1997/11/spark-innovation-through-empathic-design

[24] The Uncanny Valley is Uncanny: http://www.uxbooth.com/articles/the-uncanny-valley-is-uncanny/

[25] Facebook Science Has Another Problem — It’s Not Exactly Science: http://www.fastcolabs.com/3039236/facebook-science-has-another-problem-its-not-exactly-science

[26] The Customer Journey to Online Purchase: https://www.thinkwithgoogle.com/tools/customer-journey-to-online-purchase.html

[27] Краткое руководство в виде PDF: https://storage.googleapis.com/think/docs/measure-what-matters-most_articles.pdf

[28] How to Use Customer Experience Maps to Develop a Winning Content Marketing Strategy: http://www.copyblogger.com/customer-experience-maps/

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

[30] PaperProto: http://paperproto.com/

[31] Шаблоны iPhone 6, 6 Plus, Apple Watch: http://www.sketchappsources.com/free-source/946-ux-diagrams-kit-iphone-apple-watch-sketch-freebie-resource.html

[32] Шаблон для прототипирования: http://blog.teracy.com/2014/12/08/free-teracy-wireframe-kit-for-sketch/

[33] Плагин, позволяющий добавлять слои в избранное: https://github.com/turbobabr/Bookmarker

[34] Плагин для комментирования артбордов: http://marcosvid.al/sketch-notebook/

[35] Форум по Sketch: http://talk.sketchapphub.com/

[36] Плагин, позволяющий быстро использовать фото из Instagram в качестве картинок для макета: https://github.com/abynim/SketchSquares

[37] использует похожее решение для автоматизации части работ над типовыми экранами: https://medium.com/@iansilber/design-tools-at-instagram-4f5867afa4f4

[38] Sebastien Gabriel, Jearn-Marc Denis и Philippe Hong о своем опыте перехода на Sketch: https://medium.com/@KounterB/making-the-switch-a5e73642c4c3

[39] Забавная компания в духе PSD→HTML, только для верстки макетов из Sketch: http://www.sketchtohtml.com/

[40] Axure UI Kit: http://wearebridge.co/ux-tools/Axure-MATERIAL-UI-Kit/home.html

[41] Huge Inc делали сайт Google Design и помогли структурировать все наработки по гайдлайнам: http://hugeinc.com/case-study/material-design

[42] CSS-фреймворк: http://material-ui.com/

[43] Мощный сайт с примерами взаимодействий material design: http://material.cmiscm.com/

[44] 4 собственных типа материалов: жвачка, зефирка, леденец и мармеладка: http://five.agency/the-shape-of-materials-to-come/

[45] Операционка на базе Linux с material design: http://geektimes.ru/post/241986/

[46] Генератор цветов в палитре material design: http://www.materialpalette.com/

[47] Студия ustwo о своей работе над циферблатами для Android Wear: http://www.wired.com/2014/12/googles-new-smartwatch-faces-look-beyond-time-telling

[48] Кейс циферблатов на сайте ustwo: http://wear.ustwo.com/

[49] David Hoang о своей стратегии дизайна приложений для Apple Watch, до их поступления в продажу: https://medium.com/@davidhoang/designing-for-apple-watch-before-it-even-ships-1343631a7220

[50] В официальных ресурсах для дизайнеров добавились шаблоны для Sketch: https://developer.apple.com/watchkit/

[51] Почему большинство современных умных часов и браслетов бесполезны для изменения поведения: http://boxesandarrows.com/plateaus-are-harder-than-mountains/

[52] Сервис по превращению ваших дизайн-макетов в работающий HTML для рассылки по электронной почте: http://mailmalade.com

[53] Как и зачем встраивать видео в электронные письма: http://wistia.com/content/using-video-in-email

[54] 100 лучших рассылок 2014 по версии Campaign Monitor: https://www.campaignmonitor.com/guides/best-email-marketing-campaigns/

[55] Tizen UX Guide: https://developer.tizen.org/ru/documentation/ux-guide

[56] 7 tips for designing awesome animated GIFs: http://blog.invisionapp.com/7-tips-for-designing-awesome-gifs/

[57] инструкция по созданию анимированной иллюстрации в связке Illustrator и Photoshop: http://veerle.duoh.com/design/article/creating_an_animated_gif_in_illustrator_photoshop

[58] Еще пачка шаблонов iPhone 6 Plus для Photoshop от Pixeden: http://www.pixeden.com/psd-mock-up-templates/3d-iphone-6-plus-psd-vector-mockup

[59] Шаблоны iPhone 6 Plus для Photoshop от UI Fest: http://uifest.com/product/iphone-6-plus-mockup-set-1

[60] Шаблон скриншотов для AppStore от Michael Flarup: https://dribbble.com/shots/1831340-iPhone-Screenshot-Template-1-0

[61] Шаблоны iPad для Photoshop от Shakuro: https://dribbble.com/shots/1816627-Free-iPad-mockups

[62] Шаблоны Samsung Galaxy S5 для Photoshop от Pixeden: http://www.pixeden.com/psd-mock-up-templates/samsung-galaxy-s5-psd-mockup

[63] Marvel получил еще один раунд финансирования и будет развиваться: http://techcrunch.com/2014/12/01/marvel-at-this-cheque/

[64] Появилось приложение и для Android: https://play.google.com/store/apps/details?id=com.marvelapp

[65] О работе с CSS-свойствами в Fireworks: http://www.smashingmagazine.com/2014/12/10/mastering-fireworks-css-properties-panel-css-professionalzr/

[66] Duet Display: http://www.duetdisplay.com/

[67] UX Check: http://www.uxcheck.co/

[68] 3 Ways to Select the Perfect Method for your Research Goal: http://uxmas.com/2014/3-ways-to-select-the-perfect-method-for-your-research-goal

[69] Jeff Sauro о быстром удаленном тестировании, организованном и проведенном за 6 часов: http://www.measuringu.com/blog/agile-usability.php

[70] Stef Miller из UserTesting о том, как этот инструмент удаленного тестирования позволил в течение дня понять востребованность субпродукта компании: http://www.usertesting.com/blog/2014/12/04/launch-mvp/

[71] How Speeders Affect Online Research: http://www.measuringu.com/blog/speeder-research.php

[72] Revisiting the Pile-Sort Method of User Research: http://www.uxmatters.com/mt/archives/2014/12/revisiting-the-pile-sort-method-of-user-research.php

[73] Why Do We Conduct Qualitative User Research?: https://blog.mozilla.org/ux/2014/10/why-do-we-conduct-qualitative-user-research/

[74] The 7 Deadly Sins of User Research: http://www.userfocus.co.uk/articles/7-sins-of-user-research.html

[75] Redesigning Your Website? Don’t Ditch Your Old Design So Soon: http://www.nngroup.com/articles/redesign-competitive-testing/

[76] Fuse: http://www.fusetools.com

[77] Plexi: http://design-tool.herokuapp.com/

[78] Демо функции состояний объекта: https://www.dropbox.com/s/lvh1faqe2oqq409/designtool-demo.mov?dl=0

[79] Prototyping with Form for the first time: https://medium.com/@makeshowlearn/prototyping-with-form-for-the-first-time-a2cf2982a952

[80] Qards: http://designmodo.com/qards/

[81] Гайдлайны и макеты дизайна The Grid: https://www.behance.net/gallery/21817975/The-Grid-Website-

[82] Скрипт, позволяющий менять перспективу изображений: http://tympanus.net/Tutorials/TiltedContentSlideshow/

[83] Симпатичный скрипт для фотогалерей: http://photoswipe.com/

[84] Интересные эффекты появления/сокрытия попапов: http://tympanus.net/Development/DialogEffects/index.html

[85] Набор компонентов с простым внедрением и легкой кастомизацией для веб-разработчика: http://formstone.it

[86] Эластичные меню и кнопки на SVG: http://tympanus.net/Development/ElasticSVGElements/

[87] Простой современный текстовый WYSIWYG-редактор: http://neilj.github.io/Squire/

[88] Календарь на чистом CSS: http://codepen.io/davidkpiano/full/wBGjMr/

[89] Еще один текстовый WYSIWYG-редактор а-ля Medium: http://michelson.github.io/Dante/

[90] Как работать с библиотекой Chartist.js для динамической инфографики: http://www.smashingmagazine.com/2014/12/16/chartist-js-open-source-library-responsive-charts/

[91] Лента новых скриптов на сайте Front-End Front: http://frontendfront.com/

[92] Скрипты для анимации заголовков с помощью CSS: http://codyhouse.co/gem/css-animated-headlines/

[93] До чего анимированный SVG дошел: http://codepen.io/rafszul/pen/bNERPL

[94] Визуализация потока частиц в трехмерном пространстве (WebGL): http://david.li/flow/

[95] Сервис, сканирующий топ-1000000 сайтов на предмет использования Javascript-библиотек и/или известных скриптов: http://libscore.com/

[96] Evil Icons — набор бесплатных SVG-иконок для сайтов и веб-приложений. Node.js-пакет и Ruby-гем для разработчиков, .ai и .sketch для дизайнеров: http://evil-icons.io

[97] Особенности рендеринга SVG в Chrome и Safari: http://opticalcortex.com/svg-rendering-in-browsers/

[98] Разбор техник работы с SVG-спрайтами: http://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/

[99] Typecast is Now Free: https://typecast.com

[100] Adam Beres-Deak описывает техники подгрузки кастомных шрифтов без дергания с использованием localStorage: http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html

[101] How to Implement Color Search: https://medium.com/jotform-form-builder/how-to-implement-color-search-96698bb5c659

[102] Генератор CSS-анимации для сложных градиентов: http://www.gradient-animator.com/

[103] Creating Animations and Interactions with Physical Models: http://iamralpht.github.io/physics/

[104] Разбор базовых принципов CSS-анимации: http://robots.thoughtbot.com/css-animation-for-beginners

[105] Tumult Hype Pro 3 (Beta): http://tumult.com/hype/beta/

[106] Noodl Beta: http://www.getnoodl.com/install/

[107] Some thoughts on «designing in the browser»: http://www.the-haystack.com/2014/12/23/some-thoughts-on-designing-in-the-browser/

[108] Не то чтобы полезная, но забавная галерея экспериментов во Framer: http://makeshowlearn.com/protovember-recap/

[109] Браузер без элементов управления, который отлично подходит для просмотра прототипов из Framer: http://stakes.github.io/Frameless/

[110] Новый ориентир в прототипах мобильных интерфейсах — использование реальных и актуальных данных: https://medium.com/@gk3/using-parse-to-power-up-your-framer-prototypes-88cb87009d00

[111] коллекцию патчей для Quartz для анимации интерфейсов ТВ-приложений: https://dribbble.com/shots/1829383-TV-Tools-for-Quartz-Composer

[112] на GitHub: https://github.com/quartzfordesigners

[113] Базовое решение для использования связки Foundation и Jekyll: https://github.com/aaronkwhite/foundation-jekyll

[114] Обзор инструментов для интерактивного прототипирования: http://enchant.co/2014/11/28/top-prototyping-tools-for-interaction-designers/

[115] Еще один сравнительный обзор современных инструментов: http://www.moneysummit.com/the-summit/2014/12/10/9-mobile-prototyping-tools-every-designer-should-consider

[116] JavaScript для дизайнеров: http://js.strash.ru/

[117] Ёмкий FAQ от Романа Шамина на тему того, нужно ли дизайнеру уметь верстать: https://medium.com/design-news-russia-ru/2c3eb83c7f11

[118] хорошие доходчивые виде-оуроки подкрепленные упражнениями на собственной веб-платформе: https://www.codeschool.com/

[119] Touchstone.js: http://touchstonejs.io/

[120] UX Leadership, Part 1: The Nature of Great Leaders: http://www.uxmatters.com/mt/archives/2014/12/ux-leadership-part-1-the-nature-of-great-leaders.php

[121] Крутейшая статья Julie Zhuo о том, что такое лидерство в дизайне: https://medium.com/the-year-of-the-looking-glass/owning-it-c1036506ccc9

[122] The 5 Most Common Design Mistakes: https://medium.com/the-year-of-the-looking-glass/the-5-most-common-mistakes-in-design-52816ab77b3d

[123] How to collaborate with your product manager: http://blog.invisionapp.com/how-to-collaborate-with-your-product-manager/

[124] Wonderful Client Feedback: http://wonderfulfeedback.com/

[125] Making User Experience Part of Business Strategy: http://www.uxmatters.com/mt/archives/2014/12/making-user-experience-part-of-business-strategy-understanding-a-products-target-culture.php

[126] Defining Data: http://www.uxmatters.com/mt/archives/2014/12/defining-data.php

[127] Pendo: http://www.pendo.io/

[128] Segment Analytics Data Using Personas: http://www.nngroup.com/articles/analytics-persona-segment/

[129] Designing for Harmony: http://boxesandarrows.com/designing-for-harmony/

[130] Harmony: http://harmony.intuit.com/

[131] Data Driven Products Now!: https://speakerdeck.com/mcfunley/data-driven-products-now

[132] 93% пользователей, довольных редизайном: как мы разрабатывали Септиму: http://habrahabr.ru/company/mailru/blog/245099/

[133] How to Design for Everybody: https://medium.com/@rachelhaot/how-to-design-for-everybody-4b2870724c4

[134] ее блоге на Medium: https://medium.com/@rachelhaot

[135] Our GDS user research lab is 6 months old: https://gds.blog.gov.uk/2014/12/03/our-gds-user-research-lab-is-6-months-old/

[136] The Numbers Game — Behind the Scenes at Microsoft’s Xbox Playtesting Labs: http://www.totalxbox.com/80386/features/the-numbers-game-behind-the-scenes-at-microsofts-xbox-playtesting-labs

[137] Дизайнеры «Яндекс.Браузера» о том, как не мешать людям: http://www.lookatme.ru/mag/people/experience/209919-ya

[138] Еще немного их ответов на вопросы о продукте: http://www.lookatme.ru/mag/live/opinion/209817-ya

[139] How Lumosity Spiked Active Users 10% with Complexity, Not Simplicity: http://firstround.com/article/How-Lumosity-Spiked-Active-Users-10-with-Complexity-Not-Simplicity

[140] Евгения Жадяева рассказывала о похожем опыте LinguaLeo.ru: http://www.jvetrau.com/uxsreda-14/

[141] UX-Среде: http://www.uxsreda.ru/

[142] Как мы автоматизировали работу редакции и к чему это привело: http://www.youtube.com/watch?v=kv0ftC_7gts

[143] Слайды: http://www.slideshare.net/404fest/ss-39955156

[144] Редизайн Foursquare для Windows Phone: https://medium.com/@bashakalakha/designing-foursquare-for-windows-7ddf767c4046

[145] Еще один редизайн Soundcloud в вебе: https://medium.com/adventures-in-consumer-technology/redesigning-soundcloud-d52b4baf17a4

[146] Редизайн пульта для Apple TV: https://medium.com/@radutzan/an-interface-exploration-for-the-apple-tv-fcefc2d19ef2

[147] Designing a mobile interface for older people: https://medium.com/@tomasslavicek/designing-a-mobile-interface-for-older-people-1c9b70fd645c

[148] Что узнаешь, делая приложение для людей с небольшим доходом: http://www.fastcolabs.com/3038792/what-i-learned-from-building-an-app-for-low-income-americans

[149] О создании телефона для парализованных людей: http://www.fastcolabs.com/3037769/the-phone-for-disabled-people-lets-you-surf-facebook-with-just-your-face

[150] UX Maturity: Intuition: http://yes.goinvo.com/articles/ux-maturity-intuition

[151] Часть 2: «90е: закладывание основ»: http://yes.goinvo.com/articles/ux-maturity-foundation

[152] Часть 3: «Начало 2000х: становление»: http://yes.goinvo.com/articles/ux-maturity-establishment

[153] Часть 4: «2007 и далее: мобильные»: http://yes.goinvo.com/articles/ux-maturity-ubiquity

[154] Изменения в топ-20 американских сайтов с 1996 года: http://www.washingtonpost.com/news/the-intersect/wp/2014/12/15/from-lycos-to-ask-jeeves-to-facebook-tracking-the-20-most-popular-web-sites-every-year-since-1996/

[155] Откуда взялся знаменитый желтый человечек Aol: http://www.theatlantic.com/technology/archive/2014/12/the-story-behind-aols-iconic-yellow-running-man/383652/

[156] A brief history of web design for designers: http://blog.froont.com/brief-history-of-web-design-for-designers/

[157] Fjord Trends 2015: http://www.slideshare.net/fjordnet/fjord-trends-2015-42825657

[158] Pocket в своем блоге описывает тренд падения использования планшетов благодаря выходу смартфонов с большим экраном: http://getpocket.com/blog/2014/11/the-screen-size-debate-how-the-iphone-6-plus-impacts-where-we-read-watch/

[159] Небольшой обзор Sailfish OS от Lukas Mathis, в котором он приводит решения интерфейса как пример решения проблемы больших экранов: http://ignorethecode.net/blog/2014/12/08/jolla/

[160] Banks Are Vying To Out-Nerd Each Other For Your Attention: http://www.fastcolabs.com/3039036/internet-of-things/with-cardless-atms-and-vr-banks-are-vying-to-out-nerd-each-other-for-your

[161] Интервью с Toby Sterrett, работавшим над интернет-банком Simple, одним из пионеров направления простых интернет-сервисов: http://www.uxmatters.com/mt/archives/2014/12/reinventing-banking-an-interview-with-toby-sterrett-of-simple.php

[162] Концепт автономных машин от IDEO как передвижных офисов: http://automobility.ideo.com/

[163] Хорошее видео-сравнение Android Auto и Apple CarPlay: http://ignorethecode.net/blog/2014/12/04/apple_carplay_android_auto/

[164] BMW представила демо автоматической парковки под управлением «умных» часов: http://www.designboom.com/technology/bmw-fully-automated-parking-controlled-smartwatch-12-16-2014/

[165] Kickstarter: https://www.kickstarter.com/discover/categories/technology

[166] Indiegogo: https://www.indiegogo.com/explore/technology

[167] Крайне интересный контроллер Flow, использующий сразу несколько способов управления ― жесты, тач, кручение.: https://www.indiegogo.com/projects/flow-an-intuitive-precise-wireless-controller/x/9266677

[168] О том, как проектировался контроллер Flow: https://medium.com/@senic/how-we-built-flow-c83dea6ca377

[169] Закон Фиттса или почему Flow удобнее програмных слайдеров при дизайнерской работе: http://blog.garrytan.com/why-flow-a-new-low-cost-super-high-precision-controller-is-important-for-designers-and-creatives

[170] Универсальная кнопка Flic на Indiegogo: https://www.indiegogo.com/projects/flic-the-wireless-smart-button

[171] Enhancing User Experience With The Web Speech API: http://www.smashingmagazine.com/2014/12/05/enhancing-ux-with-the-web-speech-api/

[172] Designing For the Slow Web: http://uxmas.com/2014/were-living-in-the-fast-web

[173] Рассказ об Amanda Parkes, которая плотно занимается умной одеждой: http://www.fastcompany.com/3038355/most-creative-people/the-softer-and-more-wearable-future-of-wearables

[174] Fast Co продолжает серию публикаций на тему: http://www.fastcolabs.com/3039301/wearable-tech-is-getting-there-next-challenge-actually-look-good

[175] Разбор шрифтов и иконок в первой части Alien: http://typesetinthefuture.com/alien/

[176] An End to User-Based Thinking — Biological Perspective: https://medium.com/@biologytodesign/an-end-to-user-based-thinking-biological-perspective-6673080c7abe

[177] DesignX — A Future Path for Design: http://www.jnd.org/dn.mss/designx_a_future_pa.html

[178] ответы на вопросы: http://www.jnd.org/dn.mss/why_designx.html

[179] Design’s (Dis)Orders & Transition Design: https://medium.com/@camerontw/designs-dis-orders-transition-design-cd53c3ad7d35

[180] Discover Design — Study design trends on your phone: http://playosh.com/design

[181] Designers:Watch: http://designers.watch/

[182] Русскоязычная версия: http://www.movielistfordesigners.link/

[183] UXMas 2014: http://uxmas.com/

[184] 5 идей для предпраздничных юзабилити тестов: http://blog.whatusersdo.com/2014/12/01/5-ux-tests-retailers-should-run-in-december

[185] Great Digital Products Don’t Happen By Accident: https://medium.com/@davegillis/great-digital-products-dont-happen-by-accident-b3833a82da22

[186] 32 myths to be dispelled: https://www.behance.net/gallery/19641639/Web-design-user-experience-32-myths-to-be-dispelled

[187] What’s a Pixel?: https://developer.appway.com/screen/ShowSingleRecipe/selectedRecipeId/1429057950522

[188] The Urban Dictionary Of Design Slang: http://www.fastcodesign.com/3039333/an-a-to-z-glossary-of-design-jargon

[189] коллекция фраз на каждый день: http://uxbullshit.com

[190] Конспект «Умного дизайна» Джеффа Джонсона: http://usabee.ru/jeff-johnson/

[191] Сама книга в распродаже: http://www.ozon.ru/context/detail/id/16905899/

[192] Screeny — Let’s find those space consuming screenshots: http://nfnlabs.in/project/screeny/

[193] Dirk Knemeyer о настоящем и будущем UX-агентств: http://yes.goinvo.com/articles/hey-ux-agencies-it%E2%80%99s-gonna-be-alright

[194] The Utopian UI Architect: https://medium.com/re-form/the-utopian-ui-architect-34dead42a28

[195] AMA: I’m Nicholas Felton (aka Feltron), an information designer in NYC: https://news.layervault.com/stories/40467-ama-im-nicholas-felton-aka-feltron-an-information-designer-in-nyc

[196] Design education is «tragic» says Jonathan Ive: http://www.dezeen.com/2014/11/13/design-education-tragic-says-jonathan-ive-apple/

[197] Upcoming Web Design Events (Dec. 2014 — June 2015): http://www.smashingmagazine.com/2014/12/08/upcoming-web-design-events-dec-2014-june-2015/

[198] Warm Gun 2014: http://aycl.uie.com/events/warm_gun_2014

[199] Gain — AIGA Design and Business Conference 2014: http://www.gainconference.aiga.org/

[200] Видео выступлений: http://www.aiga.org/videos-Gain-2014/

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

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