Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-июнь 2012.
The State of E-Commerce Checkout Design 2012
Хороший материал по юзабилити электронной коммерции с анализом 100 крупнейших игроков. Есть интересные и не очевидные с первого взгляда выводы по количеству шагов для оформления заказа, про подписки и очень интересные выводы на кого не стоит равняться — в большинстве сайты с большим оборотом оказываются худшим примером для подрожания. И фантастическая ранжированная подборка процессов оформления заказа. Перевод статьи.
UI Patterns for Mobile Apps — Search, Sort and Filter
Theresa Neil описывает мобильные паттерны для поиска, сортировки и фильтрации. Она приводит примеры разных подходов к этим задачам и ситуации, когда их стоит использовать. Перевод статьи.
Mobile Inline Form Validation
Отличнейшая статья Steven Hoober, подробно описывающая способы валидации форм в мобильных интерфейсах. Автор затрагивает как мобильный веб, так и приложения.
Homepage Design Changes
Jakob Nielsen собрал статистику редизайнов главных страниц крупных проектов и пришел к выводу, что со временем изменений становится все меньше. Во многих случаях доработки касаются отдельных блоков, хотя еще в начале 2000х перерабатывалось больше половины страницы. Перевод статьи.
UX for Learning — Design Guidelines for the Learner Experience
Отличнейшая статья Dorian Peters об особенностях создания интерфейсов обучающих продуктов. Она содержит классификацию подходов и гайдлайны для проектировщиков. Сайт Designer eLearning посвящен таким интерфейсам.
Cross Device Design Patterns
Luke Wroblewski описывает паттерны взаимодействия с несколькими устройствами. Интерфейс в них может дублироваться или дополнять друг друга. Raphael Guilleminot из компании Cooper описывает тренд "асимметричного дизайна" — сложного взаимодействия на серии соединенных друг с другом устройств.
Essential Design Patterns for Mobile Banking
Greg Nudelman подробно описывает интерфейсные паттерны для работы со сложными формами в мобильных сайтах и приложениях. Он предлагает компромиссный вариант, который позволяет минимизировать количество действий и шагов формы.
Radial Menus for Touch UI
MS Office 2013 использует круговые меню для планшетной версии OneNote, что «легализует» этот интерфейсный подход. Josh Clark описывает его преимущества и приводит другие примеры использования.
62 Tips on Graphic Design, UI/UX Design, and Visualization for eLearning
Небольшая книга с советами по проектированию и дизайну интерфейсов для обучения. Для скачивания нужно заполнить контактную форму.
Arabic Website Design Resources
Joe Leech из компании CXPartners собрал коллекцию ресурсов, посвященных проектированию интерфейсов для арабской аудитории. Это исследования и обзоры по теме.
Learnability Heuristics
Len Whitehead перечисляет эвристики, согласно которым можно оценивать способность интерфейса обучать пользователя работе с ним. На их основе он составил базовые гайдлайны по проектированию таких интерфейсов.
Journeys
Хорошая коллекция customer journey maps от Jamie Thomson.
Mobile Apps Promo Videos
Новый сайт от создателей InspiredUI собирает промо-видео мобильных приложений. Хорошая коллекция паттернов для тех кто продвигает свои продукты.
Visually Reinforce Your Credit Card Fields (89% Get it Wrong)
Jamie Appleseed приводит результаты пользовательских исследований о доверии к формам оплаты в онлайне. Несложное выделение полей с информацией о кредитке способно значительно повысить доверие к компании-продавцу.
5 Really Useful Responsive Web Design Patterns
Joshua Johnson описывает паттерны адаптивного дизайна, развивая недавнюю статью Luke Wroblewski. Он показывает компоновку 5 наиболее распространенных подходов и примеры их реализации.
iPhone Blueprints by Scott Jensen
Электронная книга iPhone Blueprints от Scott Jensen, посвященная проектированию и дизайну мобильных приложений для iPhone. Тема уже не раз освещалась в других книгах, но это хороший образец адаптированного для планшета варианта.
Enhancing the University Submission Experience
Simon Norris и Rob Howells из компании Nomensa рассказывают о том, как улучшить интерфейсы для абитуриентов, выбирающих учебные заведения. Этот процесс очень схож с тем, что происходит в электронной коммерции — пользователи также изучают и сравнивают учебные продукты, им также важны простые и удобные процессы подачи заявлений и отслеживания их хода.
Moments that Matter… Moments that Don’t
Сейчас многие увлечены и занимаются проектированием услуг, стараясь учесть и проработать каждый момент взаимодействия потребителя с компанией и ее продуктами. Но Doug Klein советует не слишком увлекаться — пользователя утомляет повышенное внимание к нему в любой ситуации, нужно понимать когда он не против такого общения.
Navigating the New Multi-Screen World
Google провел исследование того, как пользователи используют связку из разных устройств для решения своих задач. Тема мультиэкранного взаимодействия становится все более актуальной и количество материалов по ней растет.
The Cast of Personas
Indy Young предлагает думать не о персонажах, а о поведенческих сегментах целевой аудитории. Такой подход позволяет фокусироваться на деятельности пользователей.
Building Tight Game Systems of Cause and Effect
Полезнейший и подробнейший справочник игровых механик от Daniel Cook, которые позволяют создавать понятные и эффективные причинно-следственные связи между событиями в играх. Статья в подробно разбирает каждую из них.
Identifying Product Value, Then Designing the Right Product
Группа экспертов UXMatters рассказывает о том, как определить ценность продукта для пользователя. Найти, понять и удовлетворить такие потребности — одно из ключевых условий успеха продукта.
Brand Touchpoint Matrix
Jonas Persson предлагает методику проектирования customer experience с помощью матрицы взаимодействия с брендом. Она показывает все возможные точки соприкосновения потребителя с компанией и помогает выбрать их оптимальный набор и последовательность.
Why Do Products Fail? – Forgetting that Users Learn
Scott Sehlhorst рассказывает о концепции «canyon of pain» и вообще особенностей обучения пользователей. Он приводит разные концепции, описывающие уровень опытности пользователей продукта.
How The Left/ Right Brain Theory Improves the User Experience
Хорошая обзорная статья об особенностях работы левого и правого полушария в блоге компании Usabilla. Автор Sabina Idler приводит примеры методик проектирования интерфейса, которые учитывают особенности каждой из них.
Google’s Take on “Change Aversion” Misses the Point
Интересная полемика Jared Spool со статьей Aaron Sedley, пользовательского исследователя в Google. Aaron жалуется на то, что пользователи всегда недовольны изменениями, в то время как Jared говорит что Гугл просто неправильно внедряет их.
Achieve Product-Market Fit with our Brand-New Value Proposition Designer Canvas
Alexander Osterwalder показывает простую и очень наглядную диаграмму для описания ценности продукта для пользователя. Это отличный инструмент при создании MVP (minimum viable product), позволяющего проверить успешность продукта на ранних этапах.
Should We Focus on User Experience?
Koen AT Claes по-новому ставит вопрос о том, нужно ли проектировать experience. Он советует уделять особое внимание воспоминаниям, которые останутся после использования продукта — они более важны для пользователя, чем сам experience.
Situational Awareness — A Method for Mobile Content Planning
Darin Wonn рассказывает о концепции осведомленности системы о текущем состоянии пользователя, которая особенно полезна в мобильных приложениях. Концепция описывает три уровня осведомленности — текущее, планируемое сейчас и планируемое в будущем. Перевод статьи.
An Evaluation of Typeface Design in a Text-Rich Automotive User Interface by Bryan Reimer, Bruce Meh
Исследование MIT на тему важности легкочитаемых шрифтов в бортовых компьютерах автомобилей. Сам факт известен давно, но в отчете много интересных цифр и статистики. Краткий обзор и еще одна статья с обзором и выводами.
Hear, All Ye People; Hearken, O Earth
Интересный эксперимент Errol Morris из NY Times показывает, что доверие к информации зависит от шрифта, которым она набрана. К сдержанным и классическим гарнитурам доверия больше.
A Tablet Still Is Not a Book… Not Yet
Dan Turner описывает проблемы использования планшетов для чтения по сравнению с книгами со стороны эргономики, психологии и когнитивного восприятия.
It's Business and It's Personal
Sarah Richards и Emma Reeves рассказывают о том, как интерфейсы могут стать более персональными. Это важно для повышения доверия и лояльности к продукту.
Making Sense of the Cross Channel Experience
Jon Fisher из компании Nomensa предлагает способ описания взаимодействий пользователя с продуктом, в случае если оно происходит сразу по нескольким каналам или платформам.
New Ways of Visualizing the Customer Journey Map
Kim Cullen показывает свежие подходы к описанию customer journey map. Компания собрала молодых дизайнеров из смежных отраслей, которые никогда не сталкивались с этой задачей, и посмотрела как они решали ее.
Intention-Focused Design — Applying Perceptual Control Theory to Discover User Intent
Alex O'Neal рассказывает о концепции Perceptual Control Theory применительно к интерфейсам. Она позволяет лучше понимать намерения пользователя, изучать его глубинную мотивацию.
Perspectives in Experience Design
Milan Guenther описывает взаимоотношения потребителя и бизнеса в различных срезах, которым даны названия дисциплин — customer experience, employee experience, user experience и brand experience. Диаграммы-иллюстрации в статье наглядно показывают, что подразумевает каждая из них.
A Business Case for Transformative Services
Melanie Wendland описывает актуальное направление продуктов и услуг, главная задача которых — изменение поведения отдельных людей, сообществ и компаний. Оно приходит на смену экономике впечатлений и нацелено на более долгосрочное взаимодействие с потребителем.
Business Model Canvas for User Experience by @TriKro
Tristan Kromer рассматривает фреймворк для построения бизнес-моделей Alexander Osterwalder применительно к user experience. Он предлагает его альтернативную версию, ориентированную на потребителя.
Free UX Sketching and Wireframing Templates for Mobile Projects
Компания Pixle подготовила самый обширный и полный комплект шаблонов для бумажного проектирования мобильных интерфейсов. Он включает 10 устройств для 7 платформ (Android, BlackBerry, iOS (iPad и iPhone), Meego, Symbian, webOS, Windows Phone 7).
UX Guidelines for Metro Style Apps
Microsoft опубликовала интерфейсные гайдлайны по проектированию и дизайну приложений для Windows 8. 26 октября состоялся официальный запуск платформы, так что работы для проектировщиков и дизайнеров будет много.
Metro-Themed Windows 8 PowerPoint Templates
Шаблоны проектирования интерфейсов для Windows 8 в PowerPoint. Это простой и быстрый способ описания концепций, правда, плохо работающий в условиях парадигмы бесконечного или длинного полотна, использующегося в ОС.
Жесткая приоритезация, или 5 первых шагов к отличному приложению для Windows 8. От персонажей к сценариям
Константин Кичинский рассказывает о том, как описание и приоритезация сценариев использования помогает создавать приложения для Windows 8. Предлагаемый подход к сбору и фильтрации списка сценариев интересен и без привязки к этой ОС.
Designing Screens Using Cores and Paths
Jim Kalbach и Karen Lindemann описывают шикарную методику проектирования экрана интерфейса с учетом его задач и последующих шагов. Она позволяет определить набор элементов на странице и оценить важность каждого из них.
Designing What's Never Been Done Before
Jared Spool размышляет на тему того, как создавать интерфейсы и элементы управления для тех задач, которые еще не решались ранее. Он рекомендует исходить из понимания существующих проблем и потребностей пользователя.
Responsive Email Design
Серия статей Campaign Monitor об адаптивном дизайне почтовых рассылок. Они содержат подробное описание техник и приемов по созданию универсальных писем для разных устройств.
Voice and Tone
Специалисты компании MailChimp запустили сервис Voice & Tone, который поможет проектировщикам писать хорошие служебные тексты в интерфейсах. Он позволяет подобрать оптимальный посыл и эмоциональный посыл для разных ситуаций. Сопроводительная статья.
Wirefy — The Responsive Wireframe Boilerplate
CSS-фреймворк Wirefy позволяет быстро собирать интерактивные прототипы интерфейсов. Он поддерживает 960grid, адаптивность и много других современных вещей.
Creating a Web-Site Information Architecture in Six Steps
Хорошая инструкция от Nathaniel Davis по проектированию информационной архитектуры сайта для начинающих. Хотя тема не особо свежая, простых и понятных статей по ней не так много.
Fontello — Easy Iconic Fonts Composer
Сервис Fontello предлагает несколько иконочных шрифтов, из которых можно собрать подходящий набор. Такой инструмент удобнее для работы проектировщика, чем векторные иконки.
UICloud — User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads
Поисковик по стенсилам проектирования и дизайна. Качество и ценность не всегда однозначны, но можно найти интересные примеры основных интерфейсных паттернов.
PowerStory for PowerPoint — Build UI Storyboards and Generate Test Cases
Плагин PowerStory для PowerPoint, который помогает создавать use cases и сториборды, обеспечивая связку между бизнес-аналитиками и специалистами по интерфейсам. Он также подходит и для создания прототипов.
Aaron Gustafson: Adapting Your Designs with Progressive Enhancement
Интервью Aaron Gustafson, автора книги Adaptive Web Design. Он рассказывает об еще одном подходе к проблеме адаптивного дизайна (responsive и adaptive), который делает основной акцент на доступности продукта на всех возможных устройствах, а не просто изменению способов подачи контента.
Responsive Design Bookmarklet
Простой и полезный букмарклет, который помогает проверить сайт в различных состояниях адаптивности. Он позволяет быстро посмотреть версию для телефона, планшета и различных разрешений экрана на десктопе.
Nathan Curtis: Start Full Screen — Organize, Communicate, and Annotate HTML Prototypes
Интервью Nathan Curtis из EightShapes о подходах компании к созданию интерактивных прототипов в HTML Их команда когда-то сделала один из лучших фреймворков для документации интерфейсов с помощью InDesign, а теперь переносит этот опыт в более динамичный и соответствующий продуктовой работе формат.
6 Tips for Organizing Sketched Artifacts
Те кто делает скетчи интерфейсов часто и в большом количестве сталкиваются с проблемой организации их архивов. Nathan Curtis из компании EightShapes рассказывает о том, как они справляются с этим.
Prototyping Tools — Paper & Equator
Proto/Moto — это специализированный каталог всех современных инструментов проектирования интерфейсов. Они разделены по категориям в соответствии с целевой платформой.
Designing for Context — The Multiscreen Ecosystem
Avi Itzkovich описывает современные подходы к проектированию продуктов, использующихся сразу на нескольких платформах для разных задач. Статья классифицирует эти подходы и приводит примеры таких комплексных сервисов.
Working with Android Sensors
Конспект выступления команды Android на конференции I/O, в которой они рассказывают об особенностях работы с сенсорами.
Moqups — Online Vector Based Mockup & Wireframing Tool
Moqups — это еще один онлайн-сервис для проектирования интерфейсов. Он позволяет описывать информационную архитектуру проекта и рисовать структурные схемы конкретных экранов.
IPEVO Ziggi USB Document Camera
Компания IPEVO выпустила камеру Ziggi, которая упрощает работу распределенных команд. Это отличный инструмент для быстрой оцифровки скетчей и бумажных прототипов.
Whitelines Link
Блокнот WhiteLines Link и мобильное приложение для него помогают быстро оцифровывать скетчи интерфейсов и другие заметки. Это почти то же что недавно анонсированный Evernote Smart Notebook, но с дополнительными возможностями.
The Value of Multiple Evaluators in Heuristic Evaluations
Jeff Sauro рассказывает о важности экспертной оценки сразу несколькими специалистами. Он приводит статистические выкладки о том, как меняется количество найденных проблем в зависимости от состава группы экспертов. Продолжение статьи с не очень утешительными выводами — даже группа экспертов может не заметить критичных проблем и уделять много незначительным.
Observing User Research
Jim Ross рассказывает об особенностях наблюдения за проведением пользовательских исследований. Несмотря на то что вживую увидеть работу пользователей с продуктом может быть крайне полезно, важно не мешать этому процессу.
A New Formula for Quantitative UX Decision Making
Jeff Sauro и Jim Lewis предлагают метод оценки важности интерфейсных проблем. Это отличный инструмент для понимания того, нужно ли инвестировать ресурсы в их решение.
Dealing with Difficult Usability Test Participants
David Travis из компании UserFocus дает советы исследователям в том, как работать со сложными респондентами. Хорошая памятка с описанием решений основных проблем.
Everything Can be Beautiful
Marc Hassenzahl задается вопросом о том, можно ли измерить эстетические качества продукта. Один из интересных выводов — непривычные подходы лучше продавать «частями», поэтапно.
Five Lessons Learned Doing User Research in Asia
Полезная обзорная статья Carissa Carter о пользовательских исследованиях в странах Азии. В ней дается небольшая историческая вводная по Китаю, Индии, Японии, помогающая сегментировать пользователей.
9 Biases in Usability Testing
Jeff Sauro перечисляет девять проблем, которые могут исказить результаты пользовательского тестирования. Они сопровождаются историческими отсылками и статистикой.
The F-Word in User Experience
Статья Jeff Sauro на давнюю тему негативного отношения пользовательских исследователей к фокус-группам. Он приводит примеры ситуаций, когда этот метод исследований может быть полезен.
Eyes are the Prize — Evaluating the benefits of eye-tracking equipment
Jon West описывает ключевые особенности eye-tracking-оборудования. От них зависит цена и ценность приобретаемой техники.
You Have 19 Days to Define Your Research Problem
Philip Hodgson пишет о том, как правильно подготовить пользовательское исследование. Важно точно понимать проблему, которую мы пытаемся изучить — только так результаты будут действительно полезны.
Modifying Your Usability Testing Methods to Get Early-Stage Design Feedback
Michael Hawley рассказывает о том, как сделать методы пользовательских исследований более эффективными на ранних этапах работы над интерфейсом. Он описывает особенности такого раннего исследования по сравнению с обычным.
Design Staff Guide to Research
John Zeratsky собрал неплохую базовую подборку материалов по пользовательским исследованиям для начинающих. Большинство из них взяты из сравнительного нового блога об интерфейсах Design Stuff, спонсируемого Google Ventures.
Card Sorting + Tree Testing — The Science of Great Site Navigation
Jeff Sauro описывает примеры использования нескольких методов проведения карточной сортировки. Для каждого из них описываются входные данные, особенности проведения и полученные результаты.
Field Studies vs User Testing — The Most Important Usability Activity?
Jakob Nielsen сравнивает два подхода к пользовательским исследованиям — юзабилити-тестирование и полевые исследования. Они способны дать разный эффект для улучшения интерфейса и требуют разных усилий и бюджетов.
Emotional Response Cards — A Simple User Research Tool
Ammeh Azeim из компании nForm предлагает набор карточек для оценки эмоционального отношения пользователя к продукту. Они основаны на упрощенном наборе Product Reaction Cards от Microsoft и позволяют оценивать отношение более дискретно.
A Closer Look at Diary Studies with Children and Teenagers
Catalina Naranjo-Bock продолжает серию статей о пользовательских исследованиях с детьми. В этом материале она рассказывает об особенностях дневниковых исследований с ними.
What Statistical Test Do I Use?
Jeff Sauro предлагает простой алгоритм выбора метода оценки статистических данных, полученных в результате пользовательских исследований.
Contrast-A — Find Accessible Color Combinations
Сервис Contrast-A помогает находить цветовые комбинации, которые будут хорошо восприниматься людьми с ограниченными возможностями. Результат соответствует гайдлайнам WCAG 2.0.
How to Calculate the ROI of UX Using Metrics
Вышла моя первая большая статья для моего любимого англоязычного сайта об интерфейсах UXMatters. Она о четырех метриках в интерфейсах — конверсия, ARPU, затратах на поддержку и эффективности выполнения задач. Год назад ее первая версия была в отечественном BLANK, но сейчас она серьезно доработана.
The Beginners' Guide to Benchmarking User Experience
David Travis из UserFocus рассказывает о том, как измерять UX. Он описывает пошаговый процесс выбора и расчета метрик для оценки качества UX.
Fixing a Broken User Experience
Stefan Klocek из компании Cooper предлагает подход, который позволит изменить интерфейсную культуру в крупной компании с множеством продуктов. Он предлагает начинать с базового уровня визуального сходства и дальше подниматься на уровень выше.
UX Design and Change Management
Полезнейшая серия статей Gerjan Boer, посвященная внедрению дизайн-процесса в компании. Она содержит 10 частей и описывает множество критически важных этапов и особенностей — от базовых методов проектирования до внутренней политики и организационных мер.
Project of How
Сайт категоризирует техники и методы креативной работы, сопровождая каждый из них справкой о процессе и необходимой команде. Перевод описания основных техник и его продолжение.
Adam Connor & Aaron Irizarry: Discussing Design — The Art of Critique
Одна из главных проблем в работе дизайнера и проектировщика — получение структурированных и ответственных комментариев к дизайну от других участников процесса. Adam Connor и Aaron Irizarry рассказывают о правильных подходах к сбору критики и фидбека. Они также открыли специализированный сайт, посвященный структурированному обсуждению дизайна.
Is UX Strategy Fundamentally Incompatible with Agile or Lean UX?
Paul Bryan по-новому отвечает на вопрос, совместимы ли эффективная гибкая разработка и комплексный подход к проектированию интерфейсов. В полной мере нет, причем баланс зависит от размера компании.
The UX of Minimum Viable Products (MVPs)
Anders Ramsay дает советы о том, как правильно выбрать функциональность продукта и собрать его прототип для проверки основных гипотез с помощью MVP (mininum viable product). Это отличный подход для проектировщиков, работающих в гибком процессе разработки.
The Project Canvas
James Kalbach опубликовал удобный шаблон для описания видения проекта. Он позволяет описать в простом и наглядном виде цели, ресурсы, процесс и базовые установки.
Процесс разработки как проекция методологии в пространстве Компания-Проект-Команда
Ярослав Перевалов опубликовал серию статей об интерфейсном рабочем процессе, который он строит в компании RapidSoft. У него интересный и разносторонний опыт, который делает эти материалы особенно полезными. Статья об аналитике и ролях участников рабочего процесса.
Agile Creativity
Обзорная статья Google на тему современных подходов к работе дизайнеров. В материале много интересных мини-интервью и высказываний специалистов отрасли.
Stakeholder Research Precedes UX Research
Tomer Sharon рассказывает о том, почему важно понимать цель клиента в проведении пользовательских исследований. Он описывает сценарий интервью с представителями заказчика, которое позволит не положить результаты исследований на полку.
Don’t Have a Meeting, Throw a Workshop
Beth Koloski предлагает проводить рабочие сессии вместо совещаний. Они позволяют лучше фокусироваться на проблеме и быстрее принимать решения.
Design Studio Workshop — Adding Up the Benefits
Хорошая обзорная статья о методике рабочих сессий design studio. Статья кратко описывает процесс и дает ссылки на полезные шаблоны рабочих документов.
Experience-Based Co-Design Toolkit
Подборка материалов, посвященных методике EBCD (Experience-Based Co-Design) для проектирования медицинских продуктов и услуг. Хороший инструментарий для тех, кто занимается медицинскими интерфейсами. Вводная статья с обзором других публикаций.
Design & Thinking — A Documentary on Design Thinking
Вышел фильм Design & Thinking, посвященный современным дизайн-методологиям и в частности дизайн-мышлению. Это документальное кино, в съемках которого приняли участие ключевые специалисты по подходу. Правда, у него уже есть обоснованная критика.
Introduction to Design Thinking
Отличное сравнение трактовок методологии design thinking от ее разных идеологов в базе знаний SAP Design Guild. К сожалению, хорошая дизайнерская библиотека слабо сказывается на качестве UX самих продуктов SAP.
USA Today Website Innovates with Horizontal Experience, Information Layers
О причинах появления нового дизайна USA Today и о user experience, который лег в основу изменений в дизайне.
Design Principles Behind Firefox OS UX
Patryk Adamczyk рассказывает о том, как создавался интерфейс новой мобильной ОС от Firefox. Платформа будет запущена в начале следующего года и уже доступен набор дизайн-шаблонов для нее.
Making of: People Magazine's Responsive Mobile Website
Josh Clark рассказывает о работе над мобильными версиями нового сайта журнала People. Собралась достаточно сильная команда ведущих специалистов отрасли, которая еще и заложила основу для переделки основной версии.
Mike Guss
Mike Guss, один из авторов интерфейсной стилистики Metro, рассказывает о том как он попал в команду WP7 и участвовал в ее создании. Интересная история, начинающаяся весной 2009 года.
Guardian Headliner — The Newspaper That Looks Back at You…
Интересный эксперимент компании BERG по контекстному акцентированию контента газеты Guardian. С помощью алгоритмов обработки изображений они создали экспериментальный проект Headliner, который выделяет эмоции главных героев публикации.
Good Design is Invisible — An Interview with iA's Oliver Reichenstein
Шикарнейшее интервью с Oliver Reichenstein, основателем компании Information Architects. Он рассказывает о том что дало ему проживание в Японии, типографике в интерфейсах и важности понимания основной функции продукта.
Истории про проектирование приложений для Windows 8
Константин Кичинский собрал все публикации в блоге Windows 8, рассказывающие о создании стандартных приложений. Хорошее дополнение в библиотеку паттернов новой платформы.
Awakenings — An Android Design Process
Sebastian de With рассказывает об опыте оптимизации дизайна Android-приложения под текущую вереницу дисплеев. Они сильно различаются по цветопередаче и другим параметрам вывода изображения, что доставляет уйму геморроя.
Using the New Office with Touch
Gray Knowlton из команды Microsoft Office рассказывает о том, как новая версия продукта оптимизировалась для планшетов. Хотя результат не идеален, это очень интересный кейс для тех кто будет приводить сложные десктопные приложения к Metro-стилистике. Да и вообще в блоге нового Office будет много интересного.
Designing the Windows 8 Touch Keyboard
Kip Knox из команды разработки Windows 8 рассказывает о создании сенсорной клавиатуры для новой ОС. Это сложная задача, которая требует учета массы особенностей использования, так что в статье много интересных деталей для проектировщиков тач-интерфейсов.
Interview: Jayse Hansen (The Avengers)
Интервью с Jayse Hansen, одним из главных дизайнеров футуристических интерфейсов в фильме Мстители. Он рассказывает о том, как они создавались и как взаимодействовала команда в целом.
Revolutionary User Interfaces
Шикарнейший таймлайн истории ключевых интерфейсных изобретений от Arjuna Soriano. Многие из ключевых и менее известных вещей не учтены, но формат очень хорош для начала изучения темы.
Project Glass and the Epic History of Wearable Computers
Paul Miller подготовил для The Verge подробный экскурс в историю носимых компьютеров. Он рассказывает о ключевых идеологах этого направления и основных этапах развития.
Life & Work of Bill Moggridge
8 сентября не стало Bill Moggridge, одного из пионеров интерфейсной профессии и автора понятия interaction design, со-основателя IDEO и изобретателя форм-фактора ноутбуков. На сайте дизайн-музея Smithsonian Cooper-Hewitt, которым он руководил в последние годы, открыт его мемориал. И еще один от компании IDEO.
Grids, Design Guidelines, Broken Rules, and the Streets of New York City
Краткая история сеток в искусстве и городском строительстве, которая позволяет лучше понять их важность применительно к дизайну и проектированию. На примере планировки Манхэттена Josh Clark показывает, насколько более коммерчески привлекательным и эффективным смог стать Нью-Йорк благодаря хорошей сетке.
The Best Interface is No Interface
Golden Krishna из компании Cooper Consulting вызвал обширную дискуссию своей правильной статьей о том, что лучший интерфейс — это невидимость или отсутствие интерфейса. Большое обсуждение доступно в комментариях к статье, а вот избранные реакции в социальных медиа. Коллекция примеров таких интерфейсов и выступление Peter Duyan на эту тему.
Evolving E-commerce Checkout
Шикарнейшая статья Luke Wroblewski о современном состоянии e-commerce. Он описывает актуальные интерфейсные и сервисные решения, которые позволяют радикально упростить процесс покупки в интернете.
Name Calling
Одна из самых интересных статей на избитую терминологическую тему «что значит каждое определение в UX» от Michael Zuschlag. В ходе нее он делает вывод, что многие из современных специалистов по интерфейсам, учитывая обрывочность их профессиональных навыков — просто современные веб-дизайнеры.
Future of Work — Interview with Hugh Dubberly
Хорошее интервью с Hugh Dubberly на тему трендов в направлении проектирования услуг. Он приводит интересную параллель с геологией, описывая этапы становления молодой науки.
Adapting Ourselves to Adaptive Content
Отличная презентация Karen McGrane о том, что требуется от современных систем управления контентом в условиях множества поддерживаемых платформ и устройств. Она приводит несколько удачных кейсов реализации этой стратегии.
Incremental Innovation is Underrated
James Kalbach пишет о недооцененности постепенных инноваций. Он показывает, что радикальных изменений, о которых сейчас особенно часто говорят, недостаточно — нужен комплексный подход.
Talking to Machines and Being Heard
В голосовом управлении интерфейсами сейчас новый виток моды, хотя ему пророчат прорыв уже с десяток лет. Dave Rich сделал неплохой обзор основных нюансов создания таких интерфейсов.
Skeuomorphic Design — What It is, Who Uses It, and Why You Need to Know
Неплохой краткий обзор плюсов и минусов скеоморфичного дизайна, который сейчас снова стал популярен благодаря приложениям для iOS.
Upcoming 2012-2013 UX Conferences
На сайте Konigi опубликован список ближайших западных конференций по интерфейсной или схожей тематике. Обновляется и более полная база сервиса Find UX Events, хотя списки не всегда пересекаются.
Managing Experience Across the Web and Beyond
Материалы конференции Managing Experiences от Adaptive Path, которая проходила с 4 по 5 марта в Сан Франциско. Это уже второй после UX Week бренд конференций от одной из главных компаний в отрасли.
Свежие ссылки можно также отслеживать в одноименной Facebook-группе.
Паттерны и Best Practices
The State of E-Commerce Checkout Design 2012
Хороший материал по юзабилити электронной коммерции с анализом 100 крупнейших игроков. Есть интересные и не очевидные с первого взгляда выводы по количеству шагов для оформления заказа, про подписки и очень интересные выводы на кого не стоит равняться — в большинстве сайты с большим оборотом оказываются худшим примером для подрожания. И фантастическая ранжированная подборка процессов оформления заказа. Перевод статьи.
UI Patterns for Mobile Apps — Search, Sort and Filter
Theresa Neil описывает мобильные паттерны для поиска, сортировки и фильтрации. Она приводит примеры разных подходов к этим задачам и ситуации, когда их стоит использовать. Перевод статьи.
Mobile Inline Form Validation
Отличнейшая статья Steven Hoober, подробно описывающая способы валидации форм в мобильных интерфейсах. Автор затрагивает как мобильный веб, так и приложения.
Homepage Design Changes
Jakob Nielsen собрал статистику редизайнов главных страниц крупных проектов и пришел к выводу, что со временем изменений становится все меньше. Во многих случаях доработки касаются отдельных блоков, хотя еще в начале 2000х перерабатывалось больше половины страницы. Перевод статьи.
UX for Learning — Design Guidelines for the Learner Experience
Отличнейшая статья Dorian Peters об особенностях создания интерфейсов обучающих продуктов. Она содержит классификацию подходов и гайдлайны для проектировщиков. Сайт Designer eLearning посвящен таким интерфейсам.
Cross Device Design Patterns
Luke Wroblewski описывает паттерны взаимодействия с несколькими устройствами. Интерфейс в них может дублироваться или дополнять друг друга. Raphael Guilleminot из компании Cooper описывает тренд "асимметричного дизайна" — сложного взаимодействия на серии соединенных друг с другом устройств.
Essential Design Patterns for Mobile Banking
Greg Nudelman подробно описывает интерфейсные паттерны для работы со сложными формами в мобильных сайтах и приложениях. Он предлагает компромиссный вариант, который позволяет минимизировать количество действий и шагов формы.
Radial Menus for Touch UI
MS Office 2013 использует круговые меню для планшетной версии OneNote, что «легализует» этот интерфейсный подход. Josh Clark описывает его преимущества и приводит другие примеры использования.
62 Tips on Graphic Design, UI/UX Design, and Visualization for eLearning
Небольшая книга с советами по проектированию и дизайну интерфейсов для обучения. Для скачивания нужно заполнить контактную форму.
Arabic Website Design Resources
Joe Leech из компании CXPartners собрал коллекцию ресурсов, посвященных проектированию интерфейсов для арабской аудитории. Это исследования и обзоры по теме.
Learnability Heuristics
Len Whitehead перечисляет эвристики, согласно которым можно оценивать способность интерфейса обучать пользователя работе с ним. На их основе он составил базовые гайдлайны по проектированию таких интерфейсов.
Journeys
Хорошая коллекция customer journey maps от Jamie Thomson.
Mobile Apps Promo Videos
Новый сайт от создателей InspiredUI собирает промо-видео мобильных приложений. Хорошая коллекция паттернов для тех кто продвигает свои продукты.
Visually Reinforce Your Credit Card Fields (89% Get it Wrong)
Jamie Appleseed приводит результаты пользовательских исследований о доверии к формам оплаты в онлайне. Несложное выделение полей с информацией о кредитке способно значительно повысить доверие к компании-продавцу.
5 Really Useful Responsive Web Design Patterns
Joshua Johnson описывает паттерны адаптивного дизайна, развивая недавнюю статью Luke Wroblewski. Он показывает компоновку 5 наиболее распространенных подходов и примеры их реализации.
iPhone Blueprints by Scott Jensen
Электронная книга iPhone Blueprints от Scott Jensen, посвященная проектированию и дизайну мобильных приложений для iPhone. Тема уже не раз освещалась в других книгах, но это хороший образец адаптированного для планшета варианта.
Enhancing the University Submission Experience
Simon Norris и Rob Howells из компании Nomensa рассказывают о том, как улучшить интерфейсы для абитуриентов, выбирающих учебные заведения. Этот процесс очень схож с тем, что происходит в электронной коммерции — пользователи также изучают и сравнивают учебные продукты, им также важны простые и удобные процессы подачи заявлений и отслеживания их хода.
Понимание пользователя
Moments that Matter… Moments that Don’t
Сейчас многие увлечены и занимаются проектированием услуг, стараясь учесть и проработать каждый момент взаимодействия потребителя с компанией и ее продуктами. Но Doug Klein советует не слишком увлекаться — пользователя утомляет повышенное внимание к нему в любой ситуации, нужно понимать когда он не против такого общения.
Navigating the New Multi-Screen World
Google провел исследование того, как пользователи используют связку из разных устройств для решения своих задач. Тема мультиэкранного взаимодействия становится все более актуальной и количество материалов по ней растет.
The Cast of Personas
Indy Young предлагает думать не о персонажах, а о поведенческих сегментах целевой аудитории. Такой подход позволяет фокусироваться на деятельности пользователей.
Building Tight Game Systems of Cause and Effect
Полезнейший и подробнейший справочник игровых механик от Daniel Cook, которые позволяют создавать понятные и эффективные причинно-следственные связи между событиями в играх. Статья в подробно разбирает каждую из них.
Identifying Product Value, Then Designing the Right Product
Группа экспертов UXMatters рассказывает о том, как определить ценность продукта для пользователя. Найти, понять и удовлетворить такие потребности — одно из ключевых условий успеха продукта.
Brand Touchpoint Matrix
Jonas Persson предлагает методику проектирования customer experience с помощью матрицы взаимодействия с брендом. Она показывает все возможные точки соприкосновения потребителя с компанией и помогает выбрать их оптимальный набор и последовательность.
Why Do Products Fail? – Forgetting that Users Learn
Scott Sehlhorst рассказывает о концепции «canyon of pain» и вообще особенностей обучения пользователей. Он приводит разные концепции, описывающие уровень опытности пользователей продукта.
How The Left/ Right Brain Theory Improves the User Experience
Хорошая обзорная статья об особенностях работы левого и правого полушария в блоге компании Usabilla. Автор Sabina Idler приводит примеры методик проектирования интерфейса, которые учитывают особенности каждой из них.
Google’s Take on “Change Aversion” Misses the Point
Интересная полемика Jared Spool со статьей Aaron Sedley, пользовательского исследователя в Google. Aaron жалуется на то, что пользователи всегда недовольны изменениями, в то время как Jared говорит что Гугл просто неправильно внедряет их.
Achieve Product-Market Fit with our Brand-New Value Proposition Designer Canvas
Alexander Osterwalder показывает простую и очень наглядную диаграмму для описания ценности продукта для пользователя. Это отличный инструмент при создании MVP (minimum viable product), позволяющего проверить успешность продукта на ранних этапах.
Should We Focus on User Experience?
Koen AT Claes по-новому ставит вопрос о том, нужно ли проектировать experience. Он советует уделять особое внимание воспоминаниям, которые останутся после использования продукта — они более важны для пользователя, чем сам experience.
Situational Awareness — A Method for Mobile Content Planning
Darin Wonn рассказывает о концепции осведомленности системы о текущем состоянии пользователя, которая особенно полезна в мобильных приложениях. Концепция описывает три уровня осведомленности — текущее, планируемое сейчас и планируемое в будущем. Перевод статьи.
An Evaluation of Typeface Design in a Text-Rich Automotive User Interface by Bryan Reimer, Bruce Meh
Исследование MIT на тему важности легкочитаемых шрифтов в бортовых компьютерах автомобилей. Сам факт известен давно, но в отчете много интересных цифр и статистики. Краткий обзор и еще одна статья с обзором и выводами.
Hear, All Ye People; Hearken, O Earth
Интересный эксперимент Errol Morris из NY Times показывает, что доверие к информации зависит от шрифта, которым она набрана. К сдержанным и классическим гарнитурам доверия больше.
A Tablet Still Is Not a Book… Not Yet
Dan Turner описывает проблемы использования планшетов для чтения по сравнению с книгами со стороны эргономики, психологии и когнитивного восприятия.
It's Business and It's Personal
Sarah Richards и Emma Reeves рассказывают о том, как интерфейсы могут стать более персональными. Это важно для повышения доверия и лояльности к продукту.
Making Sense of the Cross Channel Experience
Jon Fisher из компании Nomensa предлагает способ описания взаимодействий пользователя с продуктом, в случае если оно происходит сразу по нескольким каналам или платформам.
New Ways of Visualizing the Customer Journey Map
Kim Cullen показывает свежие подходы к описанию customer journey map. Компания собрала молодых дизайнеров из смежных отраслей, которые никогда не сталкивались с этой задачей, и посмотрела как они решали ее.
Intention-Focused Design — Applying Perceptual Control Theory to Discover User Intent
Alex O'Neal рассказывает о концепции Perceptual Control Theory применительно к интерфейсам. Она позволяет лучше понимать намерения пользователя, изучать его глубинную мотивацию.
Perspectives in Experience Design
Milan Guenther описывает взаимоотношения потребителя и бизнеса в различных срезах, которым даны названия дисциплин — customer experience, employee experience, user experience и brand experience. Диаграммы-иллюстрации в статье наглядно показывают, что подразумевает каждая из них.
A Business Case for Transformative Services
Melanie Wendland описывает актуальное направление продуктов и услуг, главная задача которых — изменение поведения отдельных людей, сообществ и компаний. Оно приходит на смену экономике впечатлений и нацелено на более долгосрочное взаимодействие с потребителем.
Business Model Canvas for User Experience by @TriKro
Tristan Kromer рассматривает фреймворк для построения бизнес-моделей Alexander Osterwalder применительно к user experience. Он предлагает его альтернативную версию, ориентированную на потребителя.
Проектирование структуры и экранов интерфейса
Free UX Sketching and Wireframing Templates for Mobile Projects
Компания Pixle подготовила самый обширный и полный комплект шаблонов для бумажного проектирования мобильных интерфейсов. Он включает 10 устройств для 7 платформ (Android, BlackBerry, iOS (iPad и iPhone), Meego, Symbian, webOS, Windows Phone 7).
UX Guidelines for Metro Style Apps
Microsoft опубликовала интерфейсные гайдлайны по проектированию и дизайну приложений для Windows 8. 26 октября состоялся официальный запуск платформы, так что работы для проектировщиков и дизайнеров будет много.
Metro-Themed Windows 8 PowerPoint Templates
Шаблоны проектирования интерфейсов для Windows 8 в PowerPoint. Это простой и быстрый способ описания концепций, правда, плохо работающий в условиях парадигмы бесконечного или длинного полотна, использующегося в ОС.
Жесткая приоритезация, или 5 первых шагов к отличному приложению для Windows 8. От персонажей к сценариям
Константин Кичинский рассказывает о том, как описание и приоритезация сценариев использования помогает создавать приложения для Windows 8. Предлагаемый подход к сбору и фильтрации списка сценариев интересен и без привязки к этой ОС.
Designing Screens Using Cores and Paths
Jim Kalbach и Karen Lindemann описывают шикарную методику проектирования экрана интерфейса с учетом его задач и последующих шагов. Она позволяет определить набор элементов на странице и оценить важность каждого из них.
Designing What's Never Been Done Before
Jared Spool размышляет на тему того, как создавать интерфейсы и элементы управления для тех задач, которые еще не решались ранее. Он рекомендует исходить из понимания существующих проблем и потребностей пользователя.
Responsive Email Design
Серия статей Campaign Monitor об адаптивном дизайне почтовых рассылок. Они содержат подробное описание техник и приемов по созданию универсальных писем для разных устройств.
Voice and Tone
Специалисты компании MailChimp запустили сервис Voice & Tone, который поможет проектировщикам писать хорошие служебные тексты в интерфейсах. Он позволяет подобрать оптимальный посыл и эмоциональный посыл для разных ситуаций. Сопроводительная статья.
Wirefy — The Responsive Wireframe Boilerplate
CSS-фреймворк Wirefy позволяет быстро собирать интерактивные прототипы интерфейсов. Он поддерживает 960grid, адаптивность и много других современных вещей.
Creating a Web-Site Information Architecture in Six Steps
Хорошая инструкция от Nathaniel Davis по проектированию информационной архитектуры сайта для начинающих. Хотя тема не особо свежая, простых и понятных статей по ней не так много.
Fontello — Easy Iconic Fonts Composer
Сервис Fontello предлагает несколько иконочных шрифтов, из которых можно собрать подходящий набор. Такой инструмент удобнее для работы проектировщика, чем векторные иконки.
UICloud — User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads
Поисковик по стенсилам проектирования и дизайна. Качество и ценность не всегда однозначны, но можно найти интересные примеры основных интерфейсных паттернов.
PowerStory for PowerPoint — Build UI Storyboards and Generate Test Cases
Плагин PowerStory для PowerPoint, который помогает создавать use cases и сториборды, обеспечивая связку между бизнес-аналитиками и специалистами по интерфейсам. Он также подходит и для создания прототипов.
Aaron Gustafson: Adapting Your Designs with Progressive Enhancement
Интервью Aaron Gustafson, автора книги Adaptive Web Design. Он рассказывает об еще одном подходе к проблеме адаптивного дизайна (responsive и adaptive), который делает основной акцент на доступности продукта на всех возможных устройствах, а не просто изменению способов подачи контента.
Responsive Design Bookmarklet
Простой и полезный букмарклет, который помогает проверить сайт в различных состояниях адаптивности. Он позволяет быстро посмотреть версию для телефона, планшета и различных разрешений экрана на десктопе.
Nathan Curtis: Start Full Screen — Organize, Communicate, and Annotate HTML Prototypes
Интервью Nathan Curtis из EightShapes о подходах компании к созданию интерактивных прототипов в HTML Их команда когда-то сделала один из лучших фреймворков для документации интерфейсов с помощью InDesign, а теперь переносит этот опыт в более динамичный и соответствующий продуктовой работе формат.
6 Tips for Organizing Sketched Artifacts
Те кто делает скетчи интерфейсов часто и в большом количестве сталкиваются с проблемой организации их архивов. Nathan Curtis из компании EightShapes рассказывает о том, как они справляются с этим.
Prototyping Tools — Paper & Equator
Proto/Moto — это специализированный каталог всех современных инструментов проектирования интерфейсов. Они разделены по категориям в соответствии с целевой платформой.
Designing for Context — The Multiscreen Ecosystem
Avi Itzkovich описывает современные подходы к проектированию продуктов, использующихся сразу на нескольких платформах для разных задач. Статья классифицирует эти подходы и приводит примеры таких комплексных сервисов.
Working with Android Sensors
Конспект выступления команды Android на конференции I/O, в которой они рассказывают об особенностях работы с сенсорами.
Moqups — Online Vector Based Mockup & Wireframing Tool
Moqups — это еще один онлайн-сервис для проектирования интерфейсов. Он позволяет описывать информационную архитектуру проекта и рисовать структурные схемы конкретных экранов.
IPEVO Ziggi USB Document Camera
Компания IPEVO выпустила камеру Ziggi, которая упрощает работу распределенных команд. Это отличный инструмент для быстрой оцифровки скетчей и бумажных прототипов.
Whitelines Link
Блокнот WhiteLines Link и мобильное приложение для него помогают быстро оцифровывать скетчи интерфейсов и другие заметки. Это почти то же что недавно анонсированный Evernote Smart Notebook, но с дополнительными возможностями.
Пользовательские исследования и тестирование
The Value of Multiple Evaluators in Heuristic Evaluations
Jeff Sauro рассказывает о важности экспертной оценки сразу несколькими специалистами. Он приводит статистические выкладки о том, как меняется количество найденных проблем в зависимости от состава группы экспертов. Продолжение статьи с не очень утешительными выводами — даже группа экспертов может не заметить критичных проблем и уделять много незначительным.
Observing User Research
Jim Ross рассказывает об особенностях наблюдения за проведением пользовательских исследований. Несмотря на то что вживую увидеть работу пользователей с продуктом может быть крайне полезно, важно не мешать этому процессу.
A New Formula for Quantitative UX Decision Making
Jeff Sauro и Jim Lewis предлагают метод оценки важности интерфейсных проблем. Это отличный инструмент для понимания того, нужно ли инвестировать ресурсы в их решение.
Dealing with Difficult Usability Test Participants
David Travis из компании UserFocus дает советы исследователям в том, как работать со сложными респондентами. Хорошая памятка с описанием решений основных проблем.
Everything Can be Beautiful
Marc Hassenzahl задается вопросом о том, можно ли измерить эстетические качества продукта. Один из интересных выводов — непривычные подходы лучше продавать «частями», поэтапно.
Five Lessons Learned Doing User Research in Asia
Полезная обзорная статья Carissa Carter о пользовательских исследованиях в странах Азии. В ней дается небольшая историческая вводная по Китаю, Индии, Японии, помогающая сегментировать пользователей.
9 Biases in Usability Testing
Jeff Sauro перечисляет девять проблем, которые могут исказить результаты пользовательского тестирования. Они сопровождаются историческими отсылками и статистикой.
The F-Word in User Experience
Статья Jeff Sauro на давнюю тему негативного отношения пользовательских исследователей к фокус-группам. Он приводит примеры ситуаций, когда этот метод исследований может быть полезен.
Eyes are the Prize — Evaluating the benefits of eye-tracking equipment
Jon West описывает ключевые особенности eye-tracking-оборудования. От них зависит цена и ценность приобретаемой техники.
You Have 19 Days to Define Your Research Problem
Philip Hodgson пишет о том, как правильно подготовить пользовательское исследование. Важно точно понимать проблему, которую мы пытаемся изучить — только так результаты будут действительно полезны.
Modifying Your Usability Testing Methods to Get Early-Stage Design Feedback
Michael Hawley рассказывает о том, как сделать методы пользовательских исследований более эффективными на ранних этапах работы над интерфейсом. Он описывает особенности такого раннего исследования по сравнению с обычным.
Design Staff Guide to Research
John Zeratsky собрал неплохую базовую подборку материалов по пользовательским исследованиям для начинающих. Большинство из них взяты из сравнительного нового блога об интерфейсах Design Stuff, спонсируемого Google Ventures.
Card Sorting + Tree Testing — The Science of Great Site Navigation
Jeff Sauro описывает примеры использования нескольких методов проведения карточной сортировки. Для каждого из них описываются входные данные, особенности проведения и полученные результаты.
Field Studies vs User Testing — The Most Important Usability Activity?
Jakob Nielsen сравнивает два подхода к пользовательским исследованиям — юзабилити-тестирование и полевые исследования. Они способны дать разный эффект для улучшения интерфейса и требуют разных усилий и бюджетов.
Emotional Response Cards — A Simple User Research Tool
Ammeh Azeim из компании nForm предлагает набор карточек для оценки эмоционального отношения пользователя к продукту. Они основаны на упрощенном наборе Product Reaction Cards от Microsoft и позволяют оценивать отношение более дискретно.
A Closer Look at Diary Studies with Children and Teenagers
Catalina Naranjo-Bock продолжает серию статей о пользовательских исследованиях с детьми. В этом материале она рассказывает об особенностях дневниковых исследований с ними.
What Statistical Test Do I Use?
Jeff Sauro предлагает простой алгоритм выбора метода оценки статистических данных, полученных в результате пользовательских исследований.
Contrast-A — Find Accessible Color Combinations
Сервис Contrast-A помогает находить цветовые комбинации, которые будут хорошо восприниматься людьми с ограниченными возможностями. Результат соответствует гайдлайнам WCAG 2.0.
Метрики и ROI
How to Calculate the ROI of UX Using Metrics
Вышла моя первая большая статья для моего любимого англоязычного сайта об интерфейсах UXMatters. Она о четырех метриках в интерфейсах — конверсия, ARPU, затратах на поддержку и эффективности выполнения задач. Год назад ее первая версия была в отечественном BLANK, но сейчас она серьезно доработана.
The Beginners' Guide to Benchmarking User Experience
David Travis из UserFocus рассказывает о том, как измерять UX. Он описывает пошаговый процесс выбора и расчета метрик для оценки качества UX.
Управление интерфейсными проектами и процессами
Fixing a Broken User Experience
Stefan Klocek из компании Cooper предлагает подход, который позволит изменить интерфейсную культуру в крупной компании с множеством продуктов. Он предлагает начинать с базового уровня визуального сходства и дальше подниматься на уровень выше.
UX Design and Change Management
Полезнейшая серия статей Gerjan Boer, посвященная внедрению дизайн-процесса в компании. Она содержит 10 частей и описывает множество критически важных этапов и особенностей — от базовых методов проектирования до внутренней политики и организационных мер.
Project of How
Сайт категоризирует техники и методы креативной работы, сопровождая каждый из них справкой о процессе и необходимой команде. Перевод описания основных техник и его продолжение.
Adam Connor & Aaron Irizarry: Discussing Design — The Art of Critique
Одна из главных проблем в работе дизайнера и проектировщика — получение структурированных и ответственных комментариев к дизайну от других участников процесса. Adam Connor и Aaron Irizarry рассказывают о правильных подходах к сбору критики и фидбека. Они также открыли специализированный сайт, посвященный структурированному обсуждению дизайна.
Is UX Strategy Fundamentally Incompatible with Agile or Lean UX?
Paul Bryan по-новому отвечает на вопрос, совместимы ли эффективная гибкая разработка и комплексный подход к проектированию интерфейсов. В полной мере нет, причем баланс зависит от размера компании.
The UX of Minimum Viable Products (MVPs)
Anders Ramsay дает советы о том, как правильно выбрать функциональность продукта и собрать его прототип для проверки основных гипотез с помощью MVP (mininum viable product). Это отличный подход для проектировщиков, работающих в гибком процессе разработки.
The Project Canvas
James Kalbach опубликовал удобный шаблон для описания видения проекта. Он позволяет описать в простом и наглядном виде цели, ресурсы, процесс и базовые установки.
Процесс разработки как проекция методологии в пространстве Компания-Проект-Команда
Ярослав Перевалов опубликовал серию статей об интерфейсном рабочем процессе, который он строит в компании RapidSoft. У него интересный и разносторонний опыт, который делает эти материалы особенно полезными. Статья об аналитике и ролях участников рабочего процесса.
Agile Creativity
Обзорная статья Google на тему современных подходов к работе дизайнеров. В материале много интересных мини-интервью и высказываний специалистов отрасли.
Stakeholder Research Precedes UX Research
Tomer Sharon рассказывает о том, почему важно понимать цель клиента в проведении пользовательских исследований. Он описывает сценарий интервью с представителями заказчика, которое позволит не положить результаты исследований на полку.
Don’t Have a Meeting, Throw a Workshop
Beth Koloski предлагает проводить рабочие сессии вместо совещаний. Они позволяют лучше фокусироваться на проблеме и быстрее принимать решения.
Design Studio Workshop — Adding Up the Benefits
Хорошая обзорная статья о методике рабочих сессий design studio. Статья кратко описывает процесс и дает ссылки на полезные шаблоны рабочих документов.
Методологии
Experience-Based Co-Design Toolkit
Подборка материалов, посвященных методике EBCD (Experience-Based Co-Design) для проектирования медицинских продуктов и услуг. Хороший инструментарий для тех, кто занимается медицинскими интерфейсами. Вводная статья с обзором других публикаций.
Design & Thinking — A Documentary on Design Thinking
Вышел фильм Design & Thinking, посвященный современным дизайн-методологиям и в частности дизайн-мышлению. Это документальное кино, в съемках которого приняли участие ключевые специалисты по подходу. Правда, у него уже есть обоснованная критика.
Introduction to Design Thinking
Отличное сравнение трактовок методологии design thinking от ее разных идеологов в базе знаний SAP Design Guild. К сожалению, хорошая дизайнерская библиотека слабо сказывается на качестве UX самих продуктов SAP.
Кейсы
USA Today Website Innovates with Horizontal Experience, Information Layers
О причинах появления нового дизайна USA Today и о user experience, который лег в основу изменений в дизайне.
Design Principles Behind Firefox OS UX
Patryk Adamczyk рассказывает о том, как создавался интерфейс новой мобильной ОС от Firefox. Платформа будет запущена в начале следующего года и уже доступен набор дизайн-шаблонов для нее.
Making of: People Magazine's Responsive Mobile Website
Josh Clark рассказывает о работе над мобильными версиями нового сайта журнала People. Собралась достаточно сильная команда ведущих специалистов отрасли, которая еще и заложила основу для переделки основной версии.
Mike Guss
Mike Guss, один из авторов интерфейсной стилистики Metro, рассказывает о том как он попал в команду WP7 и участвовал в ее создании. Интересная история, начинающаяся весной 2009 года.
Guardian Headliner — The Newspaper That Looks Back at You…
Интересный эксперимент компании BERG по контекстному акцентированию контента газеты Guardian. С помощью алгоритмов обработки изображений они создали экспериментальный проект Headliner, который выделяет эмоции главных героев публикации.
Good Design is Invisible — An Interview with iA's Oliver Reichenstein
Шикарнейшее интервью с Oliver Reichenstein, основателем компании Information Architects. Он рассказывает о том что дало ему проживание в Японии, типографике в интерфейсах и важности понимания основной функции продукта.
Истории про проектирование приложений для Windows 8
Константин Кичинский собрал все публикации в блоге Windows 8, рассказывающие о создании стандартных приложений. Хорошее дополнение в библиотеку паттернов новой платформы.
Awakenings — An Android Design Process
Sebastian de With рассказывает об опыте оптимизации дизайна Android-приложения под текущую вереницу дисплеев. Они сильно различаются по цветопередаче и другим параметрам вывода изображения, что доставляет уйму геморроя.
Using the New Office with Touch
Gray Knowlton из команды Microsoft Office рассказывает о том, как новая версия продукта оптимизировалась для планшетов. Хотя результат не идеален, это очень интересный кейс для тех кто будет приводить сложные десктопные приложения к Metro-стилистике. Да и вообще в блоге нового Office будет много интересного.
Designing the Windows 8 Touch Keyboard
Kip Knox из команды разработки Windows 8 рассказывает о создании сенсорной клавиатуры для новой ОС. Это сложная задача, которая требует учета массы особенностей использования, так что в статье много интересных деталей для проектировщиков тач-интерфейсов.
Interview: Jayse Hansen (The Avengers)
Интервью с Jayse Hansen, одним из главных дизайнеров футуристических интерфейсов в фильме Мстители. Он рассказывает о том, как они создавались и как взаимодействовала команда в целом.
История
Revolutionary User Interfaces
Шикарнейший таймлайн истории ключевых интерфейсных изобретений от Arjuna Soriano. Многие из ключевых и менее известных вещей не учтены, но формат очень хорош для начала изучения темы.
Project Glass and the Epic History of Wearable Computers
Paul Miller подготовил для The Verge подробный экскурс в историю носимых компьютеров. Он рассказывает о ключевых идеологах этого направления и основных этапах развития.
Life & Work of Bill Moggridge
8 сентября не стало Bill Moggridge, одного из пионеров интерфейсной профессии и автора понятия interaction design, со-основателя IDEO и изобретателя форм-фактора ноутбуков. На сайте дизайн-музея Smithsonian Cooper-Hewitt, которым он руководил в последние годы, открыт его мемориал. И еще один от компании IDEO.
Grids, Design Guidelines, Broken Rules, and the Streets of New York City
Краткая история сеток в искусстве и городском строительстве, которая позволяет лучше понять их важность применительно к дизайну и проектированию. На примере планировки Манхэттена Josh Clark показывает, насколько более коммерчески привлекательным и эффективным смог стать Нью-Йорк благодаря хорошей сетке.
Тренды
The Best Interface is No Interface
Golden Krishna из компании Cooper Consulting вызвал обширную дискуссию своей правильной статьей о том, что лучший интерфейс — это невидимость или отсутствие интерфейса. Большое обсуждение доступно в комментариях к статье, а вот избранные реакции в социальных медиа. Коллекция примеров таких интерфейсов и выступление Peter Duyan на эту тему.
Evolving E-commerce Checkout
Шикарнейшая статья Luke Wroblewski о современном состоянии e-commerce. Он описывает актуальные интерфейсные и сервисные решения, которые позволяют радикально упростить процесс покупки в интернете.
Name Calling
Одна из самых интересных статей на избитую терминологическую тему «что значит каждое определение в UX» от Michael Zuschlag. В ходе нее он делает вывод, что многие из современных специалистов по интерфейсам, учитывая обрывочность их профессиональных навыков — просто современные веб-дизайнеры.
Future of Work — Interview with Hugh Dubberly
Хорошее интервью с Hugh Dubberly на тему трендов в направлении проектирования услуг. Он приводит интересную параллель с геологией, описывая этапы становления молодой науки.
Adapting Ourselves to Adaptive Content
Отличная презентация Karen McGrane о том, что требуется от современных систем управления контентом в условиях множества поддерживаемых платформ и устройств. Она приводит несколько удачных кейсов реализации этой стратегии.
Incremental Innovation is Underrated
James Kalbach пишет о недооцененности постепенных инноваций. Он показывает, что радикальных изменений, о которых сейчас особенно часто говорят, недостаточно — нужен комплексный подход.
Talking to Machines and Being Heard
В голосовом управлении интерфейсами сейчас новый виток моды, хотя ему пророчат прорыв уже с десяток лет. Dave Rich сделал неплохой обзор основных нюансов создания таких интерфейсов.
Skeuomorphic Design — What It is, Who Uses It, and Why You Need to Know
Неплохой краткий обзор плюсов и минусов скеоморфичного дизайна, который сейчас снова стал популярен благодаря приложениям для iOS.
Материалы конференций
Upcoming 2012-2013 UX Conferences
На сайте Konigi опубликован список ближайших западных конференций по интерфейсной или схожей тематике. Обновляется и более полная база сервиса Find UX Events, хотя списки не всегда пересекаются.
Managing Experience Across the Web and Beyond
Материалы конференции Managing Experiences от Adaptive Path, которая проходила с 4 по 5 марта в Сан Франциско. Это уже второй после UX Week бренд конференций от одной из главных компаний в отрасли.
Свежие ссылки можно также отслеживать в одноименной Facebook-группе.
