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

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, а также лента анонсов в Твиттере.

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

Первыми выступили Алексей Копылов (технический директор UI Design Group) и Константин Горский (руководитель службы дизайна веб-интерфейсов в Яндексе). Они рассказали о тренинге Cooper U компании Cooper Consulting и их руководителя Алана Купера, прошедшем 14 и 15 октября в Москве. Задачей открытой части воркшопа было создание управляемого жестами и голосом интерфейса без использования тач-скринов и других осязаемых методов ввода. Леша и Костя говорили об основных этапах практической части, рабочих материалах, созданных командами решениях. А также привели пять основных интерфейсных трендов, которые считают ключевыми в компании Cooper. Здорово, что к нам все чаще начинают приезжать ключевые специалисты отрасли — это помогает нам лучше интегрироваться в международное интерфейсное сообщество.

Следующим рассказчиком был Дмитрий Зимин (ведущий специалист отдела проектирования интерфейсов в Рамблере). Он прочитал свой обновленный доклад о сплит-тестах в поиске Рамблера, который год назад участвовал в программе 404fest. В компании определен набор метрик, которые характеризуют успешность (в том числе интерфейсных) решений и постоянно отслеживаются и замеряются в ходе каждого из изменений в дизайне поисковой выдачи. Дима показал эволюцию страницы результатов поиска и те решения, которые давали наибольший эффект. Обновленной презентации пока нет, но предыдущая доступна:

Часть тезисов Дмитрия, в первую очередь касающихся субъективной удовлетворенности, развил Антон Артемов (руководитель проектировщиков в AstrumNival). Он попытался дать ответ на вопрос, возможно ли объективное измерение этого показателя и на каких принципах психологии он основан. И хотя однозначного ответа нет, обсуждение получилось интересным.

Завершающей стала долгая, но очень интересная дискуссия, родившаяся в ходе выступления Андрея Сикорского (директор по качеству в UsabilityLab и заместитель директора по маркетингу и развитию в РИА Новости). Основной темой его рассказа было взаимодействие с топ-менеджерами компании для того чтобы обеспечить приемку различных дизайн-решений. Процесс связан со множеством сложностей и проблем, которые могут быть связаны с особенностями организационной структуры компании, загрузкой и квалификацией менеджеров, политическими конфликтами и сотней других нюансов. Андрей построил основу для своего рода фреймворка, предлагающий способы выхода из проблемных ситуаций. Умение проводить свои решения в жизнь — одно из ключевых при работе в крупных компаниях, поэтому тему будет интересно развивать и в будущем.

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

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

P.S. К сожалению, видео-записи этой среды оказались плохого качества.

Как я уже рассказывал в блоге, в июле этого года основная часть команды UI Modeling Company перешла в Mail.Ru, где усилила уже имевшийся отдел проектирования и дизайна интерфейсов. За прошедшее время мы успели сделать достаточно много в плане оптимизации рабочего процесса, автоматизации производства, построения инструментария, формирования базы знаний. И, естественно, основной работы над продуктами, которые находятся в нашем ведении — главная страница, общепортальные правила, Почта, Агент и их мобильные версии, новые сервисы компании.

В ходе всего этого четко определилось направление развития отдела и принципы его работы. И хотя еще не все из запланированного сделано, уже есть чем поделиться с коллегами по отрасли. О настоящем и будущем интерфейсов в Mail.Ru и рассказывала моя презентация, состоящая из шести основных частей:

• Команда. Какие продукты холдинга Mail.Ru Group имеют собственные интерфейсные группы, почему их несколько и кого включает именно наша.
• Процесс работы. Основные этапы проектирования и дизайна интерфейсов в компании, а также особенности и нюансы в отличие от других организаций.
• Инструменты и технологический процесс. Почему мы используем связку Adobe InDesign + Photoshop и как пытаемся сокращать рутинные операции для повышения производительности и освобождения времени для поиска интересных решений.
• Паттерны и гайдлайны. Лучший способ работы над интерфейсами пакета крупных продуктов, который мы постепенно распространяем на все продукты в нашей юрисдикции.
• Тестирование и исследования. Что нам нужно от юзабилити-лаборатории и как она помогает нам в создании более качественных продуктов.
• Творческие планы. Какие начатые дела мы хотим закончить в первую очередь и как это повлияет на качество, производительность и удовлетворенность от работы команды.

Саму презентацию можно посмотреть и скачать на SlideShare:

Также доступна видео-запись выступления. Другие материалы:

• Фотографии от Юрия Копылова — часть 1, часть 2 и часть 3;
• Видео-записи выступлений.

Мастер-класс

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

О том, как добиться такой преемственности, и рассказывал мастер-класс. Он состоял из трех частей — общих вводных на тему выбора платформ и расстановки приоритетов, серии “обзор конкретной ОС + практическое занятие по ней”, а также обсуждения спроектированных участниками интерфейсов. В ходе него нужно было проработать 3 экрана условного приложения конференции User Experience (стартовый, расписание, информация о конкретном докладе), причем сделать это последовательно для Android, iPhone и Windows Phone. Причем по мере продвижения многие возвращались к уже спроектированным платформам чтобы внести корректировки для обеспечения преемственности. Это и было одной из главных задач — заставить задуматься о наборе приложений как едином продукте, который должен быть последовательным в своих интерфейсных решениях, оставаясь при этом “родным” для ОС.

Поскольку время было ограничено, часть важных этапов тренинга пришлось пропустить — детальную проработку сценариев использования, разогревочные задачи, проектирование контента экранов приложения. Задачи сфокусировались на продумывании общей компоновки экранов и навигации по разделам — как раз здесь и лежат основные проблемы некорректного портирования. Интересно, что участники предлагали разные концепции приложения, некоторые из которых минимизировали количество экранов, а значит и проблемы с переносом паттернов в другие мобильные ОС. Для меня это был один из самых интересных и удачных тренингов, хотя правильную концовку организовать не удалось — времени на проверку и обсуждение всех результатов не хватило, а это одна из главных проблем воркшопов с большим количеством участников — пока не видел ее хороших решений в малом объеме времени. Саму презентацию можно посмотреть и скачать на сайте SlideShare:

Выставка современных планшетов и смартфонов

В течение всей конференции я также представлял стенд компании Mail.Ru, на котором мы собрали интересную коллекцию современных планшетов и смартфонов. Хотя наша новая интерфейсная команда собралась сравнительно недавно и пока не успела показать готовые продукты, важно было как минимум обозначить направления, по которым мы движемся. Коллекция устройств в этом помогла — любой участник конференции мог подойти и поработать с любым из представленных аппаратов. Особой популярностью пользовался интерфейс Metro (планшет на Windows 8 и смартфон на Windows Phone 7.5 (Mango)), эксперимент Nokia с swipe-интерфейсом и бескнопочным телефоном N950 (платформа MeeGo), а также различные вариации Android-планшетов. Стенд стал также отличным поводом пообщаться и познакомиться со множеством интересных специалистов, так что несмотря на пропущенные из-за него интересные презентации, формат более чем удался.

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

1. Андрей Хвостов
2. Леонид Романов
3. Дмитрий (dp@de…….com)
4. Евгений Лазебный
5. Артем Камнев
6. Александр Ушаков
7. Михаил Фролов
8. Дарья Подрезова
9. Елена (arge…..@g…..com)
10. Рената (vsei………@mail.ru)

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

Transforming Qualitative Data into Actionable Information
Joshua Ledwell из компании Autodesk предлагает систему пометок для результатов качественных пользовательских исследований, которые помогут лучше ориентироваться в массе полученных данных.

New Approaches To Designing Log-In Forms
Свежая статья Luke Wroblewski о современных подходах к дизайну форм. Со времени выхода его популярной книги на эту тему многое изменилось, так что требуются новые решения.

Social Design
Facebook опубликовал официальные рекомендации по дизайну для социальных сервисов. Помимо общих рекомендаций этот гайдлайн содержит ссылки на соответствующие технологии платформы FB.

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

3 Ideas for Capturing Feedback
Jakub Linowski показывает три интересных способа сбора комментариев к wireframes — отдельная зона страницы для комментариев, сохранение фотографий маркерных досок с результатами обсуждений, отдельный слой страницы со списком доработок и принятых вещей.

Инструменты

Designing for Windows Phone (PDF)
Microsoft выпустил методичку/гайдлайн по проектированию и разработке приложений для Windows Phone 7. По ссылке — ее PDF-версия.

Sharing Sketches Remotely
Nathan Curtis из компании EightShapes описывает процесс взаимодействия удаленной команды при работе над концепцией интерфейса. Он предлагает отличный инструментарий для того чтобы быстро обмениваться скетчами с настольной веб-камерой в основе.

OmniGraffle UX Template
Новая версия универсального шаблона для проектирования в OmniGraffle от Konigi. Он включает в себя основы сразу для нескольких документов — wireframes, персонажи, карты сайтов.

Free Full Layered Google+ GUI PSD Kit
Набор PSD-шаблонов для нового сервиса Google Plus, включающий основные страницы и интерактивные элементы. Прямая ссылка на скачивание — www.coolwebmasters.com/engine/download.php?id=163 (1,3 МБ).

Touch Gesture Reference Cards
Набор справочно-игральных карт от Craig Villamor, Dan Willis и Luke Wroblewski, описывающих жесты для современных тач-интерфейсов. Прямая ссылка на PDF.

Interactive Shortcuts Guide for InDesign CS5
Интерактивный справочник по клавиатурным сокращениям Adobe InDesign, одному из самых популярных инструментов проектирования. Прямая ссылка на справочник.

Паттерны

Designing for Android Tablets
Отличнейшая обзорная статья Dan McKenzie, которая описывает ключевые особенности интерфейса Android-планшетов. Это очень удачная памятка для тех, кто начинает проектирование для платформы.

6 Epic Forces Battling Your Mega Menus
Jared Spool описывает проблемы с интерфейсным паттерном “мега-меню”, используемым в основной навигации. Наглядным показателем того что с ними нужно быть осторожным является Amazon, который достаточно быстро отказался от этого подхода.

5 Big Usability Mistakes Designers Make on Carousels
Небольшая, но полезная серия советов по созданию и использованию контролов типа “карусель”. В статье есть хорошие и наглядные иллюстрации, которые можно использовать в документации и презентациях.

The Fold Exists but Does it Matter?
На тему “первого экрана браузера” написано уже чересчур много, но эта статья удачно собирает историю вопроса и статистику по теме. Многие из приведенных в ней цифр достаточно печальны — они подтверждают наличие мертвой рекламной зоны после прокрутки.

Процесс

The Integration of User Experience into Software Development
Группа приглашенных экспертов UXMatters делится опытом интеграции проектирования в процесс разработки. Кстати, это моя первая мини-публикация для издания перед серией осенних статей.

Act First, Do the Research Later
Donald Norman в очередной раз критикует ключевые посылы профессии, зачастую подтверждавшиеся им же — серьезные пользовательские исследования не так важны при запуске новых продуктов. Куда важнее постоянно вести мониторинг предметной области, чтобы к началу работы над продуктом уже быть экспертом в ней.

Client Reactions to User Research Findings
Jim Ross затронул тему “продажи” клиенту результатов пользовательских исследований. Зачастую с его стороны возникают знакомые вопросы и сомнения — “зачем тратить на это столько времени”, “да мы и так все это знали” — и статья предлагает ответы на них.

Кейсы

Improvements in Windows Explorer
Microsoft запустила очередной блог с внутренней кухней продукта, на этот раз посвященный Windows 8. Как и в случае с легендарной историей Office Ribbon, в этой статье о новом Проводнике много интересной статистики использования и выводов касательно построения интерфейса.

Five Lessons from a Year of Tablet UX Research
Brennan Browne описывает пять ключевых выводов из годового пользовательского исследования способов и особенностей использования планшетов. Часть из них были давно известны, но некоторые обсуждаются впервые.

Thumbnails, Titles, and URLs — How Users Recognize Representations of Websites
Jennifer Lynn Morrow из интерфейсной команды Firefox рассказывает о результатах исследования пользовательского восприятия различных способов представления открытых сайтов в браузере — уменьшенных изображениях разного размера, заголовках и URL.

Ревущая, сметающая все на своем пути, простота
Влад Головач справедливо критикует недавнюю статью Andy Rutledge, в которой тот перерисовал сайт The New York Times. Это очередной пример ненужного упрощения, когда ради призрачной красоты теряется суть продукта.

Why Separate Mobile & Desktop Web Pages?
Luke Wroblewski рассказывает о том, как создавались единые страницы для основной и мобильной версии в его недавно проданном Твиттеру стартапе BagCheck. Это отличный и подробно расписанный кейс актуального сейчас подхода responsive web design.

Теория

Embodied Cognition and How It Affects Judgment and Decision Making
Colleen Roller рассказывает о влиянии физических свойств продукта на его восприятие. Хотя при проектировании компьютерных интерфейсов эта информация не так важна, она улучшает понимание особенностей взаимодействия.

Social Interaction Models — From Google+ to Twitter
Adrian Chan сравнивает модели поведения пользователей в нескольких социальных сервисах — Facebook, Twitter, Turntable.fm, Empire Avenie, Google Plus. Он описывает основные компоненты таких моделей в целом и перечисляет используемые конкретным продуктом.

Why Rounded Corners are Easier on the Eyes
Anthony T. описывает причины, по которым закругленные углы объектов проще воспринимаются глазом. Эта небольшая статья показывает несколько наглядных примеров и особенностей восприятия.

Тренды

UX Career Guide — User Experience Jobs, Salary, Market Information
Интересный инфографический постер, описывающие возможные направления развития для UX-специалиста, а также состояние профессии в США.

Responsive Web Design Techniques, Tools and Design Strategies
Обширная подборка статей и других полезных материалов о “приспосабливающемся” дизайне. Тема сейчас особенно актуальна и обсуждаема, так что ссылок в статье много.

The Challenge of Targeting Late Adopters
Demetrius Madrigal и Bryan McClain рассказывают о том, как работать с категорией пользователей late adopters — людям, которым технология важна, но они не готовы использовать ее на ранних этапах.

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

404Fest 2011

Самарский фестиваль веб-разработчиков, интернет-деятелей и сочувствующих им 404fest пройдет 1-2 октября уже в четвертый раз. Организаторам всегда удается собрать сильный состав локальных и столичных докладчиков, причем в этот раз он получился особенно интересным. Я проведу мастер-класс по MS Visio, который мы в моей прошлой компании разобрали по косточкам и смогли превратить в отличный инструмент быстрой обкатки концепций. Уже опубликованы точное расписание, а также списки докладов и участников.

User Experience Russia 2011

Пятая юбилейная конференция User Experience Russia пройдет в московском Digital October с 6 по 8 октября. Из особенно интересных гостей на этот раз будет Peter Morville с рассказом о поисковых паттернах и мастер-классом об информационной архитектуре. Я проведу двухчасовой мастер-класс по кросс-платформенному проектированию мобильных приложений в пятницу, 7 октября с 10:00 до 12:00. Кроме того, буду участником специальной интерфейсной выставки, в рамках которой расскажу о современных интерфейсах планшетов и смартфонов вместе с их наглядной демонстрацией. Детали и формат еще уточняются, но для меня это будет одно из самых интересных выступлений.

Russian Internet Week 2011

С 19 по 21 октября в московском Экспоцентре на Красной Пресне пройдет четвертая Неделя Российского Интернета. В рамках стенда компании Mail.Ru я проведу “сеанс одновременной игры” — переработку интерфейса нескольких заранее отобранных продуктов. В ходе него будет показан итеративный метод проектирования “быстрое прототипирование + быстрое тестирование”, который позволяет добиться хорошего результата в короткие сроки. Анонс и правила отбора продуктов, а также точный формат будет опубликован позже, но уже доступна предварительная программа мероприятия.

CEE-SECR 2011 (Central & Eastern European Software Engineering Conference in Russia)

31 октября и 1 ноября пройдет еще одна конференция в Digital October — седьмая московская Software Engineering Conference. В ней я участвую без доклада, в качестве одного из экспертов в панельной дискуссии по теме интерфейсов. Финальная программа еще не опубликована, но есть ее предварительный вариант.

World Usability Day 2011

В субботу, 12 ноября, в Москве состоится независимая профессиональная конференция World Usability Day. На ней я подробно расскажу о проведенном для Mail.Ru тренинге “Design Thinking” от профессоров Стэнфордской d.School Jeremy Utley и Perry Klebahn — в ходе него мы опробовали отличнейшую методологию работы над концепцией и интерфейсом продукта, включавшую массу полезных методов и практик. Точное время проведения и программа еще не известны, но ближе к дате проведения появятся на официальном сайте. Кстати, аналогичные мероприятия должны пройти в Минске и Киеве.

Форум Технологий Mail.Ru Group

16 ноября в ИнфоПространстве пройдет второй Форум Технологий Mail.Ru Group, технологическая конференция компании с рассказами ведущих специалистов. Мой рассказ будет посвящен развитию интерфейса через гайдлайны, отличному способу сделать продукты компании стилистически едиными, предсказуемыми для пользователя и более комфортными в поддержке. Мы активно движемся в эту сторону и накопили много интересного опыта, которым хочется поделиться. Точное расписание еще только формируется, а пока доступен список докладчиков.

Презентации и отчеты будут появляться в блоге сразу после завершения мероприятий.