@pdigest со вкусом профессионального роста

апр-май'12

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

Предыдущие материалы: апрель 2010-март 2011.

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

UX Fox

Ярослав Бирзул из украинской компании UX Depot запустил полезнейший проект для проектировщиков и дизайнеров UX Fox. В нем регулярно публикуются свежие переводы англоязычных статей и собирается хорошая база знаний по книгам, инструментам и шаблонам.

To Boldly Go… From Information to Understanding (презентация Stephen Anderson)

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

Mobile Considerations in User Experience Design — “Web or Native?”

Глава из третьей книги Smashing Magazine от Aral Balkan на всегда актуальную тему “мобильный сайт или приложение?”. Это определенно лучшая статья по этому вопросу — он раскрыт во всех деталях и аспектах. И еще одна неплохая статья на тему.

Capturing User Research

RJim Ross перечисляет основные способы записи результатов пользовательских исследований. Помимо этого статья описывает ситуации, в которых стоит выбирать какие-то из них.

Measuring the Customer Experience — Questions and Answers

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

Character Creator (презентация Dana Chisnell)

Dana Chisnell показывает простую методику для моделирования персонажей. Простая и наглядная памятка по этой технике.

Wilder than testing in the wild — Usability testing by flash mob

Dana Chisnell рассказывает об интересном подходе к юзабилити-тестированию — флешмобах. Она в деталях описывает организационные вопросы и результаты эксперимента.

Наука и искусство условного макетирования

Влад Головач опубликовал в блоге Usethics статью о целях и способах создания wireframes. Не так много публикаций на эту тему на русском языке, да еще и не переводных.

Deconstructing Delight (презентация Dana Chisnell)

Презентация Dana Chisnell о том, как делаются интерфейсы, восхищающие пользователя. Она приводит серию примеров и разбирает их в деталях.

RESS — An Evolution of Responsive Web Design (презентация Dave Olsen)

Презентация Dave Olsen на тему RESS. Подборка статей и другой полезной информации о RESS от Luke Wroblewski.

Forms part two – Pace and Balance

Michael Harris из компании Nomensa рассматривает заполнение формы как общение пользователя и системы. Он видит три группы основных проблем в формах — они заставляют пользователя слишком много делать, выбирать и планировать.ад интерфейсом.

Service Design — Beyond Customer Journey Mapping

Презентация и видео-подкаст компании User Centric о проектировании услуг.

Illustrating the Big Picture

Megan Grocki и Jamie Thomson рассказывают о создании customer journey maps. Это краткий обзор методики и принципов ее использования.

Content Modeling Series

Cleve Gibbon подготовил серию статей о проектировании контента. Он описывает его типизацию и концептуальные модели.

Using Proto-Personas for Executive Alignment

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

Creativity-based Research — The Process of Co-Designing with Users

Catalina Naranjo-Bock рассказывает о методике проектирования интерфейсов вместе с пользователями. Он может использоваться на всех этапах работы, но особенно полезен при сборе идей и выработке концепции.

Why Are Contextual Inquiries So Difficult?

Jim Ross рассказывает об особенностях метода контекстных пользовательских исследований. Он один из самых сложных в наборе методик юзабилити-специалистов, но и получаемые с помощью него знания одни из самых интересных.ли.

Moving Beyond Conversion Rates

Серия статей Jared Spool о метриках, которые могут использовать специалисты по интерфейсам. В этих пяти материалах он последовательно раскрывает суть правильного подхода к показателям эффективности.

Harder to read = Easier to recall

Исследование университетов Принстона и Индианы подтверждает факт о том, что набранные забавными шрифтами факты запоминаются гораздо лучше. К сожалению, это касается и Comic Sans Serif.

Improving the Digital Reading Experience

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

Help! What The Beatles can teach us about writing support material

Philip Hodgson описывает то, каким должен быть хороший справочный текст в интерфейсе. Зачастую они вставляются просто для того “чтобы были”, хотя должны учитывать сложность и важность текущего пользовательского сценария.ные модели.

Unleashing the Power of a UX KPI

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

Sweep the Sleaze

На реакционной волне против распространения кнопок соц.сетей на страницах информационных сайтов, Oliver Reichenstein из Information Architects предлагает правильный подход по интеграции социальных медиа. Стоит использовать не банальные кнопки лайков, а цитаты пользователей, обсуждающих статью в других сервисах.

Triangulation — Navigating the Stormy Seas of Project Requirements

Tal Bloom предлагает методику триангуляции требований к продукту, исходящих из трех источников — бизнеса, пользователя и специалиста по интерфейсам. Такой подход позволяет оставить среди всех предлагаемых пожеланий только те, что не конфликтуют друг с другом.

Ethan Marcotte @ An Event Apart — Rolling Up Our Responsive Sleeves

Ethan Marcotte, автор концепции адаптивного дизайна в современном понимании, рассказывает о том как создавать такие сайты. Это конспект его выступления на конференции An Event Apart

True Death of UX? Being Jaded

Самое худшее, что может случиться с проектировщиком — это профессиональное уныние и выгорание, говорит Baruch Sachs. Он описывает его причины и подсказывает, как бороться с этим.

Interface Origami

Juan Sanchez развивает методику бумажного прототипирования мобильных интерфейсов. Он показывает, как можно моделировать сложные взаимодействия вроде тех что используются в Clear.

UX Ponder — Shared heuristics

Простой сервис, собирающий интерфейсные эвристики в виде “советы на каждый день”. Их набор обещает регулярно пополняться.

Caroline Jarrett – Designing Effective Surveys

Caroline Jarrett беседует с Jared Spool о том, как создавать хорошие опросники. Скоро выходит ее книга Surveys That Work в издательстве Rosenfeld Media в продолжение Forms That Work.

4 Tricks To Quick Intranet UX Improvements

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

How to tell managers they’re wrong about UX research and still get hired

David Travis из английской UserFocus советует, как лучше “продать” пользовательские исследования заказчику. Он разбирает типичные возражения клиентов и дает ответы на них.

Creating A Shared Vision That Works

Alan Colville рассказывает о том, как обеспечить в компании единое видение продукта. Он предлагает совместную рабочую сессию, которая поможет коллегам лучше познакомиться и определить общие принципы. И еще одна статья Алана на эту тему.

Creating Effective Landing Pages

Чеклист Lance Cameron Kidwell по созданию хороших landing pages. Ее перевод на русский язык.

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

Designing (and converting) for multiple mobile densities

Travis Hines из компании Teehan+Lax приводит формулы для адаптации дизайна смартфонных и планшетных приложений к экранам разного разрешения и плотности. Это крайне полезный инструмент для мобильных дизайнеров, вынужденных работать с целой армией устройств.

Download design assets for Metro style apps

В MSDN опубликованы шаблоны для проектирования и дизайна приложений Windows 8. В нем есть PSD-макеты всех ключевых экранов, контрактов, интерактивных и других элементов. Еще один полезный материал — типографическое руководство для дизайнеров приложений.

Report Usability Issues in a User by Problem Matrix

Jeff Sauro опубликовал шаблон матрицы для записи найденных интерфейсных проблем. Она позволяет наглядно увидеть наиболее критичные вещи, требующие исправления в первую очередь.

Foundation — Rapid Prototyping and Building Framework from ZURB

Фреймворк Foundation от компании ZURB, который позволяет легко и дешево собирать интерактивные прототипы. Он подходит для больших и мобильных сайтов, а также поддерживает адаптивность.

Speech Bubble User Flow

Barnabas Nagy предлагает свой способ описания пользовательских сценариев. Это совмещение карты сайта, диаграммы процесса и отношения пользователя к каждому из этапов. В статье для UXMatters Barnabas описывает важность хорошей подачи проектной документации.

Sketchkit Wireframes

Набор стенсилов Sketchkit для проектирования приложений для iPhone в Keynote. Не особо интересный, зато бесплатный.

Cross Channel Design With Alignment Diagrams

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

Icons8

Российская дизайн-студия VisualPharm открыла услугу по заказу бесплатных иконок для Windows 8. На текущий момент общедоступная библиотека включает 615 пиктограмм, созданных по заказу пользователей.

UXToolbox — Wireframing Tools, Application Prototyping, softandGUI

Новый инструмент для проектирования интерфейсов UX Toolbox. Не особо интересный и перспективный, но интересно что кто-то до сих пор пытается.

Visual Interaction

Компания Visual Interaction выпустила сравнительно недорогое оборудование для eye-tracking-исследований. Стоит он $2,980, а программная часть является надстройкой к Morae.

Interface 2 for iPhone & iPad — Advanced Mockup & Prototyping for iOS

Вышла вторая версия приложения Interface для проектирования интерфейсов на iPhone и iPad. Помимо обширной библиотеки элементов оно позволяет экспортировать прототип в работающий код.

Pixelapse — Visual version control for designers

Сервис Pixelapse облегчает проектную работу для дизайнеров и проектировщиков. Он помогает хранить версии макетов, быстро публиковать их из исходников и обсуждать с клиентами.

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

Design case study — iPad to Metro style app

Одна из самых полезных статей для понимания основ проектирования интерфейсов для Windows 8 опубликована в MSDN. В ней детально рассказывается, чем отличаются планшетные приложения для iPad и Win8 и как превратить одно в другое. Вторая статья из серии помогает превратить сайт в приложение для Windows 8. Все материалы по теме.

Fast and fluid animations in your Metro style app

Windows 8 имеет библиотеку встроенных анимаций, которые можно использовать при создании собственных приложений. Статья во многом ориентирована на разработчиков, но дизайнерам и проектировщикам полезно знать уже имеющийся арсенал.

GDS design principles

Британское правительство опубликовало принципы дизайна, которыми оно руководствуется. Это 10 простых и понятных правил, сопровождающихся наглядными примерами с самого сайта GOV.uk.

UI Patterns For Mobile Apps — Search, Sort And Filter

Theresa Neil описывает мобильные паттерны для поиска, сортировки и фильтрации. Она приводит примеры разных подходов к этим задачам и ситуации, когда их стоит использовать. Перевод статьи на русский язык.

Cross Platform Design Strategies

Обзор стратегий кросс-платформенного дизайна от Teresa Neil.

Search vs Browse On Websites

Jeff Sauro приводит несколько интересных статистических цифр по поводу древнего спора “поиск или категории”. Хотя для каждого продукта точное соотношение может быть различным, поиском в любом случае пользуются реже.

Why Your Links Should Never Say “Click Here”

Anthony T рассказывает о том, почему ссылки не должны содержать бессмысленные фразы вроде “click here”. Он приводит серию рекомендаций по правильной расстановке ссылок в тексте.йна от Teresa Neil.

Dark Patterns Wiki

У проекта Dark Patterns, собирающего примеры нечистых на руку интерфейсных приемов, появилась вики. В ней собираются примеры таких решений.

Designing Search — As-You-Type Suggestions

Tony Russell-Rose описывает разные типы поисковых подсказок, появляющихся по мере набора запроса. Он описывает плюсы и минусы каждого из подходов, а также приводит примеры по каждому из них.

Proper Indicators for Hidden Elements

Christian Holst перечисляет основные индикаторы, которые помогают использовать скрытые в текущий момент элементы интерфейса. Они показывают направление, привязываются к метафорам физического мира, используют пиктограммы, плавное затемнение и также временный показ.

A Consistent Shopping Experience with Product Thumbnails

Jamie Appleseed рассказывает о том, как уменьшенные изображения товаров могут улучшить интерфейс интернет-магазинов. Помимо корзины их стоит использовать в письмах подтверждения и страницах подтверждения заказа.айна от Teresa Neil.

How to Make Progress Bars Feel Faster to Users

Anthony T показывает несколько простых способов сделать индикатор загрузки более быстрым без ускорения работы самой системы. Помимо известного трюка с ускорением анимации может помочь, например, обратное направление движения в индикаторах-полосках.

Call To Action Buttons and the Psychology of Color

Paul Osylager подготовил серию простых статей о кнопках call-to-action. Он затрагивает темы важности цвета, размещения, формы и размера, текста этих кнопок. Опубликованы части 2, 3 и 4. Еще одна статья о дизайне кнопок от Caroline Jarrett.

Meer.li

Еще одна галерея примеров мобильных приложений, запущенная шведскими студентами в дополнение к Scoutzie и Dribbble. Работ не так много, зато они удобно сгруппированы.

Процесс

Just What is a UX Manager?

Brandon Schauer размышляет о роли менеджера интерфейсных проектов. Он описывает ключевые качества такого специалиста и его цели.

Incremental and Radical Innovation — Design Research versus Technology and Meaning Change

Большая публикация Don Norman и Roberto Verganti о том, какие инновационные методы работы дают больший эффект. Они сравнивают эффект от дизайн-исследований и технологических прорывов, делая вывод о том что первые хороши для последовательных улучшений, в то время как вторые позволяют совершить радикальные изменения.

How to transform vision into value (презентация Proto Partners)

Неплохой обзор процесса проектирования услуг от компании Proto Partners. Они рассказывают, как эти инструменты помогают создавать компании ценность для бизнеса заказчиков.

Designing Services That Deliver (PDF)

Публикация G.Lynn Schostack в Harvard Business Review, посвященная проектированию услуг. Автор концентрируется на описании проблемных мест во взаимодействии потребителя с сервисами компании.

6 Key Questions to Guide International UX Research

Liang Zhang, Pamela Walshe и Elizabeth Shelly дают серию советов по проведению международных пользовательских исследований. Помимо учета культурных особенностей необходимо помнить о массе организационных проблем.

Co-designing with Children

Catalina Naranjo-Bock описывает процесс совместного дизайна с детьми. Хотя они проводят массу своего свободного времени за этим делом, организовать их достаточно сложно.

Organizational Challenges for UX Professionals

Patrick Neeman рассказывает о типичных организационных проблемах, с которыми сталкиваются специалисты по интерфейсам. Само собой, связаны они с тремя участниками процесса — менеджментом, разработчиками и самими дизайнерами.

The 7 Essentials of Customer Centric Business — Personality

В статье описывается как строить хорошее отношение пользователей к бренду. Важно формировать отношение к нему как к личности.

Кейсы

Transitioning The Week Magazine’s Reading Experience from Print to iPad (презентация Harry Brignull)

Шикарный кейс журнала The Week, рассказывающий о том как они переносили журнал на iPad. Много рассказано о предпосылках, ограничениях и процессе работы — крайне полезно для всех, кто делает контентные приложения для планшетов.

Firefox UX Overview

Интересная презентация интерфейсной команды Firefox о том, как они делали новую версию продукта похожей на разных платформах и устройствах. Там же показана версия браузера для Windows 8.

Eyes on the Road or Mind on the Road?

Steven Hoober рассказывает о своем опыте проектирования систем дополненной реальности и HUD (head-up display). Системы создавались для военных и требовали учета множества факторов.

Positive Design Impact

Daniel Szuc и Josephine Wong рассказывают о том, как интерфейсная команда может усилить свое влияние на продукт. Они описывают историю из своей практики, когда плотная работа с проектной командой помогла этому.

Storytelling that inspires and delivers vision — Lessons from Google Glass

Stefan Klocek разбирает в блоге компании Cooper видео-презентацию очков дополненной реальности Google Project Glass. Он говорит о том, как сделать такой ролик более человечным и эффектным, переместить фокус с технологий на решение потребностей пользователя. И еще один интересный разбор этого видео, на этот раз с маркетинговой точки зрения.

Теория

UX Design Defined

Ritch Macefield предлагает простые и очень емкие описания основных интерфейсных ролей и специальностей. В статье есть определения информационной архитектуры, проектирования взаимодействия, визуального дизайна, юзабилити-инженерии и UX-дизайна.

Principles of User Interface Design

Joshua Porter собрал свой список принципов проектирования интерфейсов. Перевод на русский язык.

More Than Usability — The Four Elements of User Experience, Part I

Frank Guo описывает свое видение фреймворка для проектирования хороших интерфейсов. Он должен обеспечивать 4 ключевых качества — ценность для пользователя, юзабилити, легкость начала использования и желанность.

Socio-Technical System Design

Новая статья в энциклопедии Interaction Design от Brian Whitworth и Adnan Ahmad посвящена социо-техническим системам. Это одна из самых интересных областей интерфейсной работы, объединяющая сложные технические средства и организационные структуры.

A. Ames & A. Riley on info experience models @ STC12

Andrea Ames и Alyson Riley из IBM описали серию концептуальных моделей, которые моделируют работу пользователя с информационными системами. Они включают в себя модель использования, контента, доступа и информационную. Доступна также презентация в дополнение к статье.

The Secret Sauce of Social

Adrian Chan описывает природу взаимодействий в социальных сервисах.

Understanding Information Architecture Differently

Термин “информационная архитектура” со временем размылся и стал конфликтовать с “user experience”, из-за чего стал восприниматься многими специалистами скептически. Nathaniel Davis пишет о том, что нужно вернуться к сути IA.

Innovating User Value — The Interrelations of Business Model Innovation, (Service) Design Thinking and the Production of Meaning

Большая студенческая работа Jan Schmiedgen, посвященная дизайн-мышлению, проектированию услуг и инновационным бизнес-моделям. Он исследует роль дизайна в инновационной деятельности и способы создания ценности для пользователей. Прямая ссылка на PDF.

Бюллетень Межрегиональной (Российской) эргономической ассоциации

Вышел первый выпуск бюллетеня Межрегиональной эргономической ассоциации. Прямая ссылка на PDF.

История

Inside Minority Report‘s ‘Idea Summit,’ Visionaries Saw the Future

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

The Past and Future of Experience Design

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

Engelbart’s Violin

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

Creating the Windows 8 user experience

Обширнейшая статья Jensen Harris об истории создания интерфейса Windows 8 и его эволюции относительно других версий платформы. Он рассказывает об основных принципах платформы и почему они именно такие. Особенно забавна судьба кнопки “Start” — сейчас ее уход сопровождается стонами “мы к ней так привыкли!”, но в статье есть видео-ролик о том, с каким трудом “продавался” пользователям этот новый концепт в 1995 году.

Future Passed — When we dreamed of television

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

A Brief History of Information Architecture

Andrea Resmini и Luca Rosati описывают краткую историю информационной архитектуры. Идея применения этих методов к представлению информации появилась в середине ’70х, хотя термин существовал и до этого.

Notes on videophones in film

Joe Malia из компании BERG собрал коллекцию видео-телефонов в кино, начиная с Метрополиса 1927 года. Интересно смотреть за развитием идей и видения будущего.

Тренды

Moving from Transaction to Engagement

R “Ray” Wang описывает переход текущей интерфейсной парадигмы от транзакций к вовлечению. В конце статьи интереснейшая табличка, описывающая эволюцию основных интерфейсных принципов.

Our Mobile Planet

Исследование особенностей использования смартфонов в более чем 40 странах, которое проводилось совместно Google, Ipsos и Ассоциацией мобильного маркетинга (MMA). Данные представлены в виде интерактивного сервиса, который позволяет делать различные выборки и строить интересные срезы.

Interactions with big data analytics

Публикация группы авторов Danyel Fisher, Rob DeLine, Mary Czerwinski и Steven Drucker в Interactions Magazine затрагивает тренд использования больших объемов данных при создании продуктов и сервисов. Это новые возможности и ограничения для специалистов по интерфейсам, которые нужно понимать и учитывать.

A Changing Tide

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

Adapting Ourselves to Adaptive Content (презентация Karen McGrane)

Отличная презентация Karen McGrane о том, что требуется от современных систем управления контентом в условиях множества поддерживаемых платформ и устройств. Она приводит несколько удачных кейсов реализации этой стратегии.

Interaction as performance

Интересный обзор театральных постановок, фильмов и видео-клипов, в который взаимодействие пользователя с технологиями являются частью общего действия. Авторы публикации Steve Benford и Gabriella Giannachi рассказывают, что такое mixed reality.

Nielsen is wrong on mobile

Интересная дискуссия Josh Clark и Jakob Nielsen о современном состоянии мобильных интерфейсов. Josh критикует Якоба за несовременные и даже вредные рекомендации, а тот отвечает на претензии. Еще одна ветка дискуссии.