Влад Головач о новых средствах прототипирования

Инструментарий

Влад Головач написал весьма проницательный и остроумный анализ происходящего на рынке специализированных средств для прототипирования интерфейсов.

Основные тезисы Влада:

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

Это счастье?

Повествовательный формат для веб-форм

Исследования, Экранные интерфейсы

Известного эксперта по проектированию веб-форм Люка Вроблевского очень вдохновил необычный дизайн формы регистрации на сайте Huffduffer.

Помимо необычного дизайна самих полей Люка заинтересовал «повествовательный» текст, стилизованный под бумажное заявление: насколько такой вариант эффективен? Если да, то почему: он более удобен или просто привлекает внимание за счет своей необычности?

Разработчики vast.com провели A/B-тестирование стандартной и повествовательной формы для отправки запроса продавцу автомобиля (правда, в отличие от Huffduffer они использовали более привычное оформление полей ввода). Они утверждают, что повествовательный вариант повысил конверсию более чем на 25%.

Форму, использованную Huffduffer, Люк недавно обсуждал также в подкасте Джерида Спула Spoolcast.

«Mad Libs» Style Form Increases Conversion 25-40%
SpoolCast: Moving Beyond Static Forms with Luke Wroblewski

Sketch-it: распознавание нарисованных от руки схем

Гаджеты, Инновации и идеи, Общедоступность

Том Оуян и Рэндалл Дэвис из лаборатории по компьютерным наукам и искусственному интеллекту (CSAIL) Массачуссетского технологического института разрабатывают программу, распознающую нарисованные от руки чертежы и схемы. Изначально система разрабатывалась для использования исследователями-химиками в сотрудничестве с компанией Pfizer. Однако по тем же принципам можно построить программу, которая позволит рисовать электротехнические схемы или, чем черт не шутит, наброски интерфейсов.

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

Благодаря совмещению этой технологии с голосовым интерфейсом (VUI) пользователи смогут, например, нарисовать структуру молекулы на доске, а потом спросить вслух, как называется это вещество и каковы его свойства. Такая технология может сыграть роль в развитии современных гаджетов, а также поможет работать со сложными системами людям, которые из-за определенных физических или психомоторных ограничений не могут работать со стандартными устройствами ввода.

Sketch-interpreting software

Юзабилистически-психологические игральные карты

Книги, Процессы и методики

Исследователь в области опыта пользовательского взаимодействия Стивен Андерсон пытается определить принципы, которые позволяют создавать притягательные для пользователей системы (seductive interactions). В подкасте Spoolcast он рассказал Джериду Спулу и слушателям о том, как создаются такие интерфейсы, а также о колоде карт, называемых Mental Notes, которые должны поступить в продажу весной.

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

На сайте Mental Notes пока не много информации, но уже можно сделать предзаказ предзаказ со скидкой (причем со временем эта скидка уменьшается), а также скачать PDF с примерами карточек. Всего в колоде Стивена будет 50 карточек.

Сайт Mental Notes
Примеры карточек [PDF, 811 KB]
SpoolCast: Stephen Anderson on Seductive Interactions (подкаст с рассказом Стивена)

Ай-трекинг и размещение рекламы в играх

Инструментарий, Исследования

Специалисты компании Bunnyfoot рассказывают в своем блоге о том, как они применяют регистрацию движения глаз, а также полиграф для того, чтобы подбирать оптимальное время и место для расположения рекламы в играх. Например, рекламных баннеров на гоночных трассах в автосимуляторах. При этом они учитывают не только, куда чаще всего смотрят игроки, но и их функциональное состояние в разные моменты времени.

Авторы также указывают на то, что важно не забывать о смысловом содержании игры: лучше всего, когда реклама не просто размещена в удачном месте, но и как-то вписана в сюжет игры. То же самое можно сказать и о продакт-плейсменте в фильмах.

Eye Tracking, Psycho-physiology & In-Game Advertising

Концепция ОС Microsoft Locus

Гаджеты, Инновации и идеи, Экранные интерфейсы

Австралийский дизайнер Бартон Смит в рамках одного из конкурсов для дизайнеров интерфейсов подготовил видеоролик, демонстрирующий концепцию «геозависимой» (location-aware) операционной системы Locus OS.

Locus OS предназначен для мобильных устройств с сенсорными дисплеями, в частности, для планшетных ПК. Наиболее интересная идея автора состоит в том, что ОС имеет несколько рабочих столов, каждый из которых представляет набор приложений и виджетов, актуальных для определенного окружения: дом, работа, вуз, библиотека, транспорт и т.д. К каждому из рабочих столов можно поставить в соответствие геотег. При этом Locus будет автоматически включать нужный рабочий стол в зависимости от вашего местоположения.

Location-based operating system concept: «Locus OS»

Формы ввода в мобильных устройствах

Гаджеты, Экранные интерфейсы

С появлением новых поколений смартфонов и, в первую очередь, мультитач-устройств под управление iPhone OS и Android, возникло множество новых идиом взаимодействия, связанных с заполнением форм.

Люк Вроблевский описал все эти нововведения в рамках одной статьи. Среди них:

• автоматическое масштабирование к активному элементу ввода;
• изменение клавиатуры в зависимости от формата вводимых данных;
• отображение текущей вводимой буквы при максировке паролей;
• нетипичный вид раскрывающихся списков;
• интересная реализация ввода «составных» данных
• голосовой ввод

Web Form Innovations on Mobile Devices

Harvest – конкурс стартапов

События

В эти выходные, 20–21 февраля, состоится отличное мероприятие для тех, кто горит желанием реализовать мечту по созданию собственного интернет-бизнеса, и для тех, кто хотел бы или знает, как им в этом помочь.

В московском офисе компании Microsoft состоится турнир стартапов — Harvest@GreenfieldProject. На турнир можно прийти со своей идеей для интернет-стартапа или просто поучаствовать в одной из команд, которым за 2 дня предстоит создать прототипы или готовые сервисы с моделью продвижения, бизнес-планом и инвестиционным тизером.

Мероприятие будет творческим и очень напряженным — ведь команды будут бороться не только за ценные призы, но и за интерес реальных инвесторов, встреча с которыми состоится в конце мероприятия.

Авторы этого блога — сотрудники UIDesign Group — примут участие в Harvest в качестве экспертов, будут консультировать участников проектов, как учитывать требования пользователей, как сделать сервис более удобным, эффективным и пр.

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

Организаторы мероприятия подготовили сюрпризы, о которых будут сообщать в твит-ленте #harvest_ru.

Сайт мероприятия

Windows Phone 7

Гаджеты, Инновации и идеи

Итак, вчера на мероприятии Mobile World Congress компания Microsoft анонсировала новую операционную систему для смартфонов. Mcrosoft решила все начать с нового листа — да так, что старые приложения теперь работать не будут. Это дает возможность компании двигаться вперед без оглядки на прошлое.

Замечательно, что социальная жизнь пользователя интегрирована с пользовательским интерфейсом смартфона. Все элементы интерфейса крупные – проектировщики явно выверяли все с помощью закона Фиттса. Границы между основными телефонными частями — адресной книгой, модулем осуществления звонка, просмотром аудио, видео и фото существуют как бы в единой среде без четких границ между экранами.

По нашему мнению у Microsoft есть все шансы занять заметное место на рынке и подвинуть как Apple iPhone, так и Google со своей мобильной платформой Android.

Презентация операционной системы на Mobile World Congress 2010

Обзор функций телефона

Альберт Шум (Albert Shum), руководитель отдела Mobile Experience Design при компании Microsoft о том, какие идеи стояли за разработкой операционной системы

Официальный сайт Windows Phone 7 Series
Все официальные новости о Windows Phone 7

Фреш по пятницам: Сделайте так, не знаю как

Юмор

Удивительные датчики: найди потерянную вещь или место на стоянке

Гаджеты, Инновации и идеи

Разработки в области микродатчиков и так называемой «повсеместной» вычислительной техники (ubiquitous computing) могут существенно облегчить нашу жизнь.

Например, исследователи из университета Ратджерс в Нью-Джерси разработали систему, способную определять места расположения свободных парковочных мест при помощи датчиков, размещаемых на бортах автомобилей. Таким образом, если установить датчики на все автомобили и наладить передачу собранных данных на сервер системы, то любой сможет увидеть, где больше свободных парковочных мест, например, на экране своего навигатора. Пока создатели попробовали установить датчики всего на несколько машин, которые в течение двух месяцев колесили по одному из районов Нью-Джерси. Точность системы в такой ее версии оказалась равна 90%.

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

Finding a Parking Space Could Soon Get Easier
Students find ‘lost’ office gear with tiny sensors

Книга «Beyond the Usability Lab»

Исследования, Книги, Процессы и методики

Солидное издательство Morgan Kaufmann как и Rosenfeld Media выпустила книгу посвященную удаленным юзабилити исследованиям. Написал ее знакомый нам Билл Альберт, который участвовал во втором Юзабилити Марафоне. Эта книга, как и книга The Handbook of Global User Research
написана в сотрудничестве с UXalliance.

Содержание книги:

1. Introduction to online usability methods

a. What is online usability, and how it differs from traditional usability methods 
b. Examples of different types of online usability studies
c. Pros and cons of online and non-online methods
d. When to use (and not use) online methods
e. Combining online studies with lab testing

2. Planning your study

a. Study goals
b. Budgets and timeline
c. Technology options 
d. Participant recruiting and panels 
e. Sample size
f. Panel options
g. Sampling strategy
h. Study duration
i. Participant compensation

3. Designing your study

a. Introducing the survey
b. Screener questions 
c. Starter questions 
d. Constructing Tasks
e. Post-task questions and metrics
f. Post-session questions and metrics
g. Branching
h. Progress indicators and navigation
i. Speed traps
j. Question types

4. Launching your study

a. Piloting and Validating
b. Timing the launch
c. Phased launches
d. Monitoring results

5. Data preparation

a. Fraudulent participants
b. Consistency checks
c. Data reliability
d. Outliers
e. Recoding variables

6. Data analysis and presentation

a. Verbatim responses
b. Task-based metrics
c. Segmentation analysis
d. Post-session analysis
e. Behavioral data
f. Combining data
g. Identifying usability issues
h. Presentation tips

7. Building your own online study

a. Approaches to creating your own online study
b. Presenting tasks and prototypes
c. Capturing task completion status
d. Capturing task time data
e. Capturing self-reported data
f. Examples

8. Online solutions

a. Keynote
b. RelevantView
c. User Zoom
d. MindCanvas
e. Survey Monkey
f. Opinion Lab
g. ACSI
h. Others

Книга «Beyond the Usability Lab: Conducting Large-scale Online User Experience Studies»
За пределами юзабилити-лаборатории: крупномасштабные исследования опыта взаимодействия
(запись вебинара Билла Альберта на тему удаленных юзабилити исследований
с русскоязычной стенограммой)
Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics
(предыдущая книга Билла Альберта)

Книга «Remote Research»

Исследования, Книги, Процессы и методики

В молодом и очень активном издательстве Rosenfeld Media вышла книга Нэйта Болта (Nate Bolt) и Тони Тулатимутт (Tony Tulathimutte) посвященная горячей теме удаленных юзабилити-исследований.

Вы можете купить ее со скидкой, если введете промо-код RRPUBNOT (25%) при оформлении заказа. Поторопитесь, промо-код действует до «11:59pm ET on Friday, February 12»!

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

Книга «Remote Research: Real Users, Real Time, Real Research»
Книга «Prototyping: A Practitioner’s Guide To Prototyping»

Фильтрация по количественным параметрам

Экранные интерфейсы

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

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

Numeric Filters: Issues and Best Practices

Повышение конверсии путем проектирования форм

Экранные интерфейсы

Гевин Дулан (Gavin Doolan) из команды разработки Google Analytics написал прекрасную статью о проектировании форм. Но сначала Гевин привел простой график:

График показывает доходность (ROI – возврат инвестиций) перепроектирования различных частей сайта :

• Менее всего приносит доход, как ни странно, изменение главной страницы сайта (голубой прямоугольник в графике). Связано это с тем, что большинство сайтов пользователи начинают изучать не с главной страницы, а с внутренних – пользователи попадают на них с помощью поисковых систем. Эти внутренние страницы называются Landing Pages (страницы входа на сайт).
• Вложение в Landing Pages более оправдано (средний прямоугольник в графике) – особенно надо обратить внимание на систему навигации.
• Наиболее критичной частью сайта являются формы, каждая из которых является реальным препятствием для посетителя, который движется в направлении своей цели.

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

Было:

Стало:

Improve your web-forms and increase conversions

Книга «Проектирование веб-интерфейсов»

Книги, Процессы и методики, Экранные интерфейсы

Издательство «Символ-Плюс» радует переводом актуальной книги. Доступна для заказа (по сниженной цене) книга Билла Скотта (Bill Scott) и Терезы Нейл (Theresa Neil) «Проектирование веб-интерфейсов».

Проектирование веб-интерфейсов
Полноразмерные иллюстрации к книге, которые можно скачать отдельно
Designing Web Interfaces: Principles and Patterns for Rich Interactions (оригинал книги)

Семья динозавров рассказывает об информационной архитектуре

Видео, Юмор

Компания Bolt|Peters сняла ролик в рамках конкурса, на котором участники старались как можно лучше объяснить, что такое информационная архитектура.

iPad: фичи, гайдлайны и стенсилы

Гаджеты

Планшет iPad, как и любой другой новый гаджет от Apple, вызвал огромную волну обсуждений. В том числе и среди проектировщиков интерфейсов.

Люк Вроблевский написал сразу 5 заметок об этом устройстве, где рассказал об интересных с точки зрения проектирования взаимодействия особенностях устройства, о новых видах мультитач-действий воспринимаемых системой, об ограничениях iPad и причинах их возникновения, дает краткое содержание руководства по разработке интерфейсов для iPad, уже официально продаваемого Apple, а также о релистической манере в дизайне приложений, использующих метафоры, основанные на устройствах физического мира.

В свою очередь, Девин Колдевей — один из авторов TechCrunch и CrunchGear — написал для UXMagazine статью с подробной критикой устройства и высказал свои мысли о том, каким должен быть идеальный планшет.

Для проектирования и дизайна iPad-интерфейсов появились уже не только гайдлайны, но и первые стенсилы: правда, пока только для Photoshop.

Одновременно свой мини-компьютер Slate PC разрабатывают Microsoft совместно с HP: он отличается от iPad тем, что управляется полноценной ОС Windows 7. Разумеется, это дает некоторые преимущества, но и приводит к существенным неудобствам в сравнении с системой, изначально заточенной под мобильные устройства.

Design-centric Thoughts on Apple’s iPad
New Multi-touch Interactions on the Apple iPad
Are iPad’s Limitations Design Decisions?
iPad User Experience Guidelines
iPad Apps: Physicality and Heightened Realism
Toward a better tablet OS, part 1
Toward a better tablet OS, part 2
iPad GUI PSD
CES 2010: Microsoft и HP готовят планшет Slate PC

Введение в проектирование опыта взаимодействия (UXD) от Nokia

Видео, Гаджеты, Процессы и методики

Компания Nokia в целях популяризации проектирования опыта взаимодействия (User Experience Design) создала страницу, где в доступной форме разъясняет, как создавать привлекательные и удобные в обращении мобильные приложения и сервисы.

Весь материал разбит на темы: «UX process», «Ease of input», «Ergonomics», «Aestehtics an social» и так далее. В конце каждой темы можно попробовать ответить на несложный вопрос.

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

User Experience Programme

Дизайн: от создания вещей к проектированию будущего

Исследования, Процессы и методики

Буквально на днях на сайте уважаемого издательства Harvard Business Review Россия появился новый интересный блог Екатерины Храмковой, который будет посвящен состоянию дизайна в современном мире.

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

Дизайн: от создания вещей к проектированию будущего