Методы и практики

Sketching Interfaces Workshop (Презентация Pub Smith)
Слайды из тренинга Pub Smith о создании скетчей интерфейсов, проходившего на конференции Interactions 2012. В них много полезной информации о техниках, инструментах и их применении.

James Robertson – Innovative Mobile Intranet Design
Jared Spool беседует с James Robertson, специалистом по мобильному интранету. Хотя материалу не хватает структурированности, на эту тему информации крайне мало и статья будет полезна в общем понимании проблематики.

Buttons were an inspired UI hack, but now we’ve got better options
Josh Clark подготовил отличнейшую презентацию Buttons are a Hack. Он продвигает мысль о том, что современные интерфейсы в парадигме WIMP были нужны на своем этапе, но сейчас они мешают развитию. Прямая ссылка на презентацию. Конспект выступления от Luke Wroblewski.

Finger-Friendly Design: Ideal Mobile Touch Target Sizes
Anthony T описывает нюансы проектирования тач-интерфейсов с учетом особенностей пальцев. Он приводит рекомендации из гайдлайнов различных мобильных ОС и критически оценивает их — есть исключения из этих правил.

Shrink To Fit — Designing Scalable User Interfaces
Andy Gilliland и Nate Cox рассказывают об особенностях дизайна современных продуктов, представленных на множестве устройств. Они предлагают в том числе формулу для расчета пропорций, исходя из которых готовится вспомогательная графика.

UX Reviews — Which one? How long?
Frances Miller описывает несколько методов оценки интерфейса. Это стандартные экспертные оценки, обзоры конкурентов и анализ возможностей.

Talking Out Loud Is Not the Same as Thinking Aloud
Mike Hughes описывает особенности использования метода пользовательских исследований с помощью проговаривания впечатлений от интерфейса вслух. Он рассказывает о хороших и плохих практиках его применения.

7 Product Image Categories
Christian Holst описывает 7 типов иллюстраций, которые используются на страницах описания товаров. Они решают разные задачи и применяются в разных контекстах.

7 S’s of User Research Sampling
Jeff Sauro описывает 7 подходов к подбору респондентов для пользовательских исследований. Способы варьируются от неформальных до четко спланированных.

Diving into Indie UX — The Wrong Way
Theresa Neil рассказывает начинающим проектировщикам, как стать опытным специалистом. Это хороший набор советов от одной из самых сильных в отрасли.

Lean ways to test your new business idea
David Travis рассказывает о трех способах проверки проблемы, которую решает продукт. Они позволяют проверить правильность предложенной гипотезы и скорректировать ее при необходимости.

Close Photoshop and Grab a Pencil — The Lost Art of Thumbnail Sketches
Joshua Johnson описывает частное направление в создании скетчей интерфейсов — миниатюрные наброски экранов. Они позволяют показать общий лейаут экрана и взаимодействия между ними.

How to Assess the Maturity of Your Information Architecture
Nathaniel Davis предлагает метод оценки текущего состояния информационной архитектуры в проекте. Правда, описываемый пример чересчур примитивен и не дает понимания того, как пользоваться предложенной моделью.

Sketchbooks DIY
Michael Angeles рассказывает о том, как сделать собственный блокнот для скетчей. Статья показывает пошаговый процесс подготовки и сбора материалов.

Engagement Styles — Beyond ‘Lean Forward’ and ‘Lean Back’
Craig Will описывает сценарии использования планшетов, которые идут дальше классического противопоставления “откинуться в кресле перед телевизором” и “прилипнуть к экрану компьютера”. Вместо этой дихотомии он приводит два состояния пользовательской активности — действия с интерфейсом и потребление информации.

The Social Design of Commercial Tweets and Posts
Adrian Chan рассказывает об изменениях в посылах коммерческих сообщений, которые произошли с распространением социальных сетей. В первую очередь это переход от изображений к текстам, которые обращены к конкретному человеку или группе людей.

8 Advantages of Standardized Usability Questionnaires
Jeff Sauro описывает преимущества стандартизированных опросников в пользовательских исследованиях. Он перечисляет их важные качества и методы получения.

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

inSights — Fabrique
Еще один набор игральных карт для проектировщиков, который перечисляет хорошие интерфейсные приемы. Он содержит 60 карточек, которые помогут повысить конверсию и улучшить дизайн.

ScreenLeap — Share Your Screen Instantly to Any Device with a Browser
Сервис позволяет дать общий доступ к текущему экрану любого устройства, включая планшеты и мобильные. Для этого генерируется ссылка, зайдя по которой можно увидеть содержимое экрана.

PaintCode
PaintCode позволяет быстро спроектировать интерфейс iOS- или OSX-приложения и превратить его в работающий код. Инструмент векторный, так что проблем с новыми retina-экранами не будет.

Filming mobile device usability testing is easy with Mr. Tappy
В продаже появился Mr.Tappy — крепление для тестирования мобильных устройств. Стоимость комплекта — $289.

Bootstrap Stencils
Появились два стенсила для проектирования интерфейсов на базе фреймворка Bootstrap от Twitter. Первый из них для Fireworks. Второй для OmniGraffle.

Responsive.is – Display and present responsive web designs
Сервис позволяет просматривать сайты, созданные в формате адаптивного дизайна, а также проверять их работу на различных устройствах. Можно ввести любой адрес, хотя не все отрабатываются корректно.

Personapp — Create, quick informal personas
Онлайн-сервис Personapp позволит описывать персонажей. Он пока еще не запущен, но можно подписаться на бета-версию.

EyeSimulator
Полезнейший онлайн-симулятор для проектировщиков, который позволяет увидеть сайт глазами человека с проблемами зрения. Он показывает эффект десятка различных возрастных и врожденных заболеваний.

Adobe Technology Sneaks 2012 — Adobe Shadow on Adobe TV
Новый продукт Shadow от Adobe помогает дизайнерам и разработчикам проверять работоспособность кода на разных устройствах. Устройства подключаются друг к другу и отображают один и тот же проект с возможностью отладки.

UX Testing and Cultural Preferences
Joe Doveton перечисляет ключевые нюансы, которые необходимо учитывать при запуске глобальных продуктов. Они должны учитывать специфику языка, восприятия цвета, отношение к другим культурам, контекст внимания и проникновение технологий.

Паттерны и гайдлайны

Multi-Device Layout Patterns
Luke Wroblewski перечисляет типовые подходы к созданию мульти-платформенных продуктов. Они предполагают разное поведение составных блоков страницы. Jason Weaver подготовил небольшое демо одного из описываемых паттернов — вылезающего за пределы viewport контента.

Design Beautiful & Usable Android Apps
Theresa Neil собрала в презентации подборку паттернов для Android-приложений. В статье также много полезных материалов по теме проектирования и дизайна для платформы.

Android 4.0 UI Design Tips
Презентация Justin Lee, в которой он рассказывает об основных отличиях Android 4.0 от предыдущих версий.

Android Patterns
Галерея паттернов Android-приложений, построенная по принципу аналогичного сайта для pttrns.com. Пока, правда, примеров не так много.

Designing Search — Entering the Query
Tony Russell-Rose приводит поисковые паттерны. Статья описывает основные поисковые задачи и показывает примеры интерфейсов для них.

Процесс

Design the new Business
Документальный фильм о современной роли дизайна в создании массовых продуктов. 40-минутный ролик с рассказами представителей продуктовых компаний и дизайн-студий.

Product Manager — Strategic or Not?
Scott Sehlhorst рассуждает о роли продукт-менеджера в принятии стратегических решений. Для руководства компании он зачастую исполнитель решений, но для команды разработки — их источник.

Is Your Organization Design Ready?
Chris Noessel из компании Cooper Consulting предлагает простой тест для того чтобы понять, насколько компания готова к внедрению дизайн-процессов. Он описывает два уровня зрелости — способность увидеть хорошие дизайн-решения и внедрить их.

Surviving Design Projects
Dan Brown подготовил набор игральных карт для тех, кто управляет дизайн-проектами. Он состоит из двух колод — проблемные ситуации в работе с клиентами, а также решения для них.

Leveraging User Experience Research in Driving Business Results — A Quick Guide
Отличнейшая обзорная статья Frank Guo о том, как и зачем прибегать к пользовательским исследованиям при работе над продуктом. Он приводит множество возможных целей исследования и описывает, как правильно работать с результатами.

How to advance your web career
Gerry McGovern советует специалистам по интерфейсам говорить с заказчиком на его языке. Только так можно показать свою ценность в качестве важного для развития бизнеса партнера, а не исполнителя не очень понятной, а значит и вряд ли важной работы.

Wicked Problems — Problems Worth Solving
Jon Kolko опубликовал книгу Problems Worth Solving, посвященную роли дизайна в решении сложных социальных проблем. Она доступна бесплатно для чтения в онлайне.

Making Sense of Mobile Within the Enterprise
James Robertson описывает особенности использования мобильных в крупных компаниях. Он приводит 4 основных задачи, для которых мобильные в корпоративной среде важны.

20 Questions Answered about Unmoderated Usability Testing
Jeff Sauro отвечает на серию частых вопросов о методе удаленного тестирования без модератора. Он рассказывает, для чего такие исследования подходят, а для чего нет.

3 Myths of Customer Experience
Zachary Paradis рассказал на семинаре UPA о трех мифах customer experience. Это презентация, сопровождающаяся аудио-записью выступления.

Learning to Play UX Rugby (Презентация Anders Ramsay)
Anders Ramsay рассказывает об этапах дизайн-процесса в условиях гибкого подхода к ведению проектов. Он называет это “интерфейсным регби” в противовес классической “эстафете”.

A/B Testing, Usability Engineering, Radical Innovation — What Pays Best?
Jakob Nielsen сравнивает три способа улучшения интерфейса продукта — A/B-тестирование, юзабилити-исследования и радикальные инновации. Как обычно, однозначного ответа “кто лучше” нет — все зависит от текущих задач.

Relax this isn’t a test – 12 ways to learn more about your mobile product
Walt Buchan из компании CXPartners дает 12 рекомендаций по процессу юзабилити-тестирования мобильных интерфейсов. Видно что компания имеет большой опыт работы с мобильными — несмотря на то что советы достаточно просты, есть много интересных нюансов. Кстати, отечественный CMS Magazine сделал перевод статьи.

Кейсы

How to Build a Usability Lab
Компания Usability Sciences в деталях рассказывает, как она строила свою юзабилити-лабораторию. Это первая часть из серии статей, которые рассказывают обо всех нюансах, от планировки помещений до аппаратуры.

What do all the controls in an airplane cockpit do?
Tim Morgan в обсуждении на сайте Quora в деталях описывает элементы управления на приборной панели самолета. Это очень интересный и подробный обзор темы, интересной многим интерфейсным специалистам.

Interview with Mark Coleran
Интервью Mark Coleran о создании интерфейсов для кино, просто интерфейсах и эволюции естественных интерфейсов. Он рассказывает в том числе о работе над конкретными фильмами.

Digital Customer Experience Improvement Requires A Systematic Approach (PDF)
Forrester Research опубликовал отчет об исследовании текущего состояния дисциплины customer experience. Компания опросила 16 специалистов в отрасли и узнала, как внедрение практик CX повлияло на их бизнес.

Online Dating Eye Tracking Study Reveals That Men Look, Women Read
Результаты eye-tracking-исследования сервиса знакомств от компании Tobii. Она показывает разницу в поведении мужчин и женщин — первым достаточно картинки для того чтобы составить впечатление, вторые изучают детали.

Experience Driven Innovation
Сайт Experience Driven Innovation собирает информацию о том, как UX помогает в успехе современных массовых продуктов. Он описывает методы, процессы и кейсы.

Теория

The Research Behind Kinect
Лаборатория Microsoft Research опубликовала серию исследований, которые привели к созданию Kinect. Эта исследовательская команда изучает много интересных направлений, так что стоит следить за публикацией ее экспериментов — возможно, через 5-10 лет это станет следующим интерфейсным хитом.

Cognition & The Intrinsic User Experience
Jordan Jolien объясняет понятия когнитивной нагрузки и когнитивных барьеров. Он показывает, как это влияет на работу пользователя с интерфейсом и как облегчить ее.

Organizing digital information for others
Мини-книга Maish Nichani об информационной архитектуре. Хорошее пособие для начинающих в понятной и компактной форме.

Principles of Social Interaction Design
Andrian Chan закончил свою мини-книгу, посвященную дизайну социальных сервисов. Автор описывает базовые социально-психологические принципы и дает практические советы по их использованию.

Visual Aesthetics
В энциклопедии сайта Interaction-Design.org новая глава, посвященная визуальной эстетике. Noam Tractinsky описывает ее роль в области человеко-компьютерного взаимодействия и связь с другими аспектами дизайна и интерфейса продукта.

10 Things to know about Confidence Intervals
Jeff Sauro рассказывает об особенностях использования статистического метода доверительных интервалов. Это 10 правил, которые помогут лучше работать с результатами пользовательских исследований. Автор также запустил простой онлайн-калькулятор для расчета доверительных интервалов.

Understanding Information Architecture by Peter Morville
Peter Morville подготовил обзорную презентацию, рассказывающую об истории и текущем состоянии информационной архитектуры. Она рассказывает об особенностях профессии и методах работы.

Nine misconceptions about statistics and usability
Jeff Sauro перечисляет типовые заблуждения специалистов по интерфейсам о статистике. Они зачастую мешают использованию методов пользовательских исследований на практике.

История

Before Pong came along
История создания первой многопользовательской компьютерной игры Tennis for Two и ее автора William Higinbotham. Она появилась в 1958 и стала частью экспозиции Нью-Йоркской Brookhaven National Laboratory, приведя к появлению классической игры Pong и приставки Magnavox Odyssey.

The Google that never was: how the search giant killed a 2007 redesign
Сайт The Verge кратко описывает историю неудавшегося редизайна Google 2007 года и как у компании это все-таки получилось 4 года спустя. В статье показано много скриншотов из отброшенной концепции.

Тренды

Мобильная статистика
Восстановил свою регулярно обновляемую коллекцию мобильной статистики. Собрана масса информации по распространению мобильных платформ, долям рынка производителей смартфонов и планшетов, использованию мобильных технологий начиная с 2009 года.

3.1 Million Pixels Are Heavy
Josh Clark описывает проблемы для дизайнеров, которые приносит объявленный в мае retina display в iPad 3. Например, новое разрешение экрана означает новые требования к качеству иллюстраций, что в свою очередь приводит к значительному увеличению их размера.

Vector Images for Mobile
Недавний запуск нового iPad с экраном повышенного разрешения привел к активным обсуждениям того, как готовить иллюстрации для его приложений. Luke Wroblewski описывает особенности работы с векторной графикой, которая поможет в этой задаче.

Interaction design is not respected as a design discipline
После посещения конференции Interaction 2012 Jeff Gothelf сделал не очень радостный вывод — проектирование взаимодействия не самая уважаемая профессия. Даже ведущие специалисты отрасли не могут договориться о единой терминологии и понимании ценности, а сами проектировщики зачастую воспринимаются как двигатели пикселей.

Why User Experience Is Different From Consumer Experience
Greg Laguero описывает грустную для специалистов по интерфейсам мысль — несмотря на их интерес к проектированию услуг и customer experience, компаниям лучше нанимать на эти позиции специалистов по маркетингу. Проектировщики слишком сконцентрированы на тактике и деталях, когда как здесь нужен более дальновидный и бизнес-ориентированный подход.

Which One — Responsive Design, Device Experiences, or RESS?
Luke Wroblewski сравнивает различные подходы к адаптивному дизайну. Он рекомендует использовать RESS (Responsive Web Design with Server Side Components), который решает многие из проблем “чистого” адаптивного дизайна.

Does Culture Matter for Product Design?
Don Norman пишет о том, как стирается разница между одинаковыми продуктами в разных культурах. Он давно наблюдает за этой тенденцией и хотя еще есть категории, в которых много региональной специфики, в целом массовые продукты унифицируются.

What Does a UX Strategist Do?
Paul Bryan рассуждает о профессии UX-стратега. В последнее время все чаще появляется информация об этой роли, но суть ее размыта и сильно различается от компании к компании.

UX Killed Usability
Craig Tomlin изучил последние тренды и сделал вывод, что термин “usability” треяет популярность в пользу “UX”. Об этом говорят количество вакансий, поисковые запросы и другие факторы.

Анонсы конференций

Dribbble Meetup в Москве
В пятницу, 20 апреля, пройдет московский Dribbble Meetup при поддержке создателей Dribbble. Собралась дюжина интереснейших рассказчиков из студий, которые умеют делать сочный современный дизайн для мобильных и не только — Soda, Ramotion, Cuberto, MacPaw, Мануфактура, Script, а также представители от продуктовых компаний Mail.Ru, Яндекс, Fidel. Мероприятие пройдет в рамках РИФ+КИБ, вход для участников митапа бесплатный — нужно только нажать “Я участвую” на странице www.facebook.com/events/137435126385175/.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

Мы начали мероприятие с небольшого разогрева — рассказов о новостях и разборе чужих интерфейсов. Александр Киров из команды коммуникационных сервисов Mail.Ru показал свежее приложение Почты для iPhone и рассказал о процессе его создания. Иво Димитров из компании InGenius Systems представил концепцию сервиса UI Flow для начинающих проектировщиков. Формат таких мини-сессий показался интересным, так что в будущем будем начинать следующие мероприятия именно с него.

Первым рассказчиком стал Иван Михайлов из компании OkToGo (Санкт-Петербург), занимающейся бронированием отелей. Он описал три важных для продукт-менеджера метода оценки требований и других характеристик продукта:

• Модель Kano, которая помогает планировать и оценивать функциональные требования к продукту.
• Шкала SEQ (Single Easy Question), которая дает метрики для оценки взаимодействия пользователя с продуктом.
• Диаграмма Ishikawa, которая позволяет с помощью серии вопросов “почему” определить причины проблем.

Это мощные инструменты для компаний, работающих над собственными продуктами. Презентация Ивана, которая использовалась в выступлении:

Следующим выступил Константин Кичинский из Microsoft, который в деталях прошелся по интерфейсу Windows 8 по состоянию на Consumer Preview. Он описал основные моменты — базовые принципы Metro-интерфейсов, контекстные панели (Charms), построение навигации и использование анимации, эргономические требования, режим многооконности и т.п. Мы в компании уже успели поработать с платформой, поэтому накопилось множество практических вопросов по использованию новому интерфейсу самой массовой ОС. Поскольку платформа еще не выпущена, документации по ней мало и такая сессия вопросов и ответов здорово помогла понять нюансы и особенности Windows 8. К сожалению, презентацию Константина опубликовать нельзя — она не распространяется публично до релиза системы. Но есть видео-запись его выступления — new.livestream.com/ux/uxweek/videos/392380.

Третьим рассказчиком стал Александр Киров (Mail.Ru), который рассказал об особенностях работы дизайнера мобильных приложений. Каковы основные этапы работы дизайнера в таких проектах, с чего начинается работа и как рождается концепция, где взять полезные материалы для работы и находить интересные интерфейсные приемы, как макеты передаются разработчикам и в каком формате происходит поддержка. Хотя мы в компании считаем крайне важной роль проектировщика интерфейсов, для мобильных приложений разделения у нас нет — задачу продумывания интерфейса и создания дизайна выполняет один специалист. Александр рассказал в том числе и о том, почему это более правильно в случае мобильных. Его презентация:

Отдельное спасибо Дмитрию Сатину, который предоставил канал для онлайн-трансляции. Ее запись уже доступна для просмотра.

Мероприятие открытое — мы приглашаем не только докладчиков, но и слушателей из других компаний. К нам регулярно приходят коллеги из Яндекса, Рамблера, UI Design, UsabilityLab, IT-Online и других компаний. Помещение и сам формат UX-Среды вмещает 30-40 человек, поэтому мы будем рады видеть докладчиков и слушателей из других компаний. Пишите мне на y.vetrov@corp.mail.ru и мы выберем интересную тему рассказа и удобную дату для него. Узнать расписание и программу будущих мероприятий, а также записаться на них можно на странице микро-конференции в Фейсбуке. Следующая микро-конференция назначена на среду, 30 мая (в апреле мы возьмем паузу — делаем московский Dribbble Meetup).

Доступны фотографии с UX-Среды #8, а также лента анонсов в Твиттере.

29 февраля в офисе компании Mail.Ru прошла очередная внутренняя микро-конференция UX-Среда #7. В течение дня специалисты по проектированию и дизайну интерфейсов из разных подразделений (коммуникационные сервисы, социальные сети, игры), а также приглашенные гости, в том числе из дружественных компаний (Яндекс, Рамблер, UI Design Group и UsabilityLab), выступили с серией презентаций о своем опыте работы и поучаствовали в его обсуждении. Получилось живо и интересно благодаря рассказчикам, активным слушателям и удобному для общения формату.

Мы начали мероприятие с небольшого разогрева — рассказов о новостях и разборе чужих интерфейсов. Евгений Годов из команды Поиска Mail.Ru показал новый механизм поиска картинок с просьбой предложить решения оставшихся в нем проблем. Формат таких мини-сессий показался интересным, так что в будущем будем начинать следующие мероприятия именно с него.

Первыми рассказчиками стали Сергей Соловьев и Семен Молотков из компании СКБ Контур (Екатеринбург), выпускающей бухгалтерские онлайн-сервисы. Они поделились опытом минимизации интерфейсных работ, когда для нового продукта или функции прорабатывается только небольшой кусок логики и дизайна, а остальное добавляется по мере развития. Однажды ввязавшись в долгий и проблемный процесс предварительного проектирования большого куска интерфейса, команда переключилась на гибкие методики работы, что здорово упростило и ускорило их работу. Кроме того, Сергей и Семен рассказали о том как появилась и выросла до пары десятков специалистов сама дизайнерская команда. Они выложили презентацию, которая использовалась в выступлении:

Следующим выступил Александр Бурт (экс-Parallels) с рассказом о текстах в интерфейсах. Он читает тренинги на эту тему, а для нас сделал основные выдержки из него. Презентация началась издалека — с основ восприятия звука, букв и слов. Какие из них более гармоничны, что выражают, как воспринимаются человеком. Далее Саша показал ряд примеров, как это может влиять на эмоциональную окраску фраз и предложений. Второй частью был разбор конкретных кейсов, показывающих упрощение текстовой части интерфейсов. В презентации было пошагово показано, как можно делать сложные и перегруженные ненужным смыслом конструкции более человечными, понятными русскоязычным пользователям. К сожалению, презентацию опубликовать нельзя, поскольку она используется в коммерческих тренингах.

Отдельное спасибо Дмитрию Сатину и Маргарите Титовой, которые помогли нам организовать онлайн-трансляцию. Ее запись уже доступна для просмотра (в начале минут 9 ушло на настройку, проматывайте вперед):

Начиная с прошлого года мы получили возможность приглашать не только докладчиков, но и слушателей из других компаний — вместе с рассказчиками из Яндекса, Рамблера, UI Design Group и UsabilityLab пришли их коллеги. Помещение и сам формат UX-Среды вмещает 30-40 человек, поэтому мы будем рады видеть докладчиков и слушателей из других компаний. Пишите мне на y.vetrov@corp.mail.ru и мы выберем интересную тему рассказа и удобную дату для него. Узнать расписание и программу будущих мероприятий, а также записаться на них можно на странице микро-конференции в Фейсбуке. Следующая микро-конференция назначена на среду, 28 марта.

Кстати, доступны фотографии с UX-Среды #7, а также лента анонсов в Твиттере.

Методы и практики

The Messy Art Of UX Sketching
Отличнейшее пошаговое руководство Peiter Buick о том, как научиться делать хорошие скетчи интерфейсов. CMS Magazine выпустил ее перевод с комментариями отечественных экспертов.

Behavior Heuristics
Автор известного дизайн-фреймворка Design with Intent Dan Lockton рассказывает об эвристиках поведения пользователей. Он описывает общий принцип их построения и приводит базовый список, который можно расширять и дополнять.

Stefan Klocek – Altmedia and the Tablet Opportunity
Презентация Stefan Klocek из компании Cooper, в которой он рассказывает о важности оптимизации интерфейсов потребления новостей для планшетов. Автор рассказывает об особенностях таких интерфейсов и приводит ряд примеров.
Altmedia and the Tablet Opportunity

Breaking Through the Glass
Интересные размышления Rob Le Quesne о создании интерфейсов как арт-проектов. Он приводит примеры таких экспериментов, в том числе и в коммерческом использовании.

Responsive Design & ROI – Observations from the Coalface
Chris Berridge делится опытом компании CXPartners по созданию продуктов с адаптивным дизайном. Это накладывает особенности на процесс их проектирования, дизайна и тестирования, о которых рассказывается в статье.

UX and the Kano Model
Отличная обзорная статья Christian Holst из Baymard Institute о модели Kano. Она позволяет определить, какие из возможностей продукта являются базовой необходимостью, какие отвечают за его практическую ценность, а какие способны вызвать восторженные отзывы.

Browser and GUI Chrome
Jakob Nielsen взвешивает плюсы и минусы наличия в интерфейсе “обвесов”. Это элементы, которые являются обязательными для продукта или сервиса, но повторяются на каждом экране и отнимают лишнее место — например, адресная строка браузера или главное меню сайта.

The Eye of the Brainstorm
Alan Cooper размышляет о том, какой формат командного взаимодействия наиболее продуктивен. Опыт его компании говорит о том, что лучший вариант — это парная работа.

Why Do Products Fail?
Scott Sehlhorst описывает метод исследования причин провала продукта. Он предлагает базовый набор эвристик, которые можно расширять и дополнять.

Six Circles – An Experience Design Framework
James Kelway из компании User Pathways опубликовал свою книгу о проектировании интерфейсов, созданную на основе публикаций в блоге за последние несколько лет. Она описывает методы и практики, теоретические выкладки и массу другой полезной информации по теме. Прямая ссылка на PDF (16 МБ).

Video Diaries — A Method for Understanding New Usage Patterns
Paul Bryan пишет о методе пользовательских исследований с помощью видео-дневников. Статья описывает сам метод и способы его применения.

Information Architecture Heuristics
Abby Covert предлагает 10 простых эвристик для проверки информационной архитектуры продукта. Это понятные правила, позволяющие проверить качество спроектированного интерфейса.

Alluring Layouts – drawing and capturing attention
Gemma Savagar рассказывает о проблеме классической компоновки страниц разделов. Они становятся настолько похожи друг на друга, что затрудняют определение текущего раздела сайта, поэтому стоит использовать визуально более отличные подходы.

Communicating User Research Findings
Jim Ross рассказывает о том, как лучше презентовать результаты пользовательских исследований. Длинные отчеты, как правило, читаются редко и с неохотой, но есть ряд форматов, которые облегчают передачу полученных знаний.

Tips for Writing Great Links
Gerry McGovern дает простые и понятные советы о том, как ставить понятные и простые ссылки на страницах сайта. Тема, казалось бы, очень простая и не требующая особого внимания, но автор хорошо исследовал ее и ведет интереснейший блог про ссылки.

Kristina Halvorson – Message and Medium: Better Content by Design
Выступление Kristina Halvorson на An Event Apart, в котором она рассказывает о специфике работы с контентом для продуктов, имеющих множество мобильных и других версий. Важно помнить, что целью является не сам контент, а его основной посыл — это поможет найти выход в условиях множества поддерживаемых устройств.

Kristina Halvorson – Message and Medium: Better Content by Design (live at An Event Apart) from Jeffrey Zeldman on Vimeo.

Designing for touch
Неплохая обзорная статья Josh Clark, посвященная проектированию и дизайну тач-интерфейсов. Это хороший набор базовых принципов от автора “Tapworthy”, одной из популярнейших книг на тему.

Rachel Hinman — The Mobile Frontier
Презентация Rachel Hinman, автора готовящейся к выходу книги The Mobile Frontier. Презентация описывает основные тезисы будущего издания Rosenfeld Media.

Pub Smith — Sketching Interfaces Workshop
Слайды из тренинга Pub Smith о создании скетчей интерфейсов, проходившего на конференции Interactions 2012. В них много полезной информации о техниках, инструментах и их применении.

Mission Transition
Обзорная статья Mark Cossey о важности использования анимации в интерфейсах и отображения переходов между состояниями в целом. Он приводит примеры из существующих продуктов и перечисляет несколько ключевых принципов.

Convenience
Ari Weissman продолжает серию статей о бизнесе для людей рассказом о понятии комфорта. Он приводит примеры продуктов, которые стали лидерами в своей нише во многом благодаря максимально комфортному решению старой проблемы.

Why Thanking Donors Online is Powerful
Simon Norris и Juliet Richardson из компании Nomensa рассказывают об опыте создания сервисов для жертвующих благотворительность и доноров. Тонкий момент в этой задаче — аккуратный способ отблагодарить жертвующего, не сведя это все к банальностям и излишне материальным вещам.

8 Tips for a Sane IA
Alastair Campbell из компании Nomensa дает 8 советов информационному архитектору. Они описывают правила формирования навигации и организации контента.

Seven UX Best Practices of Community Design
Kristin Zibell описывает 7 интерфейсных принципов грамотной работы с сообществами. Часть из них достаточно банальны, но остальные описаны интересно.

Designing Experiences for Young Kids
Еще одна статья с советами по созданию планшетных приложений для детей. Avi Itzkovitch описывает правила построения навигации и использования жестов в таких приложениях.

QR Codes Are Footnotes, Not Ads
Josh Clark описывает основные проблемы классических QR-кодов, мешающие их действительно массовому распространению. И показывает интересный пример альтернативного QR-кода, решающего часть недостатков.

Is There Ever A Justification For Responsive Text?
Интересный эксперимент с адаптивным текстом в интерфейсе. Хотя в предложенном виде поддержка такого контента в большом продукте может превратиться в ад, сама идея может пригодиться.

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

Integrating UX into the Product Backlog
Jon Innes предлагает удобную матрицу соответствия функциональных возможностей продукта потребностям основных групп целевой аудитории, приоритетам, UX-метрикам и составу команды. Она предназначена для agile-проектов и позволяет приоритезировать требования.

Adobe Proto app — A new touch app that makes wireframes and prototypes
Adobe выпустила приложение Proto для проектирования интерфейсов на планшетах. Пока доступна только версия для Android.

GestureWorks Multitouch Framework — Build Gesture-Driven Apps
Компания Ideum выпустила фреймворк GestureWorks 3 для создания мультитач-приложений. Он предназначен для различных по назначению устройств — от компактных планшетов до масштабных интерактивных стен.

The UX Research Plan That Stakeholders Love
Tomer Sharon из Google предлагает шаблон плана пользовательских исследований, который отлично подходит для презентации заинтересованным лицам. Он описывает структуру плана и пример его заполнения.

Паттерны и гайдлайны

Android Design
Свершилось невероятное — наконец-то у Android появились актуальные и непротиворечивые гайдлайны. Получилось одно из лучших руководств по дизайну мобильных приложений, к тому же сопровождающееся шаблонами для Photoshop, Fireworks и Omnigraffle. Теперь исчезнет популярная тема для шуток среди дизайнеров и проектировщиков. После анонса появилось несколько интересных статей о процессе создания этих гайдлайнов:

• Интервью с Matthias Duarte, главой дизайна Android, посвященное выходу гайдлайнов.
• Статья Fast Co Design, рассматривающая основные вызовы проведенного редизайна.

Say Goodbye to the Menu Button
У платформы Android в конце января произошло еще одно важное интерфейсное событие — упразднена кнопка физическая меню. Она была одним из самых спорных решений платформы — не имела никакого аффорданса и была непредсказуема в поведении.

Windows 8 Consumer Preview hands-on
Один из самых подробных обзоров Windows 8 Consumer Preview. Много интересного о жестах, стандартных и сторонних приложениях. И еще один интересный обзор.

U.S. Department of Transportation Proposes ‘Distraction’ Guidelines for Automakers
Американский Департамент Транспорта опубликовал предварительные гайдлайны по созданию интерфейсов, которые не отвлекают водителя. Он описывает работу с сообщениями, интернетом, социальными сетями, навигационными системами и встроенными телефонами.

Data Monday: Login & Passwords
Luke Wroblewski собрал ряд интересной статистики по поводу использования логинов и паролей. Она во многом подтверждает факт, что для пользователей комфорт важнее безопасности.

Дизайн приложений для Windows Phone. Навигация. Уровни, назад и циклы
Статья Константина Кичинского об особенностях проектирования навигации в приложениях для Windows Phone. В ней приводятся отличные диаграммы переходов между экранами, которые стоит позаимствовать для проектных артефактов.

The Restart Page — Free unlimited rebooting experience from vintage operating systems
Коллекция окон-уведомлений из разных операционных систем, запрашивающих разрешения на перезагрузку компьютера. Хороший памятник навязчивому дизайну.

Как улучшить выбор страны из списка
Появился русскоязычный перевод статьи Christian Holst о создании хорошего инструмента выбора страны в интерфейсе. Он предлагает несколько вариантов для разных ситуаций, включая множественный выбор и поисковые подсказки.

Процесс

Stop Validating Your Product
Laura Klein призывает проверять в первую очередь не продукт, а проблему, которую он пытается решить. Это совпадает с основным посылом методологии дизайн-мышления, которая ориентирована на поиск корневой проблемы и людей, для которых она важна.

Kevin Hoffman – Facilitating Project Kickoffs
Интервью с Kevin Hoffman из компании Happy Cog, в котором он рассказывает о процедуре встреч, посвященных запуску проекта. Это крайне важное мероприятие, от которого во многом зависит успех всего проекта.

The top mistakes UX designers make: the writeup
Scott Berkun перечисляет основные ошибки, которые совершают проектировщики интерфейсов при взаимодействии с другими участниками проекта. Он дает советы о том, как обойти эти узкие места.

What makes a great UX practitioner? Hint: It’s not what you think
David Travis из компании UserFocus рассказывает о своем карьерном развитии как UX-специалиста. Помимо технических навыков для успешного роста ему оказались критически важны выстраивание процессов и понимание маркетинга.

Specializing Generalist
Scott Sehlhorst думает вслух на тему того, какие специалисты важны для успеха команды. Он сравнивает плюсы и минусы узких специалистов или мастеров на все руки, а также приводит массу цитат из статей практикующих менеджеров и владельцев бизнеса.

Strategies for early-stage design: Observations of a design guinea pig
Отчет об интересном эксперименте Университета Калифорнии, в котором исследовалось эффективность разных способов решения сложных дизайн-проблем. Участники эксперимента пробовали разные стратегии и подходы к процессу, для каждого из которых были свои показания и противопоказания к применению.

9 Principles of Lean UX
Компания LUXr описывает 9 основных принципов “бережливого” дизайна. Компания особенно интересна тем, что базирует свою работу исключительно на гибких методиках ведения проектов, что не очень типично для дизайнеров.

Dealing with Difficult People, Teams, and Organizations — A UX Research Maturity Model
Tomer Sharon описывает стадии взросления процессов пользовательских исследований в компании. К статье приложены несколько интервью известных специалистов на тему того, почему не стоит работать с незрелыми организациями. В продолжение темы — еще одна публикация автора, рассказывающая как убедить лица, принимающих решения, вкладываться в пользовательские исследования.

Beyond the pixel — Measuring visual designers’ strategic value
Steve Calde из Cooper Consulting рассуждает о роли визуального дизайнера в процессе создания интерфейсов. И призывает проектировщиков не считать их “раскрашивателями прототипов”.

Кейсы

Bret Victor — Inventing on Principle
Интереснейшее выступление Bret Victor, дизайнера экспериментальных концепций взаимодействия в Apple, успевшего поработать до этого в Alesis и для Al Gore.

Designing Windows 8 or How to Redesign a Religion
Интереснейшее интервью с Sam Moreau, директором по UX Windows, приуроченное к выходу Windows 8. Он рассказывает о том, как пришел в компанию и как кардинально поменять интерфейсную парадигму самой массовой ОС в мире.

This is how Apple’s top secret product development process works
Краткие выдержки из новой книги Adam Lashinsky о процессах в Apple. Еще одна интересная статья рассказывает о том, как готовится дизайн упаковки для продуктов компании.

BBC Internet Blog
В блоге BBC появился цикл статей о перепроектировании и редизайне портала, который проводила внутренняя интерфейсная команда. Вышло уже несколько десятков публикаций, рассказывающих о разных этапах процесса и работе над различными продуктами.

Теория

Mental Modeling for Content Work
Интересная серия статей Daniel Eizans о применении ментальных моделей в контент-стратегии. Он описывает особенности восприятия информации и основные этапы процесса. Продолжение — danieleizans.com/2012/01/mental-modeling-for-content-work-information-gathering/.

The Psychology of Persuasion
Сайт PsyBlog собрал подборку статей о методах убеждения пользователей. Это 18 хорошо описанных практик, каждая из которых сопровождается отсылкой к результатам исследований.

Stat 201
Michael Zuschlag опубликовал продолжение своей масштабной обзорной статьи о статистике для начинающих. Это масштабная и интересная серия, описывающая основные понятия и методы. Вторая часть — www.zuschlogin.com/?p=261.

How to Get Yourself Started in Statistics
Caroline Jarrett задается вопросом — что почитать начинающим разбираться в статистике? Она делает обзор нескольких книг с точки зрения того, насколько простым языком они описывают основные посылы и достаточно ли этой информации для тех, кто занимается пользовательскими исследованиями.

Developing iPad Applications for Visualization and Insight
В образовательном центре iTunes U появился курс Carnegie Mellon University, посвященный визуализации данных. Помимо практической части он содержит много интересных знаний о том, как человек воспринимает представленную в таком виде информацию.

Архив, чтобы найти
Отличная новая статья Влада Головача об информационной архитектуре. Хотя он и “развенчал” информационных архитекторов как специализацию в одной из предыдущих заметок, здесь дается обстоятельный разбор того, как делать правильные архивы.

Affective Computing
В энциклопедии сайта Interaction-Design.org новая глава, посвященная affective computing. Этот подход предполагает, что компьютеры начинают взаимодействовать с пользователем на эмоциональном уровне.

Doppelgängers — A new form of self?
Интересная публикация Jeremy N. Bailenson о том, как виртуальные персонажи в компьютерных играх могут влиять на поведение их владельцев. Он описывает ряд исследований, экспериментов и рекламных кампаний, которые использовали двойников реальных людей для мотивации к определенным действиям.

The Visual Language of Dashed Lines
Connie Malamed описывает особенности восприятия штриховых линий. Где стоит использовать и как мы “читаем” их.

Isn’t It Cute — An Evolutionary Perspective of Baby-Schema Effects in Visual Product Designs
Linda Miesler, Helmut Leder и Andreas Herrmann исследуют вопрос того, как детские черты лица в дизайне продукта влияют на его успешность. В статье приведена хорошая теоретическая база, подтверждающая результаты размышлений.

Positive UX — Optimal user experience is more than the absence of usability issues
Rob Howells из компании Nomensa рассуждает о понятии “хорошего самочувствия” применительно к интерфейсам. Он описывает, почему хороший UX означает не только отсутствие проблемных мест.

Simplicity? Complexity? Persuasion
James Coston рассказывает о понятии ‘Congruent Interference Avoidance’ (CIA). Не бывает простых или сложных интерфейсов — бывают те, которые помещаются в текущий контекст внимания и нет.

История

Cars Are Horrible Mobile Tech Devices, So Why Are Pandora, MOG Hitching Rides?
Статья Austin Carr хорошо показывает причины отсталости и неоднородности интерфейсов бортовых компьютеров автомобилей. Главные причины — длинный производственный цикл и повышенное внимание к безопасности.

Тренды

Envisioning the future of technology
Футурист Michael Zappa открыл сайт, посвященный технологическим трендам на ближайшие 30 лет. Тема куда более широкая чем интерфейсы, но и о них тут много интересного.

Got Ergopsychonomics?
Vicky Teinaki собрала подборку материалов, рассказывающих о, возможно, новом термине в нашей профессии — Ergopsychonomics. Это явление на стыке эргономики, психологии и экономики, внимание к которым в комплексе все чаще влияет на успех современных продуктов.

Giles Colborne — Artificial emotional intelligence
Giles Colborne из компании CXPartners рассказывает об эмоциональной составляющей интерфейсов. Он предлагает 5 этапов зрелости таких интерфейсов, подсмотренных у переговорщиков ФБР.

Can’t play, won’t play
Margaret Robertson критикует термин gamification, который правильнее было бы называть pointification. Сейчас это неправильный подход к изначально хорошей идее, сводящий все к простейшим индикаторам.

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

Interaction 2012
Пятая конференция IxDA Interaction ’12 прошла 1-4 февраля 2012 года в Дублине. Сайт Johnny Holland подготовил подробный обзор трех дней мероприятия — №1, №2 и №3. А вот обзоры от других участников:

• Размышления о трендах конференции.
• Скетч-конспекты самых интересных докладов.
• Обзор от Elizabeth Bacon.

Designing for Patient Safety Seminar
В американском The Center for Health Design прошел интересный семинар, посвященный дизайну безопасной среды для пациентов. Выложены видео-записи выступлений и круглых столов.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

25 января в офисе компании Mail.Ru прошла очередная внутренняя микро-конференция UX-Среда #6. В течение дня специалисты по проектированию и дизайну интерфейсов из разных подразделений (коммуникационные сервисы, Одноклассники, AstrumNival), а также приглашенные гости, в том числе из дружественных компаний (Яндекс, UI Design Group и UsabilityLab), выступили с серией презентаций о своем опыте работы. Получилось живо и интересно благодаря рассказчикам, активным слушателям и удобному для общения формату.

На старте мероприятия я сделал небольшой обзор трендов наступившего года. Какие основные события, затрагивающие проектировщиков и дизайнеров интерфейсов, ожидаются в 2012 году, какие направления работы станут особенно актуальными, что из начавшегося в 2011 разовьется в заметные явления. В первую очередь это выход Windows 8 и популяризация интерфейса Metro в целом; появление гайдлайнов для Android и их влияние на то как создаются приложения для платформы; выход Kinect для компьютеров и потенциал его использования в привычном ПО; еще большая популяризация адаптивного дизайна и появление хорошо описанных методик проектирования таких продуктов; дальнейшее развитие современных телевизоров в универсальные устройства и работа над приложениями для них. В конце дискуссии я прошелся по интересным моментам прошедшей в первых числах года выставке CES 2012 в Лас Вегасе, на которой было показано много интересных продуктов.

Следующей рассказчицей была Татьяна Мисютина (экс-Бюро Горбунова, экс-NetCracker), одна из самых интересных специалистов по инфографике и визуализации данных в России. Ее отличная обзорная презентация развилась в активное обсуждение и в итоге продлилась три часа — почти у каждого было что спросить или дополнить по теме слайда. Таня прошлась по основным способам статической визуализации данных, показала множество примеров из своей и мировой практики, разобрала в деталях наиболее спорные или интересные моменты конкретных работ. Некоторые из них аудитория пыталась улучшить и переработать, предложив решения проблем неэффективной подачи информации. А вот презентация, которая использовалась в выступлении: Таня Мисютина — Как заставить данные говорить.

Третьим стал Антон Ярусов (Actis Wunderman, Британская Высшая Школа Дизайна), рассказавший об особенностях дизайна в современной интерактивной среде. Он очень здорово структурировал и описал простые и понятные на первый взгляд вещи, подведя под них хорошую теоретическую базу. Благодаря новым технологическим возможностям смываются границы между физическим и виртуальным миром, а значит и сложная техника превращается из специализированных инструментов в предмет бытового обихода. Антон показал массу примеров по каждому из активно использующихся сейчас и набирающих обороты технологических баззвордов, по каждому из которых шло живое обсуждение. Доступна презентация выступления: Антон Ярусов — Future Continuous.

Закрыл программу дня Олег Андрианов (Видео @ Mail.Ru), который рассказал об особенностях и специфике создания видео-плееров в вебе. Он прошелся по основным операциям и действиям, которые востребованы в разных ситуациях просмотра видео и сравнил популярные западные и российские сервисы по удобству их реализации. Олег также рассказал об экспериментах, которые проводила его команда, и их результатах.

Начиная с прошлого года мы получили возможность приглашать не только докладчиков, но и слушателей из других компаний — вместе с рассказчиками из Яндекса, Рамблера, UI Design Group и UsabilityLab пришли их коллеги. Помещение и сам формат UX-Среды вмещает 30-40 человек, поэтому мы будем рады видеть докладчиков и слушателей из других компаний. Пишите мне на y.vetrov@corp.mail.ru и мы выберем интересную тему рассказа и удобную дату для него. В ближайшем будущем появится понятный механизм регистрации, так процесс участия станет проще и понятнее. Следующая микро-конференция назначена на среду, 29 февраля.

Кстати, доступны фотографии с UX-Среды #6, а также лента анонсов в Твиттере.

Методы и практики

Comparing Products
Scott Sehlhorst опубликовал шикарнейшую серию статей, посвященную сравнению продуктов при их планировании и создании. Он подробно описывает все этапы процесса от определения целевой аудитории и рыночной ниши до выбора позиционирования собственного продукта и сопоставления его с конкурентами.

Towards an Ethics of Persuasion
Stephen P. Anderson, один из главных идеологов использования психологических приемов вовлечения и “соблазнения” пользователя, рассуждает об этической стороне вопроса.

The Anatomy of an Experience Map
Chris Risdon из компании Adaptive Path описывает кейс создания диаграммы experience map для Rail Europe. Она показывает взаимодействие пользователя с продуктом в течение всего процесса путешествия — от выбора направлений до рассказа о впечатлениях.

Bending the Protocols — Useful Variations on Usability Tests
Jared Spool перечисляет основные способы проведения юзабилити-тестирования и предлагает совмещать их в зависимости от задачи. В том числе он приводит интересный кейс исследования контента и навигации крупного сайта с помощью бумажного каталога.

Effective Use of Color and Graphics in Applications for Children
Catalina Naranjo-Bock делится опытом создания приложений для детей. В этой серии статей она затрагивает тему цветовых решений и использования иллюстраций. Вышла также вторая часть.

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

myBalsamiq
Компания Balsamiq выпустила новый продукт в дополнение к своему популярному инструменту проектирования интерфейсов — MyBalsamiq. Он представляет собой среду для командной работы над статическими и динамическими прототипами, а также инструменты для проведения тестирований и взаимодействия с клиентами.

Fireworks Wireframing Kit
Сайт собирает стенсилы и шаблоны для проектирования в Adobe Fireworks. Здесь есть как полноценные наборы основных блоков так и единичные элементы интерфейса.

Anatomy of a Hardware Usability Testing Rig
Harry Brignull в деталях описывает созданное вручную оборудование для тестирования мобильных интерфейсов. Причем это не банальное крепление из подручных материалов, а достаточно качественный и продуманный инструментарий.

Futurico – Free User Interface Elements Pack
Приятный набор интерфейсных элементов в PSD от Владимира Кудинова. Хотя он не привязан к конкретной ОС, но выполнен на хорошем уровне.

Паттерны и гайдлайны

UX Guidelines for Metro style app development
Первое приближение интерфейсных гайдлайнов для Windows 8. Материалов и примеров пока не так много, но учитывая скорый выход бета-версии одной из ключевых ОС (конец февраля 2012), в работе пригодится все что есть. Кстати, уже был показан ряд приложений известных брендов — это тоже поможет в работе над интерфейсами больших Metro-приложений.

Metro-дизайн
Российское отделение Microsoft открыло мини-сайт, посвященный проектированию и дизайну приложений в идеологии Metro. Он собирает статьи и видео-записи конференций и мастер-классов по теме. Кстати, много интересного про Metro есть в блоге Константина Кичинского.

Дизайн в стиле Metro. Меган Донахью из Microsoft о принципах и приоритетах языка дизайна Metro
Появился транскрипт выступления Megan Donahue, руководителя команды UX-менеджеров Windows Phone 7, на конференции User Experience Russia 2011. Видео-запись выступления.

Android — A Visual History
Сайт The Verge собрал историю эволюции интерфейса платформы Android. Статья описывает основные изменения и нововведения в каждой из версий и сопровождает все это фото-и видео-иллюстрациями.

iOS — A Visual History
Сайт The Verge собрал историю эволюции интерфейса платформы iOS. Статья описывает основные изменения и нововведения в каждой из версий, включая появление iPad.

Browse vs. Search — Which Deserves to Go?
Bruce Tognazzini описывает плюсы и минусы двух основных способов выбора пользователем нужной информации среди доступной — поиска и просмотра списков или каталогов. Эти способы дополняют друг друга и ориентированы на разные аудитории и задачи, поэтому в большинстве ситуаций должны использоваться вместе.

Here’s How People Look at Your Facebook Profile — Literally
Eye-tracking-исследование страниц профиля пользователя в крупнейших социальных медиа и сетях. Хотя выборка не особо репрезентативна, результаты достаточно интересны.

Mobile UI Patterns
Отечественная коллекция интерфейсных паттернов для мобильных приложений от Сергея Пахандрина. Примеры разделены по категориям экранов.

WTF Mobile Web
Коллекция плохих практик оптимизации сайтов для мобильных. Хорошая памятка для того, чтобы избежать этих проблем при работе над своим продуктом.

Overloaded vs Generic Commands
Якоб Нильсен противопоставляет два типа интерфейсных подходов для сложных экранов — с несколькими похожими элементами управления, имеющими разный смысл, либо одним элементом с разными контекстами работы. Каждый из подходов имеет свои недостатки и выбирать их нужно осторожно.

Процесс

Setting Goals for 2012 — What Designers Should Ask For
Dan Brown из компании EightShapes затрагивает интересную тему — планирование профессионального роста сотрудников. Он предлагает серию подходов и практик, которые помогут поднять качество создаваемых продуктов, квалификацию проектировщиков и дизайнеров, а также их вовлеченность в рабочий процесс.

Career Advice for User Researchers
Неплохая статья Jim Ross на тему карьерного развития для UX-специалистов. Хотя в заголовке говорится об исследователях, советы подходят и для проектировщиков.

Winning Approval in Design Presentations
Ron George дает серию практических советов по проведению презентаций дизайн-решений. Они помогают “продать” идею принимающим решения лицам, а без этого сложно рассчитывать на ее реализацию.

Encouraging Participation and Fun During Collaborative Design Sessions
Группа экспертов UXMatters дает рекомендации по поводу хорошей организации рабочих сессий и тренингов. Они описывают приемы и техники, работу фасилитатора и особенности взаимодействия групп участников.

Getting Started with Content Strategy
Неплохой кейс внедрения практики контент-стратегии в организации Cerner от Lance Yoder. Он на практике показывает основные шаги работы по этой методологии.

UX Dimensions of Conflict
Отличная визуализация концепции противоборствующих направлений в интерфейсных проектах. Mike Hughes противопоставляет инновационные решения привычным и четкое следование процессу более свободному формату.

Кейсы

Designers Behind Facebook Timeline — 5 Keys to Creating a UI With Soul
История о том, как Nick Felton и Joey Flynn создали один из самых интересных интерфейсов последнего времени — новый интерфейс профиля “timeline” в Facebook. Дизайнеры рассказывают о том, как пришли к этому решению и какие особенности накладывает работа с таким большим объемом данных.

Patterns of Human Interaction (Выступление Marko Ahtisaari @ Copenhagen Design Week)
Marko Ahtisaari – глава отдела дизайна Нокии, ответственного за продукты и UxD, сын президента Финляндии и музыкант. В этом видео он рассказывает о том, чем его команда руководствовалась при разработке Nokia N9 и о паттернах в частности.

Kindle Fire Usability Findings
Компания Nielsen/Norman Group провела юзабилити-исследование нового планшета Kindle Fire от Amazon. В ходе исследования вопрос стал шире — в чем особенности 7″ планшетов и для каких задач они могут быть востребованы. Статья подверглась критике и Якоб Нильсен ответил на основные претензии читателей.

Теория

Книга Сюзан Уэйншенк “100 главных принципов дизайна”
На русский язык переведена одна из самых интересных книг по интерфейсам последнего времени — 100 Things Every Designer Needs to Know About People (Voices That Matter) от Susan Weinschenk. Она рассказывает о том, почему пользователи ведут себя тем или иным образом и какие приемы можно использовать для влияния на это поведение.

Personal Interaction Studio 2011 Course
Еще один доступный публично учебный курс по проектированию интерфейсов. Он сфокусирован на мобильных сайтах и приложениях и включает массу полезных материалов.

For the Love of Experience — Changing the Experience Economy Discource
Диссертация Anna Snel, в которой она исследует само понятие “experience” и его роль в современной экономике.

What are the key differences between “Normals” (normal mainstream users) and tech early adopters?
Интересная дискуссия на сайте Quora о различии между массовым пользователем и экспертами. Особенно интересен развернутый ответ Jared Spool из компании User Experience Engineering.

Philosophy of Interaction and the Interactive User Experience
В интерфейсной онлайн-энциклопедии Interaction-Design.org вышла новая часть. Это публикация Dag Svanaes и серия интервью с ним, в которой он описывает общую философию проектирования взаимодействия и вообще понятия “взаимодействие”.

Can’t get no satisfaction — Why service companies can’t keep their promises
Dave Gray размышляет о причинах того, почему многие компании с трудом выполняют ожидания потребителей. Очень интересная статья на тему проектирования услуг, в которой описываются базовые причины такой рассинхронизации.

Тренды

Gesture Recognition — First step toward 3D UIs?
Dong-Ik Ko и Gaurav Agarwal из компании Texas Instruments описывают последние технологические достижения в сфере распознавания жестов. Статья перечисляет множество “железных” и программных решений, которые позволят продвинуть вперед жестовые интерфейсы.

Industrial HCI Research — A Personal and Professional Perspective
Интересный и достаточно уникальный рассказ UX-исследователей с 25-летним стажем о том, как изменилась профессия и каким они видят ее будущее. Прямая ссылка на PDF-файл.

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

World Usability Day 2011 Russia
В субботу, 12 ноября, в Москве прошла профессиональная конференция World Usability Day 2011 Russia. Организаторы опубликовали презентации и видео-записи выступлений, а также архив материалов за предыдущие годы.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

В середине сентября профессоры стэнфордской d.School Perry Klebahn и Jeremy Utley провели для нашей компании тренинг “Design Thinking”. В ходе двух дней сверхплотной работы команды прошли по всем ключевым этапам этого процесса создания инновационных продуктов, а также опробовали на практике серию полезнейших методов и практик исследования, проектирования и тестирования. Хотя многое из этого мы применяли или давно собирались попробовать, в связке процесс оказался впечатляющим.

Design Thinking — появившийся в 80х и ставший особенно актуальным в последнее время подход к созданию новых продуктов. Одной из главных его особенностей является применение для нетривиальных и плохо описанных задач, а также хорошо поставленный итеративный процесс их решения и постоянного пересмотра изначальных установок. Нашей задачей на эти дни было улучшение и пересмотр “holiday experience” в самом широком смысле. Необходимо было понять, что нового и интересного мы можем предложить потенциальной аудитории. После чего создать и презентовать прототип такого продукта.

В целом предлагаемые d.School шаги процесса Design Thinking похожи на проектирование интерфейсов — предварительное исследование, проработка концепции, прототипирование и тестирование. Но отличаются нюансы и акценты, а также конкретный набор методов. В интерпретации d.School процесс выглядит так:

1. Empathize. Необходимо понять пользователя. Кто он, какие у него потребности, проблемы, желания, чувства, мысли, настроения?
2. Define. Мы ищем проблему, которую будет решать наш продукт. Точнее, пытаемся глубже и тоньше понять то видение проблемы, которое мы сформировали на старте проекта.
3. Ideate. Нам нужно понять пространство возможных решений проблемы. Важно предложить как можно больше вариантов, чтобы в дальнейшем выбрать или собрать из них лучшее.
4. Prototype. Мы начинаем заниматься реализацией продукта – делается его прототип. У всех уже есть его примерное видение и огромное желание наконец-то поработать руками.
5. Test. Тестирование получившегося продукта. Нужно понять, насколько хорошо он решает проблему пользователя и если нужно – подкрутить решение.

В презентации подробно описан каждый из этих этапов и другие детали тренинга:

К сожалению, накануне самой конференции я болел и не смог хорошо подготовить ни рассказ, ни презентацию. Эти 112 слайдов должны исправить ошибку и поставить точку в выдавшемся чересчур насыщенным на конференции году — я участвовал в 12 мероприятиях, 9 из которых пришлись на осень. Начиная со следующего года постараюсь сократить это число — времени на качественную подготовку в таком темпе не хватает.

Методы и практики

Storyboarding & UX
Отличнейшая серия статей Ben Crothers, посвященная использованию метода раскадровок в проектировании. Он подробно описывает процесс их создания и способы применения на практике. Доступны часть 2 и часть 3, а также развитие темы.

Designing with People — Putting people at the heart of the design process
Интересный ресурс, посвященный пользовательским исследованиям. Он хорошо описывает методы, подходы и примеры результатов исследований.

Lost in Translation — Tips for usability testing in a foreign country
Участник международного UXAlliance, компания ExperienceLab, опубликовала отчет о традиционном исследовании, приуроченном к World Usability Day. В этом году документ посвящен культурным особенностям при проведении юзабилити-тестирований в зарубежных странах.

Rapid prototyping for mobile products
Amy McGuinness из компании CXPartners сравнивает различные способы прототипирования мобильных интерфейсов для юзабилити-тестов. Она перечисляет плюсы и минусы бумажных прототипов, кликабельных PDF и специализированных программ.

Goal Driven Design Decisions
Простой, но интересный пример и способ разбора целей пользователя при работе с интерфейсом. Диаграмма “MotivatorFacilitator” позволяет разобрать любую цель на составляющие для ее лучшего понимания.

QuestionStorming – Framing The Problem
James Kalbach описывает методику QuestionStorming — разновидность брейншторма, нацеленную на поиск настоящей проблемы, которую пытается решать проектировщик. Он состоит из 5 шагов и помогает найти правильное направление работы.

The Spirit of Halloween Personas
К недавно прошедшему Хэллоуину команда компании Cooper Consulting подготовила описание серии шуточных персонажей. Несмотря на несерьезность темы, это отличнейший пример формата и того, как важно не скатываться к карикатурности — карточки персонажей фокусируются на потребностях и целях.

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

Comprehensive Review Of Usability And User Experience Testing Tools
Cameron Chapman собрал для Smashing Magazine максимально полную подборку инструментов для удаленного тестирования, карточной сортировки, веб-аналитики, eye-tracking и других методов пользовательских исследований.

The Truth About Webcam Eye Tracking
Отличная статья Aga Boyko, в которой она рассказывает принципы работы дешевых способов eye-tracking-исследований с помощью веб-камеры. Точность получаемых данных крайне крайне низка, что, в общем-то, и неудивительно для такой ограниченной аппаратуры.

Axure Fu Master Cheat Sheet
Специалисты компании WitFlow подготовили отличную памятку с перечнем горячих клавиш в Axure. Прямая ссылка на PDF.

Usabilla now supports mobile usability testing
Сразу два онлайн-сервиса удаленного юзабилити-тестирования — Usabilla и UserZoom — запустили инструменты для тестирования мобильных сайтов и приложений. Описание продукта UserZoom.

Proto.io — Silly-fast mobile prototyping
Онлайн-инструмент для проектирования мобильных и планшетных сайтов и приложений. Он позволяет создавать интерактивные прототипы и проверять их на Android-, iOS-, BlackBerry- и Windows Phone-устройствах.

Reframer — Quickly quantify your qualitative data
Онлайн-сервис для анализа заметок и примечаний, оставленных в ходе юзабилити-исследований. Он позволяет категоризировать и ранжировать проблемы в интерфейсе, искать связи между ними.

Freebie: Twitter GUI PSD
Shelby White собрал PSD-шаблон типовой страницы Twitter. Прямая ссылка на скачивание.

Vector Doodlekit
Более 700 черно-белых векторных пиктограмм, которые отлично подойдут для wireframes в приближенном к скетчам виде. Набор также доступен в виде бесплатных PNG-версий. Еще одна подборка иконок в виде скетчей.

Паттерны и гайдлайны

Meaningful Transitions
Шикарнейшая коллекция паттернов, которая собирает и категоризирует примеры анимации в интерфейсах. Все они разбиты на несколько ключевых разделов — Orientation, Spatial Extension, Awaking Controls, Highlight, Feedback, Feedforward.

Mobile Design Pattern Gallery
Недавно вышла вторая книга об интерфейсных паттернах от Theresa Neil, на этот раз посвященная мобильным сайтам и приложениям. Автор опубликовала на специально созданном сайте всю коллекцию паттернов, а издание UX Booth — одну из глав книги, посвященную справочным и обучающим экранам.

An Extensive Guide to Web Form Usability
Хорошая обзорная статья о проектировании форм от Justin Misfud. Нового сказано мало, но для начинающих это отличный материал.

Official Usability & Website Guidelines of World Governments
Justin Misfud собрал коллекцию официальных интерфейсных гайдлайнов от органов государственной власти разных стран. Они описывают принципы юзабилити, accessibility и другие аспекты построения хороших сайтов.

Socially-Transmitted Functionality
Jared Spool предлагает интересный термин — “социально-обучаемая функциональность” для интерфейсных подходов, которые сложно обнаружить естественным путем. Хороший пример — распространившийся на iPhone жест “pull to refresh” для обновления списков, обучение которому обычно происходит по наводке друзей и знакомых.

Jensen Harris Walks Us Through the Windows 8 UI
С 13 по 16 сентября в калифорнийском Anaheim прошла конференция Build, посвященная Windows 8. В рамках нее руководитель интерфейсной команды Jensen Harris и другие специалисты много рассказывали о Win8 и парадигме Metro в частности. На видео — краткий обзор интерфейса от самого Дженсена. Есть еще несколько интересных материалов по мотивам конференции:

• ‎8 Traits of Great Metro Apps (Jensen Harris);
• Using Tiles and Notifications (Kip Olson);
• Designing Metro style: principles and personality (Samuel Moreau);
• Designing Metro style apps that are touch-optimized (Jan-Kristian Markiewicz , Kay Hofmeester);
• Windows Phone user experience design (Bryan Agnetta);
• Windows 8: Photos, Mail, People, Calendar, and Messaging Metro app demos;

BlackBerry PlayBook 1.0 UI Guidelines
Интерфейсные гайдлайны для планшетов PlayBook компании BlackBerry. В ближайшее время, кстати, ожидается выход версии 2.0.

BlackBerry Smartphone 7.0 UI Guidelines
Компания RIM обновила интерфейсные гайдлайны в связи с выходом новой версии смартфонной ОС BlackBerry 7.

Google TV Design Patterns
Пока небольшой, но интересный гайдлайн по проектированию и дизайну приложений для ТВ-платформы Google TV. Он описывает различные аспекты создания таких интерфейсов — от компоновки экрана до контекста использования.

The Evolution of Fail Pets — Strategic Whimsy and Brand Awareness in Error Messages
Sean Rintel вспоминает сервисы, использовавшие персонажей-символов для страниц ошибок. Он делает вывод о том, что такой подход вредит бренду — компания начинает ассоциироваться с регулярными проблемами.

Form design guidelines crib sheet (free download)
Специалисты компании CXPartners подготовили удобную памятку по проектированию форм. Она доступна в виде PDF, PSD и документе Omnigraffle.

Cue – A gesture icon system
Еще одна система обозначений жестов в тач-интерфейсах с помощью пиктограмм. Прямая ссылка на скачивание.

Organizing Mobile
Выдержка из свежей книги Luke Wroblewski “Mobile First” — часть главы №4 об организации контента в мобильных сайтах и приложениях. Хорошее описание основных принципов с массой иллюстраций.

Как не надо оформлять корзины магазинов
Обзор корзин в паре десятков отечественных интернет-магазинов. Сама статья не особо интересна, но может быть полезна как мини-обзор рынка.

Процесс

How to manage design projects with user experience metrics
David Travis из компании UserFocus описывает способы быстрого и недорогого получения интерфейсных метрик на регулярной основе. А также принятия и корректировки решений на их основе.

The Design of Design Studio
Will Evans продолжает описание методологии групповой работы проектировщиков и дизайнеров “Design Studio”, которая отлично подходит для небольших и средних по размеру команд. Вдогонку — статья об особенностях использования design studio в условиях agile-проектов.

The T-Model and Strategies for Hiring IA Practitioners
Nathaniel Davis описывает особенности профессиональной квалификации информационных архитекторов — набор навыков и специализаций, на которые стоит обратить внимание работодателю при найме такого специалиста. Доступна вторая часть статьи.

Moving from Critical Review to Critique
Отличнейшая колонка Jared Spool на тему критики дизайна, которая зачастую сводится к выискиванию мелких недочетов вместо совместной проверки того, решает ли интерфейс поставленные задачи.

Cutting the Complexity of Content Marketing
Интересная статья Jayme Thomason, в которой она критикует сложность текущего процесса подготовки контента и предлагает способы решения ключевых проблем. Актуальный материал в период особенного интереса к контент-стратегии.

Efficient Sketching Studios With Remote Participants
Еще одна статья о методологии “Design Studio” от компании 8Shapes, в которой описывается инструментарий для совместного создания скетчей командами, которые находятся в разных офисах.

7 Ingredients of a Successful UX Strategy
Paul Bryan приводит семь принципов построения UX-стратегии — набора общих установок, акцентов, методов и практик работы, которые должны лежать в основе любой интерфейсной команды. За исключением последнего пункта список выглядит здравым и сбалансированным.

What user researchers can learn from Sherlock Holmes
Занятное сравнение методов пользовательских исследований и подхода к расследованиям Шерлока Холмса. Статья описывает 5 принципов хорошего исследования.

Кейсы

Designing the Start screen
Chaitanya Sareen рассказывает в блоге Windows 8 о том, как развивалось меню “Пуск” и почему в новой версии было принято решение о его кардинальной переработке. Очень много интересной статистики и отличный пример обоснования таких сложных решений. Еще более интересно продолжение этого описания — команда разработки подробно отвечает на критику пользователей. Вся серия статей в целом — редкий пример такого масштабного описания дизайнерских решений.

Eye Tracking studies can KILL conversions if you focus on the wrong things for your landing page optimization tests!
Команда компании ConversionVoodoo предостерегает от того, чтобы всегда использовать результаты eye-tracking-тестирования при оптимизации конверсии. В статье приводится пример того, как хорошая с точки зрения логики иллюстрация дает не лучший выхлоп на практике.

What Should I Look For In a UI Typeface?
Интересный анализ базовых шрифтов ведущих операционных систем от Ian Cylkowski. Он сравнивает различные ситуации использования Segoe UI (Windows), Lucida Grande (Mac OS X), Ubuntu (Ubuntu), Helvetica Neue (iOS) и Droid Sans (Android) и отмечает сильные и слабые стороны каждого из шрифтов.

6 Strategies For Getting Good Design Done – Learnings from Google Wallet
Интересный кейс о запуске продукта Google Wallet, в котором интерфейсная команда рассказывает о процессе его создания. Важной частью процесса был сбор самой команды и формирование доверия к ней.

Теория

HCI Classes @ Stanford
Онлайн-курсы по проектированию интерфейсов от Стэнфордского университета, которые ведет профессор Scott Klemmer. Начало занятий — в январе 2012 года.

Psychological Usability Heuristics
Jordi Sánchez свел в единую таблицу все психологические эвристики, о которых писала в своих публикациях и недавней книге Susan Weinschenk. Прямая ссылка на таблицу в Google Docs.

Social Computing by Thomas Erickson
Отрывки из четвертой главы книги интерфейсной энциклопедии Interaction-Design.org от Thomas Erickson, посвященной social computing. Пока это рабочие материалы, которые должны оформиться в готовую публикацию.

What Is a Confidence Interval and Why Would You Want One?
Caroline Jarrett рассказывает о том, что такое доверительный интервал и почему он важен при анализе результатов юзабилити-исследований. Хорошая вводная статья, описывающая общие принципы метода.

User Strategies: Considerations for UX Analysis and Design
Статья Paul McInerney о различных стратегиях достижения цели и решения задач, которые применяют пользователи. Хороший пример того, что сценарии использования далеко не всегда бывают универсальными.

Designing to overcome behaviour barriers
Caroline Jones рассказывает о поведенческой модели B(ehaviour) = TAM (triggers + ability + motivation), предложенной BJ Fogg из Стэнфордского Университета. Очень хорошая обзорная статья с основными выкладками теории и методиками описания поведения пользователей.

The Flexibility of the Four Stages of Competence
Jared Spool описывает четыре стадии компетентности пользователя при работе с продуктом. Она может быть осознанной и неосознанной и может влиять на реакцию при смене интерфейса.

Riding the Magic Escalator of Acquired Knowledge
Jared Spool предлагает хорошую диаграмму-иллюстрацию, которая помогает упростить процесс обучения пользователей. Она предлагает двигаться сразу в двух направлениях — снижению порога необходимых знаний и непосредственно обучению.

Shoes, Cars, and Other Love Stories — Investigating the Experience of Love for Products
Диссертация Beatriz Russo, в которой она исследует принципы построения продуктов, от которых потребители в восторге. Хотя публикация во многом касается промышленного дизайна, в ней есть масса интересного об интерфейсах и UX в целом.

A Quick Look Into The Math of Animations with JavaScript
Christian Heilmann описывает математические принципы построения анимации, которая активно используется в современных интерфейсах. Статья изобилует формулами, но это более чем важно для понимания принципов построения переходов между различными экранами и состояниями элементов.

История

How the Knowledge Navigator video came about
Bud Culligan, один из авторов легендарного концепта Knowledge Navigator от Apple, рассказывает как это видео создавалось на самом деле. Это был наспех собранный ролик, который не являлся манифестом компании. Это произошло потом, уже после того как видео стало популярным.

More game controllers evolution charts
Подборка инфографики, посвященной истории развития игровых контроллеров. В статье собраны 6 постеров, показывающих эволюцию джойстиков и геймпадов.

Тренды

Real Life Responsive Design: Ethan Marcotte
Интересная дискуссия Ethan Marcotte и Leigh Howells на актуальную сейчас тему адаптивного дизайна. Она доступна в виде подкаста и обычной статьи.

When People Use Different Devices
Luke Wroblewski собрал статистику нескольких веб-сервисов о том, в какое время суток и с каких устройств пользователи работают с ними. Особенно интересен ярко выраженный всплеск активности iPad-сессий ближе к позднему вечеру.

First Person User Interfaces (Презентация Luke Wroblewski @ CHIFOO)
Презентация Luke Wroblewski об интерфейсах от первого лица для конференции CHIFOO. Они обеспечивают наименьший уровень абстракции по сравнению с другими подходами, в том числе активно растущим сейчас NUI, а значит требуют меньшего обучения.

The Business Case For (Or Against) Service Design (Презентация Brandon Schauer @ Service Design Network Conference)
Презентация Brandon Schauer, в которой он ставит под сомнение рынок услуг по проектированию услуг. Он оценил его объем и пришел к выводу, что основную работу выполняют совсем не специализированные дизайнеры.

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

User Experience Russia 2011
С 6 по 8 октября в Москве прошла пятая юбилейная конференция User Experience Russia 2011. Организаторы опубликовали презентации и видео-записи выступлений.

Тренинг Cooper Consulting в Москве
14 и 15 октября в Москву по приглашению компании Innova приезжала команда компании Cooper Consulting с самим Аланом во главе. Небольшой отчет Елены Дроновой рассказывает о мероприятии. Вторая часть — monzano.livejournal.com/31817.html. Мини-отчет в блоге Cooper и фото-отчет.

Lean UX Machine: Israel 2011
Daniel Szuc, Tomer Sharon и Johanna Kollmann рассказывают о проходившем в Израиле интерфейсном воркшопе для местных стартапов. Хорошее описание процесса проведения, которое пригодится организаторам подобных тренингов.

Круглый стол “Юзабилити как новое направление исследований в инженерной психологии”
В сентябре 2010 г. в Институте психологии РАН прошел круглый стол, посвященный психологическим проблемам проектирования взаимодействия в информационных технологиях. Темой обсуждения выступила интенсивно развивающаяся в последнее десятилетие новая практически-ориентированная область исследований, связанная с проектированием интерфейсов компьютерных продуктов (прежде всего касающихся Интернета), которая получила название юзабилити.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

В связи с повышенной конференционной активностью этой осенью вышла пауза с публикациями, но дальше такого наплыва мероприятий не будет.

Методы и практики

A big list of UX KPIs and Metrics
Joe Leech из компании CXPartners составил обширнейший список метрик, используемых в проектировании. Это несколько десятков параметров, разделенных по категориям — от простейших вещей про посещаемость сайта до подсчета эффективности связки из нескольких маркетинговых каналов.

New Form Techniques Proven to Save Time and Money
Anthony T описывает метод KLM (Keystroke-Level Model) для определения эффективности сложных форм. Он предполагает суммарный расчет времени, затрачиваемого на заполнение каждого из полей.

Improving the Online Shopping Experience
Неплохая памятка по проектированию интернет-магазинов от Lyndon Cerejo. Она описывает весь процесс покупки — от поиска магазина до финального платежа. Вторая часть статьи.

Alignment Diagrams
James Kalbach рассказывает об инструменте “alignment diagrams”, которые помогают описывать бизнес-процессы применительно к пользовательским продуктам. В первую очередь они важны при проектировании услуг и customer experience, но свежие публикации автора предлагают использовать подход и для работы с бизнес-моделями.

Video Personas – A New Approach
Интересный подход к созданию персонажей предлагают в компании Get Elastic. Они снимают сопроводительные видео, показывающие типичный день из жизни каждого из типов пользователей.

People and Participation
Сайт собирает полезную информацию для тех, кто работает с людьми — в том числе в ходе пользовательских исследований. Здесь публикуется описание методов работы и практических кейсов, есть сообщество экспертов.

6 sad squid snuggle softly
Greg Slovacek из компании Asana предлагает интересный способ описания сообщений об ошибках. Вместо трудно запоминаемого служебного идентификатора можно использовать абсурдные на вид, но хорошо запоминающиеся фразы вроде “6 грустных кальмаров обнимаются нежно”.

8 Ways your Landing Page Design is Sabotaging your Click-Thru Rate
Jen Gordon из компании Unbounce перечисляет 8 ключевых причин, по которым landing pages имеют слабую конверсию. Хотя сам посыл не особо свежий, статья хорошо и подробно описывает проблему.

Designing Global Applications For Children
Еще одна памятка по проектированию и дизайну приложений для детей. Catalina Naranjo-Bock приводит ряд примеров и основных требований к таким интерфейсам.

Interactions — July/August 2011
Новый выпуск журнала Interactions за июль/август 2011 года. Теперь он выходит в новом удобном просмотрщике и обновленной верстке самого издания.

From Tsunami to Rising Tide
Публикация Nathaniel Davis, в которой он описывает возможные стратегии в построении информационной архитектуры для разных типов организаций. Прямая ссылка на PDF.

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

20 Free Prototyping, Mockup and Wireframing Resources for Windows Phone 7
Полезнейшая подборка шаблонов и стенсилов для проектирования и дизайна мобильных приложений для Windows Phone 7. Среди них есть шаблоны для Visio, Omnigraffle, Mockups to Go, Sketchflow и PSD-макеты.

Freebie: Facebook Fan Page GUI PSD
Smashing Magazine опубликовал детально проработанный PSD-шаблон для дизайна Facebook-страниц. Сайт его автора.

Паттерны и гайдлайны

Official Usability, UX & UI Guidelines from Companies
Масштабная коллекция официальных интерфейсных гайдлайнов крупнейших компаний-производителей ПО. В списке Adobe, Apple, BlackBerry, Google, HP, IBM, Microsoft, Motorola, Nokia, Oracle, Samsung, SAP, Sony Ericsson.

Designing Your Mobile Checkout Sign in Page
Linda Bustos рассказывает об основных принципах проектирования корзины и процесса оформления заказа для мобильных сайтов и приложений. Ничего принципиального нового не говорится, но статей на эту тему пока не очень много плюс автор приводит много полезных примеров.

User Experience Design Guidelines for Windows Phone 7.1 Mango
Опубликован драфт второй версии интерфейсных гайдлайнов для Windows Phone 7.1 Mango. Авторы также перенесли материалы из PDF в привычный MSDN.

Windows Phone 7 Guide for Android/iPhone/Symbian Qt Application Developers
Команда разработки Windows Phone 7 продолжает серию публикаций руководств по переводу приложений на платформу из других мобильных ОС. Помимо советов разработчикам эти документы содержат неплохую памятку для проектировщиков. Уже доступны руководства для iPhone, Android и Symbian.

Updated Symbian design guidelines
Nokia выпустила обновленные гайдлайны для нового интерфейса Symbian версии Belle. В отличие от прошлых версий, это один из лучших примеров как построения самой документации, так и продуманности самого интерфейса.

Why Users Fill Out Forms Faster with Unified Text Fields
Anthony T сравнивает два вида формы — сложно скомпонованную и простую линейную. И делает вывод о том, какая из них проще для заполнения.

Elements Of A Viral Launch Page
Simon Schmid разбирает структуру эффективной страницы-заглушки перед запуском нового проекта. Он описывает основные требования и приводит серию примеров.

Предварительный обзор Bada 2.0
Обзор интерфейса мобильной ОС Samsung Bada 2.0. В основном причесывание UI по сравнению с прошлой версией.

Windows 8 on a laptop in-depth preview (video)
Подробный обзор интерфейса предварительной версии Windows 8. В статье есть много примеров экранов стандартных инструментов и сторонних приложений, которые можно использовать для изучения паттернов ОС.

10 Absentee UX Features on Top e-Commerce Sites
Paul Bryan перечисляет 10 нетипичных, но перспективных возможностей интернет-магазинов, которые способны повысить продажи. Хотя польза некоторых из них не очевидна, автор приводит примеры успешного использования.

Процесс

Leveraging UX Insights to Influence Product Strategy
Frank Guo пишет о том, как использовать полученные в ходе пользовательских исследований знания для стратегического планирования продукта. Автор достаточно подробно описывает основные шаги процесса.

The S.M.A.R.T. User Experience Strategy
Dickson Fong подробно описывает метод постановки и контроля целей при проектировании и улучшении интерфейсов. Он адаптирует известный принцип S.M.A.R.T. (specific, measurable, actionable, relevant, trackable) и предлагает удачный способ учета получившихся целей в wireframes.

This Is Service Design Thinking: Deconstructing a Textbook
Laura Keller подготовила неплохой обзор свежей книги “This is Service Design Thinking” Marc Stickdorn и Jakob Schneider. Статья приводит в том числе основные этапы процесса проектирования услуг.

Framing the Practice of Information Architecture
Nathaniel Davis жалуется на то, что работу информационного архитектора зачастую видят в очень упрощенном виде, как автора навигации. При этом такой специалист выполняет целую серию работ, которую автор отразил в диаграмме-пирамиде.

Surviving Design Projects
Новый блог Dan Brown о решении конфликтных ситуаций в интерфейсных проектах. Сопроводительная статья.

Кейсы

Breaking Dev: Pragmatic Responsive Design
Конспект выступления Stephanie Rieger на конференции Breaking Dev, в котором она рассказывала о кейсе использования Nokia техники адаптивного дизайна. В статье много интересных деталей, описывающих трудности и найденные для них решения.

Rebekah Children’s Services
Отличный пример представления кейса в портфолио, в котором перечислены все итоговые документы, а также детально показаны некоторые из них.

Thinking Inside a Smaller Box — One strategy for becoming a better designer
Mike Heydlauf описывает процесс создания нового элемента управления в интерфейсе. Он предлагает не зацикливаться на лежащих на поверхности решениях и рассматривать пусть и нереалистичные, но позволяющие по-новому посмотреть на ограничения идеи.

Теория

Introduction to Human-Computer Interaction Design
Материалы учебного курса Scott Klemer для стэнфордского OpenClassroom. Это серия видео-записей по ключевым вопросам профессии — от истории до конкретных методов работы.

Decision Architecture in the Wild — A Real-Life Example
Отличный жизненный пример особенностей принятия решения при покупке продукта или услуги, который наглядно показывает способы влияния на выбор пользователя.

The True Cost of Multi-tasking
Susan Weinschenk пишет о проблемах так называемой многозадачности, которую правильнее считать “переключением задач”. Она описывает потери времени и эффективности на таких переключениях и дает отсылки к исследованиям по теме.

Тренды

HUDs and GUIs
Интереснейший блог HUDs & GUIs коллекционирует примеры фантастических интерфейсов в фильмах и играх. За почти год существования собралась внушительная коллекция.

How Long Do Users Stay on Web Pages?
Якоб Нильсен приводит свежую статистику о количестве времени, которое пользователи в среднем проводят на странице сайта. Наиболее критичны здесь первые 10 секунд, после которых люди задерживаются гораздо чаще.

Свежие ссылки можно также отслеживать в одноименной Facebook-группе.

В первую среду месяца, 7 декабря, в офисе компании Mail.Ru прошла очередная внутренняя микро-конференция UX-Среда #5. В течение дня специалисты по проектированию и дизайну интерфейсов из разных подразделений (коммуникационные сервисы, Одноклассники, AstrumNival), а также приглашенные гости из компании Яндекс, UI Design Group и UsabilityLab выступили с серией презентаций о своем опыте работы. Получилось живо и интересно благодаря рассказчикам, активным слушателям и удобному для общения формату.

Я выступил первым с обзором тренинга по Design Thinking, который провели для нас в середине сентября Perry Klebahn и Jeremy Utley из Стэнфордской d.School. В ходе двух дней сверхплотной работы команды прошли по всем ключевым этапам этого процесса создания инновационных продуктов, а также опробовали на практике серию полезнейших методов и практик исследования, проектирования и тестирования. Хотя многое из этого мы применяли или давно собирались попробовать, в связке процесс оказался впечатляющим. Эту же тему я презентовал на World Usability Day 2011, но тогда из-за болезни не смог подготовить ни рассказ, ни презентацию. Зато теперь слайды готовы:

Следующей рассказчицей была Наталья Спрогис, недавно присоединившаяся к команде Mail.Ru в качестве ведущего UX-исследователя. Она собрала последние тренды в методах, инструментах и подходах к пользовательскому тестированию. Много времени было уделено исследованию мобильных интерфейсов, количество которых сейчас растет безумными темпами. Отдельная тема — борьба с искусственностью лабораторных тестирований, когда пользователь находится в неестественной для него рабочей среде и выполняет не всегда близкие задачи. Основные тезисы есть в презентации Наташи:

Последним докладчиком стал Тарас Бризицкий, один из авторов хитового мак-приложения DaisyDisk. Он рассказал об анимации в интерфейсах и том, как создавать ее — продукт Тараса во многом успешен благодаря ее продуманному и активному использованию. Есть набор базовых приемов, из которых можно построить большинство необходимых эффектов — изменение прозрачности, расположения, размера и цвета объекта. Для остальных случаев используются более сложные трансформации его формы. В презентации было показано много хороших и плохих примеров использования анимации, рассказано о слабой применимости известных 12 Диснеевских принципов к интерфейсам, продемонстрирована эволюция приемов в современных ОС. А ближе к концу произошел интересный спор по поводу реалистичных приемов (изменение объектов в соответствии с законами физического мира) и более киношных (например, Windows Phone 7). Поскольку презентация основана на активном использовании анимации, возможности выложить ее в интернете нет.

Начиная с прошлого раза мы получили возможность приглашать не только докладчиков, но и слушателей из других компаний — вместе с докладчиками из Яндекса, Рамблера, UI Design Group и UsabilityLab пришли их коллеги. Помещение и сам формат UX-Среды вмещает 30-40 человек, поэтому мы будем рады видеть докладчиков и слушателей из других компаний. Пишите мне на y.vetrov@corp.mail.ru и мы выберем интересную тему рассказа и удобную дату для него. В ближайшем будущем появится понятный механизм регистрации, так процесс участия станет проще и понятнее. Следующая микро-конференция назначена на среду, 25 января.

Кстати, доступны фотографии с UX-Среды #5, а также лента анонсов в Твиттере.