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

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

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

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

Паттерны и Best Practices

Baymard: E-Commerce Search Usability — An Original Research Study [2]
Новый отчет от Baymard Institute об исследовании поисковых интерфейсов на сайтах e-commerce. В ближайшее время они начнут публикацию выдержек из отчета. Анонс [3].

Share: The Icon No One Agrees On [6]
«Поделиться/Share» — иконка, о которой никак не могут договориться, Min Ming Lo разбирает наиболее распространенные варианты. В продолжение темы:

Radio Buttons: Always Select One? [8]
Kara Pernice из Nielsen/Norman Group глубоко и методично разбирается с радио-кнопками.

Are Hollow Icons Really Harder to Recognize Than Solid Icons? A Research Study [9]
Curt Arlege, задаваясь вопросом: действительно ли так тяжело считываются контурные иконки, провел свое исследование. Результат не совсем однозначный.

Веб-анимация в действии [10]
Перевод статьи Rachel Nabors об анимации в вебе.

Digital Design & User Experience — 7 Profitable Best Practices! [11]
Avinash Kaushik, эксперт веб-аналитики, о UX, мобильной стратегии, электронной коммерции. Много интересного, точные наблюдения, мелкие детали. Например, вместо стратегии «сначала мобильные» он предлагает подход «только мобильные», раздeляет пользователей на две основные поведенческие группы — «направленные на деятельность» и «направленные на размышление».

Call to Idea — Get Inspired! [12]
Хорошо оформленная пополняемая коллекция паттернов проектирования для веба. Логины, регистрации, пустые состояния, формы, списки и многое другое.

When Bars Point Down [13]
Новая тенденция в инфографике — использование столбцовых диаграмм, направленных вниз, вместо традиционного вправо или вверх. Хорошо подходит для иллюстрации негативных либо отрицательных явлений: безработица, смертность и т.п.

5 Tips to Get Donations on Nonprofit and Charity Websites [14]
Janelle Estes из Nielsen/Norman Group о том, как с помощью дизайна повысить сбор пожертвований на благотворительных сайтах.

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

What Is The Most Underrated Word In Web Design? [15]
Хороший детальный разбор нюансов концепции «аффордансов» от Натальи Постоловской. Она выделяет несколько типов аффордансов и разбирает их на примере мобильного приложения.

Persona Empathy Mapping [16]
Nikki Knox из Cooper Consulting дает инструкцию по использованию методики persona empathy mapping. Она позволяет детальнее описывать персонажей, учитывая нюансы их ожиданий и ощущений.

Eliciting user goals [17]
David Travis о том, как исследовать и описывать цели пользователей. В первой части он разбирает два подхода — интервью и фреймворк «Jobs to be done» Clayton Christiansen.

Facebook Reveals Huge Psychology Experiment on Users [18]
Спорное исследование Facebook по управлению эмоциями, в котором, того не ведая в прошлом году приняло участие почти 700 000 англоязычных пользователей. Изучалось настроение постов пользователей при изменении количества позитивных либо негативных постов в ленте новостей. Само исследование [19] и в целом про манипулирование эмоциями [20].

“Do you trust me enough to answer this question?” Trust and Data Quality [21]
Caroline Jarrett о том, как создать у пользователей чувство доверия при вводе запрашиваемой информации.

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

Google Design [22]
Google представил на конференции I/O свою единую дизайн-идеологию Material Design и единый подсайт на основном домене. Это унифицированный адаптивный подход к интерфейсам на всей линейке устройств и устройств — веб, мобильные, планшеты, носимые девайсы, ТВ, авто. Под «материальным» дизайном они понимают отчасти отсылку к скеоморфизму — не боятся использовать тени, подчеркивать материальность объектов, усиливают роль анимации. Его суть хорошо раскрывает Mathias Duarte [23], теперь уже вице-президент компании по дизайну, до этого сделавший прорывную WebOS.

Можно сказать, что визуально это развитие текущего стиля Android с акцентом на цветную шапку (вместе с подкраской статус-бара) и круглую дефолтную иконку основного действия. Последняя очень здорово обыграна на разных экранах, например, находясь на стыке шапки и контента по горизонтали и продолжая линию пиктограмм по вертикали [24]. Продолжается активное использование карточек как основы идеологии, становится больше тайлов а-ля metro. Сайдбар остался на месте, несмотря на то что недавнее обновление Google+ многозначительно отказалось от него. Ну и обновился фирменный шрифт Roboto, который судя по всему должен стать основой и для веб-сервисов (концепт Quiz App [25] показывает, как это может быть).

Есть много параллелей с показанным в iOS8: механизм уведомлений с быстрыми действиями, которые сразу видны на экране при появлении; связка смартфона и Chromebook; хаб для сбора данных носимых устройств Google Fit. Стеки окошек используются активнее, диалоги меняются в духе карточек Google Now, наконец-то понятным стал режим выделения/copy/paste. Забавно, что общие для всего интерфейса навигационные иконки назад/на главную/запущенные становятся похожими на фирменные четыре символа PlayStation. Большая коллекция экранов [26].

Обновленный Android TV [27] также использует унифицированный дизайн. Он же виден в автомобильной платформе, четко прослеживается в часах (кстати, круглая кнопка основного действия как один из главных элементов визуальной идентификации, кажется, пришла именно оттуда [28]). На базе идеологии Material Design выйдет новая версия ключевой ОС — Android L [29]. Причем благодаря инициативе Android One с референсным устройством [30], количество телефонов с дефолтным интерфейсом увеличится. А дизайн ТВ, авто и часов сторонние производители и вовсе не смогут поменять. Так что после захвата рынка Google плотно занялся решением дизайнерских проблем. И показал одну из сильнейших концепций, работающую на таком огромном масштабе. В продолжение темы:


Apple iOS 8 [40]
2 июня была представлена iOS8, серьезно расширившая возможности платформы. С интерфейсной точки зрения это эволюция прошлогоднего радикального редизайна с добавлением некоторых новых паттернов — круговые меню а-ля Path, работа с виджетами в нотификационном центре, открытые попапов с оставлением предыдущего окна на заднем плане, расширенные возможности взаимодействия приложений через меню шаринга, пиктограммы в диалоговом меню, ограниченное использование карточек (Health), развитие стиля иконок, двухсторонний свайп по строке а-ля Mailbox и другие небольшие детали. Также интересно, как эта стилистика легла на новую MacOS — отличный пример единого визуального языка по всей экосистеме (с нормальными иконками настроек и Сафари! И пока, Lucida Grande [41]).

Одно из самых эффектных — возможности кросс-канального взаимодействия между устройствами, зашитое на уровне ОС. Сценарии перехода между девайсами станут еще более гладкими (если, конечно, все это будет работать как в демонстрации). Ну и теперь iOS является хабом для взаимодействия с авто, умным домом, носимыми устройствами (если все это, конечно, будет поддержано производителями). Список всего анонсированного [42].

Но самое крутое — это новый язык программирования Swift [43], очередной шаг к визуальному программированию. Гайдлайны iOS настолько минималистичны, что разработчику не нужен дизайнер. А среда разработки достаточно проста, чтобы дизайнер сам мог создавать конечные решения. Руководство по нему [44]. Как оказалось, к нему приложил руку Bret Victor, один из главных евангелистов визуального программирования (UPD: как оказалось позже, не факт [45] или все-таки факт [46]). Советую всем перечитать или открыть для себя его программную статью Magic Ink [47]. В продолжение темы:

Android Wear

Axure Flat UI Kit — The most comprehensive UI library for Axure [65]
Большая библиотека элементов для Axure в плоском стиле. Для мобильных, планшетов и веба.

Pixate [66]
Многообещающий инструмент для создания мобильных интерактивных прототипов. Возможность визуализации анимаций, как от времени, так и от взаимодействия. Мгновенный «нативный» запуск на устройстве. Симпатичный интерфейс.

InVision

Adobe Fireworks

Framer.js
Инструмент для прототипирования мобильных приложений Framer, который позволяет «пощупать» сложные взаимодействия и анимации в браузере. Правда, он требует базовых знаний в верстке и скриптах.

Sketch

Design Principles for Wireframing [81]
Chris Bank продолжает серию статей о принципах протипирования.

Bootsketch [82]
Тема для Bootstrap 3 для создания интерактивных wireframes.

Гайдлайны для веб-проектов [83]
Юлия Мархадаева из питерской студии Nimax пишет о подходе компании к созданию дизайн-гайдлайнов. Статья краткая, но в ней отличный пример такого документа [84] (PDF).

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

What If There Was A Bot That Could Detect Ugly Websites? [85]
Компания EyeQuant, предоставляющая одноименный сервис eye tracking-исследований, работает над экспериментальным продуктом, который позволит автоматически определять привлекательность интерфейса и дизайна для пользователей.

Нюансы A/B-тестирования

Empirical Development of Heuristics for Touch Interfaces [90]
Rebecca Baker и Xiaoning Sun пробуют адаптировать классические эвристики Jakob Nielsen и Rolph Molich для тач-интерфейсов. Они проводят серию экспериментов на устройстве и эмуляторе, делая вывод о том, что в целом классический подход работает с оговорками. В продолжение темы:

Perfectly executing the wrong plan [92] (выступление Tomer Sharon)
Замечательное выступление Tomer Sharon на Google I/O 2014 o типичных ошибках стартапов и o Lean User Research.

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

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

Odyssey [110]
Интересный инструмент для журналистов, дизайнеров, путешественников всех мастей и вообще любых творцов. Можно комбинировать карты, изображения, видео и другие медиа- в красивую историю. Библиотека находится в стадии активной разработки и многое еще не реализовано. Исходный код открыт, а разработчики активно ищут помощь для реализации новых фишек.

Метрики и ROI

Choosing the Right Metrics for User Experience [111]
Pamela Pavliscak разбирает комплексный подход к метрикам, которые будут полезны и бизнесу, и продуктовым дизайнерам. Она приводит различные наборы показателей, отслеживаемые в компаниях, и предлагает единый набор, полезный всем участникам продуктовой команды.

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

Building a Design Culture in an ‘End-Up’ Technology World [112]
John Maeda и Becky Bermont о важности формирования дизайн-культуры в компании на примере eBay. Она позволяет формировать правильное отношение к дизайну и развивать всю команду в нужном направлении.

Crossing the Great UX–Agile Divide [113]
Тему agile и UX уже давно обсосали со всех сторон, но Mike Bulajewski заходит по-новому, с точки зрения философии организации труда. Он описывает позицию разработчиков, настаивающих на чистом варианте методологии, хотя она и не совсем годится в таком виде для дизайна.

Everyone is doing strategy right now [114]
Leisa Reichelt из команды GOV.uk когда-то начала писать книгу о UX-стратегии. После завершения большей части она осознала, что изначально ошибалась во многих вещах. И выпустила серию статей как памятник недописанной книге. Продолжение:

10 Tips for Acing your Interview at the Whiteboard [119]
Josh Seiden о проведении собеседования дизайнеров с созданием скетчей на маркерной доске.

The Practitioners of Web Information Architecture in Small and Medium Enterprises [120]
Исследование австралийского малого и среднего бизнеса на предмет того, как они справляются с задачами дизайна.

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

Principles of Product Design [121]
Joshua Porter описывает свои 19 принципов продуктового дизайна.

Кейсы

Современные редакционные CMS

The container model and blended content [131]
В преддверии запуска нового дизайна The Guardian Nick Haley рассказывает о заложенных в него принципах. Они активно используют идеологию «контейнеров», хорошо описанную Konstantin Weiss [132] из Information Architects. Я был на его презентации в рамках UX Poland на эту тему и он очень подробно описал ее (жаль, все еще нет слайдов). По сути речь идет о наработках одностраничных сайтов, примененных для крупных продуктов. Мы, кстати, с конца прошлого года развиваем свой фреймворк для контент-проектов, основанный на похожей модели — готовлю презентацию о нем к осени. В продолжение темы:

История

The history of Android [135]
Сверхподробная статья с анализом каждой из крупных и минорных версий платформы. Кажется, все экраны всех интерфейсов — просто золото!

Тренды

Эстетика футуристических интерфейсов [136]
Глубокое и детальное исследование визуального и интерфейсного языка киношных, игровых и в целом футуристических интерфейсов. Очень и очень круто.

Software is Eating Hardware — Lessons for Building Magical Devices [137]
Adam MacBeth, который работал над iPod, Jawbone, Pencil, пишет об особенностях создания новых устройств. В продолжение темы:

Virgin America website says bye-bye to booking wizard, hello to avatars [139]
Virgin America представили бета-версию своего нового сайта [140], основанную на подходе mobile first. Его запуск получил достаточное обсуждение в среде проектировщиков, так как предлагаются интересные идеи к процессу бронирования авиабилетов. В продолжение темы:

Flat vs Realism [143]
Эффектный промо-сайт про отличия плоского и реалистичного дизайна в виде истории.

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

Why We Need to Tame Our Algorithms Like Dogs [147]
Dan Saffer об опыте взаимодействия и взаимной эволюции людей и алгоритмов: «Люди должны приручить алгоритмы, подобно тому, как наши предки приручили собаку.»

Salesforce Wear Developer Pack — Open-Source Starter Apps, Toolkits and More [148]
SalesForce запускает собственную достаточно обширную инициативу по созданию приложений для носимых устройств. Они верят в то, что часы, браслеты и очки могут быть полезны для бизнес-приложений. На специальном сайте собраны примеры кода и дизайна для шести устройств.

Профессиональное развитие

A UX Career Framework — Driving Conversations Between Managers and Employees [149]
Ian Swinson, UX-директор Salesforce, рассказывает о своем подходе к управлению каръерой дизайнеров.

Hunting Unicorns — What makes an effective UX Professional [150]
Презентация Patrick Neeman о скиллах продуктового дизайнера.

Beyond User Experience — Onward and Upward [151]
Luke Chambers описывает шесть наиболее популярных и понятных путей для профессионального развития специалиста по интерфейсу. Это продукт- проект-менеджмент, фасилитация, обучение, стратегический консалтинг и создание своего собственного бизнеса.

Why Developers Need to Learn Design [152]
В последние годы много пишут о том, должен ли дизайнер уметь верстать. Stephen Caver выдает обратную мысль о том, что разработчики должны понимать дизайн.

Everything You Need to Know About Design on the Web [153]
Еще одна коллекция статей, инструментов и других ресурсов, в целом по дизайну.

Enabling a Career Shift from User Experience to Service Design [154]
Laura Keller пишет об опыте перехода специалиста от проектирования продуктов к проектированию услуг.

Важные люди в отрасли

Most Creative People 2014: A Q&A With The Designers Of Dropbox [155]
Интервью с командой дизайнеров Dropbox, одной из самых сильных и динамично развивающихся. О процессе, инструментах, общих принципах.

Shum guides Microsoft's design renaissance [156]
Оказывается, полгода назад Albert Shum стал директором по пользовательскому взаимодействию Microsoft. Помимо всего прочего он главный идеолог metro-дизайна, пришедший в компанию из Nike в 2007 году.

UX Design Interviews [157] (Medium)
Еще одна курированная лента на Medium — серия дизайнерских интервью.

Susan Kare [158]
Susan Kare, одна из первых цифровых дизайнеров, автор иконок первого Mac и вообще одна из самых легендарных личностей в продуктовом дизайне, рассказывает о том, как она работала в Apple.

Spotify’s Design Lead on Why Side Projects Should Be Stupid [159]
Жизнь, как проект — интервью с Tobias van Schneider, главой дизайна Spotify.

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

Conferences Roundup — Upcoming Web Design Events (Jun. – Dec. 2014) [160]
Основные международные UX-конференции второй половины 2014 года.

Conference Review: UX STRAT 2013, part 3: Day 2 [161]
Продолжение обзора выступлений конференции UX Strat 2013, проходившей 9-11 сентября в Georgia, Atlanta.

ServDes. Conference 2014 Lancaster [162]
Материалы конференции ServDes 2014, проходившей 9-11 апреля в Lancaster, UK. Она посвящена проектированию услуг и customer experience.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе [163]. Спасибо всем, кто также публикует ссылки в ней, особенно Геннадию Драгуну и Павлу Скрипкину.

Автор:

Источник [164]

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

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

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

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

[2] Baymard: E-Commerce Search Usability — An Original Research Study: http://baymard.com/ecommerce-search

[3] Анонс: http://baymard.com/blog/ecommerce-search-report-and-benchmark

[4] про обработку наиболее популярных поисковых запросов: http://baymard.com/blog/ecommerce-search-query-types

[5] 8 шаблонов дизайна полей с автозаполнением: http://baymard.com/blog/autocomplete-design

[6] Share: The Icon No One Agrees On: https://bold.pixelapse.com/minming/share-the-icon-no-one-agrees-on

[7] некоторые абстрактные концепции сложно представить при помощи физических объектов: http://usabilitypost.com/2014/06/12/the-share-icon/

[8] Radio Buttons: Always Select One?: http://www.nngroup.com/articles/radio-buttons-default-selection/

[9] Are Hollow Icons Really Harder to Recognize Than Solid Icons? A Research Study: http://viget.com/inspire/are-hollow-icons-really-harder-to-recognize-a-research-study

[10] Веб-анимация в действии: http://www.uxfox.ru/web-animation-at-work/

[11] Digital Design & User Experience — 7 Profitable Best Practices!: http://www.kaushik.net/avinash/web-design-user-experience-best-practices/

[12] Call to Idea — Get Inspired!: http://calltoidea.com

[13] When Bars Point Down: http://eagereyes.org/journalism/when-bars-point-down

[14] 5 Tips to Get Donations on Nonprofit and Charity Websites: http://www.nngroup.com/articles/donations-nonprofit-charity-online/

[15] What Is The Most Underrated Word In Web Design?: http://www.smashingmagazine.com/2014/06/24/affordance-most-underrated-word-in-web-design/

[16] Persona Empathy Mapping: http://www.cooper.com/journal/2014/05/persona-empathy-mapping

[17] Eliciting user goals: http://www.userfocus.co.uk/articles/eliciting-user-goals-part1.html

[18] Facebook Reveals Huge Psychology Experiment on Users: http://thenextweb.com/facebook/2014/06/28/facebook-manipulated-690000-users-news-feeds-run-psychology-experiment/

[19] Само исследование: http://www.pnas.org/content/111/24/8788.full

[20] манипулирование эмоциями: http://thenextweb.com/facebook/2014/06/29/facebooks-emotion-experiment-wasnt-just-another-ab-test-need-algorithm-savvy/

[21] “Do you trust me enough to answer this question?” Trust and Data Quality: http://www.usabilityprofessionals.org/uxmagazine/do-you-trust-me-enough/

[22] Google Design: http://www.google.com/design/

[23] суть хорошо раскрывает Mathias Duarte: http://www.theverge.com/2014/6/27/5849272/material-world-how-google-discovered-what-software-is-made-of

[24] находясь на стыке шапки и контента по горизонтали и продолжая линию пиктограмм по вертикали: http://cdn1.vox-cdn.com/entry_photo_images/10245471/patterns-promotedactions-associatedcontent-FAB03do2_large_mdpi_verge_super_wide.png

[25] концепт Quiz App: http://www.polymer-project.org/apps/topeka/

[26] коллекция экранов: http://www.theverge.com/2014/6/25/5842098/google-material-design-photos

[27] Обновленный Android TV: http://www.android.com/tv/

[28] кажется, пришла именно оттуда: http://www.fastcodesign.com/3032407/google-creates-a-real-life-easy-button-that-can-do-anything-with-a-tap

[29] Android L: http://www.theverge.com/2014/6/25/5842218/google-android-l-photos

[30] Android One с референсным устройством: http://www.theverge.com/2014/6/25/5841976/android-one-hardware-reference-program

[31] Дизайн-гайдлайны: http://static.googleusercontent.com/media/www.google.com/en//design/material-design.pdf

[32] обычная страница: http://www.google.com/design/spec/material-design/introduction.html

[33] Видео-презентация идеологии: http://www.youtube.com/watch?v=Q8TXgCzxEnw

[34] Фреймворк Polymer: http://www.polymer-project.org/

[35] Экраны Android TV: http://www.theverge.com/2014/6/25/5842390/google-android-tv-photos

[36] Собрал смартфонные экраны в Pinterest: http://www.pinterest.com/jvetrau/mobile-android/

[37] Обзор интерфейса Android L Developer Preview: http://www.engadget.com/2014/06/26/android-developer-preview-hands-on/

[38] Сильные дизайнеры в индустрии комментируют Material Design: http://venturebeat.com/2014/06/27/top-designers-react-to-googles-new-material-design-language/

[39] LG выложил видео-презентацию визуального языка для своих смартфонов: http://www.youtube.com/watch?v=dXKuASAD_4Y

[40] Apple iOS 8: http://www.apple.com/ios/ios8/

[41] пока, Lucida Grande: http://www.fastcodesign.com/3031354/apple-changes-os-xs-main-font-for-the-first-time-ever

[42] Список всего анонсированного: http://www.theverge.com/2014/6/2/5765048/apple-wwdc-2014-os-x-yosemite-ios-8-and-all-the-news-you-need-to-know

[43] язык программирования Swift: https://developer.apple.com/swift/

[44] Руководство по нему: https://itunes.apple.com/us/book/swift-programming-language/id881256329?mt=11

[45] не факт: http://www.quora.com/Did-Bret-Victor-work-with-Apple-on-the-design-of-Swift-Playground

[46] все-таки факт: http://worrydream.com/Apple/

[47] Magic Ink: http://worrydream.com/MagicInk/

[48] Галерея скриншотов интерфейса из презентации: http://www.theverge.com/2014/6/2/5772926/apple-ios-8-photos

[49] UI Kit для Sketch: https://github.com/rafaelconde/ios8-ui-kit

[50] Коллекция всех промосайтов Apple к WWDC ’14: https://www.flickr.com/photos/manikrathee/sets/72157645026635243/

[51] Записи сессий с WWDC '14: https://developer.apple.com/videos/wwdc/2014/

[52] Tobias Frere-Jones критикует Helvetica в MacOS: http://www.fastcodesign.com/3031432/why-apples-new-font-wont-work-on-your-desktop

[53] Дежурный пост о том, что было заимствовано из Android (и Windows Phone): http://arstechnica.com/gadgets/2014/06/great-artists-steal-the-ios-8-features-inspired-by-android/

[54] Safari сможет сканировать данные кредитной карты для быстрого ввода в формы: http://therunet.com/news/3066-kamera-v-ios-8-smozhet-skanirovat-dannye-bankovskoy-karty

[55] записывать скринкасты можно будет без сторонних приложений: https://twitter.com/jeffreydgroot/status/473835365867192320

[56] Все о Swift в одном месте: http://www.sososwift.com

[57] PSD для дизайна приложений под OS X Yosemite: http://34orange.com

[58] Еще один кит для OS X Yosemite: http://yosemiteui.com

[59] кейсе проектирования и дизайна приложения для Android Wear: https://medium.com/@romannurik/an-android-wear-design-story-9007660e4d4e

[60] Введение Android Wear: http://youtu.be/Bl4Qne-RpcM

[61] Дизайн для Android Wear: http://www.youtube.com/watch?v=4JcDYkgqksY

[62] Samsung Gear Live на Android Wear: http://www.engadget.com/2014/06/25/samsung-gear-live-hands-on/

[63] Видео работы: http://www.engadget.com/2014/06/26/samsung-gear-live-walkthrough/

[64] 1300 концептов циферблата для конкурса Motorola: https://plus.google.com/app/basic/communities/100528130097464336279

[65] Axure Flat UI Kit — The most comprehensive UI library for Axure: http://wearebridge.co/ux-tools/

[66] Pixate: http://www.pixate.com

[67] автоматический импорт из PSD, AI и .sketch, а также контроль версий: http://www.invisionapp.com/new-features/23/design-file-syncing-(.psd-.ai-.sketch)-version-control-and-more

[68] Создание плагинов с помощью JavaScript: http://www.smashingmagazine.com/2014/06/04/introduction-to-developing-fireworks-extensions-theyre-just-javascript/

[69] Framer помог команде Potluck прокачать продукт эффектными анимациями: https://medium.com/design-ux/web-apps-deserve-sexy-transitions-too-8068a5e4cb82

[70] Framer Studio: http://framerjs.com

[71] Простой способ импорта сайтов в Скетч: https://medium.com/@timur_carpeev/import-web-pages-into-sketch-6681ae0b118a

[72] Плагин для создания всех иконок, необходимых для iOS: https://github.com/tylergaw/icon-stamper

[73] предустановки всех плюс-минус часто используемых на вебе геометрических размеров: https://github.com/waako/web-brand-images

[74] Серия статей на Хабре от despoth: http://habrahabr.ru/post/226025/

[75] 2: http://habrahabr.ru/post/226099/

[76] 3: http://habrahabr.ru/post/226167/

[77] 4: http://habrahabr.ru/post/226213/

[78] Сайт с обучающими статьями и ресурсами: http://www.learnsketch.com/

[79] Приложение для экспорта страниц и нарезки из документов: http://bohemiancoding.com/sketch/tool/

[80] Подробнее: http://bohemiancoders.tumblr.com/post/89354240665/making-a-toolchain-not-just-a-tool

[81] Design Principles for Wireframing: http://www.onextrapixel.com/2014/06/12/design-principles-for-wireframing/

[82] Bootsketch: http://yago.github.io/Bootsketch/

[83] Гайдлайны для веб-проектов: http://www.cmsmagazine.ru/library/items/graphical_design/guideline-for-web-projects/

[84] пример такого документа: http://upload.nimax.ru/files/2014-03-31/1/1_nimaxguide.pdf

[85] What If There Was A Bot That Could Detect Ugly Websites?: http://www.fastcolabs.com/3031489/what-if-there-was-a-bot-that-could-detect-ugly-websites

[86] Когда следует и когда не следует проводить А/В-тестирование мобильных приложений: http://blog.kissmetrics.com/when-not-to-test/

[87] Русский перевод статьи, заложившей начало этой цепочки: http://siliconrus.com/2014/06/why-ab-tests-results-misleading/

[88] Примеры выдвижения гипотез для А/В тестирования на основе анализа дизайна: http://unbounce.com/landing-page-examples/built-using-unbounce/landing-page-designs/

[89] Kiss Metrics провели математическое моделирование трех стратегий тестирования: «ученый», «нетерпеливый маркетолог» и «реалист»: http://blog.kissmetrics.com/your-ab-tests-are-illusory/

[90] Empirical Development of Heuristics for Touch Interfaces: http://www.uxmatters.com/mt/archives/2014/06/empirical-development-of-heuristics-for-touch-interfaces.php

[91] Ritch Macefield пытается дать свое определение методу эвристической оценки: http://www.uxmatters.com/mt/archives/2014/06/an-overview-of-expert-heuristic-evaluations.php

[92] Perfectly executing the wrong plan: http://www.youtube.com/watch?v=9TJTbRw4ri8

[93] ввода данных кредитной карты: http://jessepollak.github.io/card/

[94] анимирования элементов интерфейса с интересным подходом для описание таких анимаций: http://motorcortexjs.com

[95] градиенты в SVG: http://www.sitepoint.com/getting-started-svg-gradients/

[96] HTML5-шаблон для сайта или веб-приложения: http://www.initializr.com

[97] внедрить поддержку сенсорных экранов: https://developers.google.com/web/fundamentals/input/touch-input/touchevents/

[98] постраничной навигации с поддержкой управление с клавиатуры: http://osvaldas.info/keyboard-shortcuts-for-pagination

[99] генерирования CSS3-анимаций: http://bouncejs.com

[100] эффекты перехода между изображениями на фоне страницы: http://tympanus.net/Tutorials/FourBoxes/index.html

[101] подбора и хранения палитр цветов: http://coleure.com/

[102] Velocity.js: http://julian.com/research/velocity/

[103] Небольшой туториал: http://www.smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js/

[104] комментариев как на Medium или на старой версии Драйв.ру: http://aroc.github.io/side-comments-demo/

[105] Библиотека для реализации мультитач-жестов: http://eightmedia.github.io/hammer.js/

[106] танцующий MCHammer на гитхабе: https://github.com/EightMedia/hammer.js/wiki

[107] Плеер для гифок: https://github.com/krasimir/gifffer

[108] инструмент для онлайн-генерации всех возможных видов Favicon: http://realfavicongenerator.net

[109] библиотека для отрисовки диаграмм различной сложности: http://www.chartjs.org

[110] Odyssey: http://cartodb.github.io/odyssey.js/

[111] Choosing the Right Metrics for User Experience: http://www.uxmatters.com/mt/archives/2014/06/choosing-the-right-metrics-for-user-experience.php

[112] Building a Design Culture in an ‘End-Up’ Technology World: http://observatory.designobserver.com/feature/building-a-design-culture-in-an-end-up-technology-world/38473/

[113] Crossing the Great UX–Agile Divide: http://uxmag.com/articles/crossing-the-great-ux-agile-divide

[114] Everyone is doing strategy right now: http://www.disambiguity.com/everyone-is-doing-strategy-now/

[115] Стратегии не существуют обособленно: http://www.disambiguity.com/strategy-doesnt-live-in-a-silo-or-there-is-no-such-thing-as-ux-strategy/

[116] Стратегия, быстрая и медленная: http://www.disambiguity.com/strategy-fast-and-slow/

[117] Стратегия, как командный спорт: http://www.disambiguity.com/strategy-is-a-team-sport/

[118] Модульная стратегия: http://www.disambiguity.com/good-strategy-is-modular/

[119] 10 Tips for Acing your Interview at the Whiteboard: http://www.neo.com/2014/06/22/10-tips-for-acing-your-interview-at-the-whiteboard

[120] The Practitioners of Web Information Architecture in Small and Medium Enterprises: http://journalofia.org/volume5/issue2/04-burford/

[121] Principles of Product Design: http://bokardo.com/principles-of-product-design/

[122] Scoop, новая CMS NY Times: http://open.blogs.nytimes.com/2014/06/17/scoop-a-glimpse-into-the-nytimes-cms

[123] готовит CMS как платформу для сторонних изданий: http://www.adexchanger.com/publishers/google-explores-a-unified-cms-and-publisher-ad-platform/

[124] Tempest CMS от Say Media: http://www.saymedia.com/tempest

[125] Обзор от CTO компании: http://sayquarterly.com/issue-6/article-tempest.php

[126] редактор для панели администратора: http://www.theguardian.com/info/developer-blog/2014/mar/20/inside-the-guardians-cms-meet-scribe-an-extensible-rich-text-editor

[127] Scribe: https://github.com/guardian/scribe

[128] Команда экспериментальной CMS Editorially, включая Jason Santa Maria и Mandy Brown, становится частью Vox Media: http://product.voxmedia.com/2014/6/24/5837406/editorially-joins-vox-media

[129] Еще немного про это: http://stet.editorially.com/articles/editorially-joins-vox-media/

[130] Chorus: http://techcrunch.com/2012/05/07/a-closer-look-at-chorus-the-next-generation-publishing-platform-that-runs-vox-media/

[131] The container model and blended content: http://next.theguardian.com/blog/container-model-blended-content/

[132] описанную Konstantin Weiss: http://konstantinweiss.com/lexicon/containerist

[133] Бета нового The Guardian: http://www.theguardian.com/uk?view=mobile#opt-in-message

[134] Сайт о том, как он создается: http://next.theguardian.com/

[135] The history of Android: http://arstechnica.com/gadgets/2014/06/building-android-a-40000-word-history-of-googles-mobile-os/

[136] Эстетика футуристических интерфейсов: http://rhzm.ru/posts/114

[137] Software is Eating Hardware — Lessons for Building Magical Devices: http://firstround.com/article/hardware-adam-macbeth

[138] Кейс лондонской Berg, которая из дизайнерской студии превратилась в компанию, занимающуюся гаджетами: http://www.fastcolabs.com/3031371/how-to-turn-your-consulting-company-into-a-hardware-shop

[139] Virgin America website says bye-bye to booking wizard, hello to avatars: http://www.tnooz.com/article/virgin-america-says-bye-bye-booking-wizard-hello-mobile-first-design/

[140] бета-версию своего нового сайта: https://beta.virginamerica.com/

[141] Фил Ахназаров и Николай Заярный рассказывали о деталях интерфейса на UX-Среде: http://www.youtube.com/watch?v=drk9z6SJj4Q

[142] Юзабилити-исследование сайтов авиакомпаний и агрегаторов от Jeff Sauro: http://www.measuringusability.com/blog/airline-benchmarks.php

[143] Flat vs Realism: http://www.flatvsrealism.com/

[144] Интервью с калифорнийской группой UX-исследователей Mercedes Benz: http://uxmag.com/articles/looking-ahead-in-automotive-ux-with-mercedes

[145] Android Auto: http://www.android.com/auto/

[146] обзор ее интерфейса: http://www.engadget.com/2014/06/25/android-auto-hands-on/

[147] Why We Need to Tame Our Algorithms Like Dogs: http://www.wired.com/2014/06/algorithms-humans-bffs/

[148] Salesforce Wear Developer Pack — Open-Source Starter Apps, Toolkits and More: https://developer.salesforce.com/wear?language=en

[149] A UX Career Framework — Driving Conversations Between Managers and Employees: http://www.usabilityprofessionals.org/uxmagazine/a-ux-career-framework/

[150] Hunting Unicorns — What makes an effective UX Professional: http://www.slideshare.net/usabilitycounts/hunting-unicorns-what-makes-an-effective-ux-professional

[151] Beyond User Experience — Onward and Upward: http://www.uxmatters.com/mt/archives/2014/06/beyond-user-experience-onward-and-upward.php

[152] Why Developers Need to Learn Design: http://cognition.happycog.com/article/why-developers-need-to-learn-design

[153] Everything You Need to Know About Design on the Web: http://piccsy.com/everything-design/

[154] Enabling a Career Shift from User Experience to Service Design: http://uxmatters.com/mt/archives/2014/06/enabling-a-career-shift-from-user-experience-to-service-design.php

[155] Most Creative People 2014: A Q&A With The Designers Of Dropbox: http://live.fastcompany.com/Event/A_QA_With_The_Designers_Of_Dropbox

[156] Shum guides Microsoft's design renaissance: http://www.usatoday.com/story/tech/2014/06/04/albert-shum-new-microsoft-design-chief/9784345/

[157] UX Design Interviews: https://medium.com/ux-design-interviews

[158] Susan Kare: http://www.the-eg.com/videos/susan-kare-iconographer-eg8

[159] Spotify’s Design Lead on Why Side Projects Should Be Stupid: http://firstround.com/article/Spotifys-Design-Lead-on-Why-Side-Projects-Should-be-Stupid

[160] Conferences Roundup — Upcoming Web Design Events (Jun. – Dec. 2014): http://www.smashingmagazine.com/2014/06/06/upcoming-web-design-events-jun-2014-dec-2014/

[161] Conference Review: UX STRAT 2013, part 3: Day 2: http://www.uxmatters.com/mt/archives/2014/06/conference-review-ux-strat-2013-part-3-day-2.php

[162] ServDes. Conference 2014 Lancaster: http://www.servdes.org/conference-2014-lancaster/

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

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