Нокиа спросила у пользователей, какой смартфон им нужен

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

Нокиа запустила сайт Design by Community. Каждую неделю на нем будет задваться новый набор вопросов о том, каким мы хотели бы видеть смартфон будущего.

В мае планируется опубликовать итоговый концепт, построенный на основе голосования пользователей. Нокиа пока не заявляла никаких планов по выпуску реального устройства.

Design by Community
Nokia попросила пользователей придумать «смартфон будущего» (Вести.Ru)
Nokia запустила проект «Дизайн — сообществом» (Сотовик)
Welcome to Design by Community! (Официальный анонс от Нокиа)

43 готовых элемента управления для веб-приложений

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

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

43 Essential Controls for Web Applications

Скидка на участие в UX Lx для читателей Fresh

События

12-14 мая 2010 г. в Лиссабоне будет проходить UX Lx — крупнейшая в Европе конференция для специалистов в области юзабилити-исследований, проектирования пользовательских интерфейсов, информационной архитектуры и дизайна.

В качестве спикеров приглашены выдающиеся специалисты, авторы множества публикаций и книг, признанные лидеры в своей области: Jared Spool, Peter Merholz, Luke Wroblewski,Steve Krug, Dan Saffer, Donna Spencer, Bill Scott и другие.

В программе — 12 докладов, 16 семинаров и 12 открытых сессий для участников с разным уровнем подготовки.

Будут проводиться дополнительные мероприятия для участников, такие как книжная ярмарка, просмотр фильма Objectified и пр.

ВНИМНИЕ! Для читателей нашего блога предоставляется скидка 10% на взнос за участие! Используйте код UIDG2010 при регистрации на мероприятие!

Подробнее об информационной поддержке мероприятия
Сайт мероприятия

Руководство по проектированию интерфейса Windows Phone 7

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

Компания Microsoft выпустила руководство по проектированию пользовательского интерфейса своей чрезвычайно интересной и перспективной операционной системы для смартфонов (полное название «Windows Phone 7 Series»).

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

UI Design and Interaction Guide for Windows Phone 7 Series (PDF, 2 Мб)
Все новости Microsoft о Windows 7 Phone 7 Series

Печатать без движения, разговаривать без звука

Инновации и идеи, Исследования

Компания Guger Technologies представила первый коммерчески доступный прибор для реализации интерфейса «мозг — компьютер» на основе электроэнцефалографии (ЭЭГ).

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

На сайте Intendix имеется flash-демонстрация принципа работы устройства: в роли точки концентрации внимания там выступает курсор.

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

Первый нейрокомпьютерный интерфейс в продаже
Сайт Interdix
Lip reading mobile promises end to noisy phone calls

ReWork — новая книга от 37signals

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

Компания 37signals, которая раньше занималась юзабилити-консалтингом, а сейчас живет за счет успешных веб-сервисов, известна тем, что на практике последовательно применяет принцип keep it simple. И не только применяет, но и активно пропагандирует. Ее продуктами пользуются десятки миллионов людей во всем мире, уже поэтому за деятельностью этой компании пристально следят разработчики и предприниматели, которые хотят повторить ее успех.

В прошлый раз много шума наделала книга Джейсона Фрида (Jason Fried) из 37signals под названием «Getting Real», в которой автор поделился своей философией создания программных продуктов. Эта книга была даже переведена на русский язык и свободно доступна на сайте компании. Книга стала очень популярной, что на руку всем проектировщикам пользовательских интерфейсов, так как в ней активно продвигается прототипирование на ранних этапах разработки. В книге, кроме того, раскрыты и другие вопросы, связанные с раскруткой компании и организации ее труда.

И вот выходит новая книга «ReWork» основателей компании, а именно Джейсона Фрида и Ханмайера Ханссона, где они углубляют темы предыдущей книги и больше говорят не столько о программных продуктах, сколько о ведении бизнеса в стиле 37signals.

«Getting Real» по-русски
Сайт книги «ReWork»
Образец книги «ReWork» [PDF, 1,7 Мб]
«ReWork» на Amazon

MS Pivot — новый способ путешествия по Сети

Видео, Инфодизайн, Экранные интерфейсы

Гэри Флейк из Microsoft Live Labs выступил на конференции TED 2010 с рассказом о Pivot — средстве просмотра больших массивов данных, позволяющем удобно сортировать, фильтровать и просматривать в духе zoom-интерфейсов исследовать большое количество графической и текстовой информации.

Вы можете скачать Pivot на официальном сайте приложения и попробовать его в действии, если у Вас установлена Windows Vista или более новая ОС с поддержкой технологии Aero.

Microsoft Live Labs Pivot

Голографические музыкальные инструменты

Видео, Инновации и идеи

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

Редизайн iPhone-приложения Qiwi

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

Владимир Попов (пользователь Хабрахабра fearout) разместил на сервисе заметку о редизайне iPhone приложения Qiwi, который он сделал, по его словам, на общественных основах, «для тренировки».

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

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

В комментариях один из пользователей показывает еще один вариант редизайна того же приложения.

Интерфейс программы Киви для Айфона

Эффективная работа на встречах

Процессы и методики

Собрания, встречи, совместные обсуждения и мозговые штурмы — неотъемлемая часть работы. Но как избежать ощущения, что они съедают уйму рабочего времени, не принося видимого результата?

Николь Стейнбок предлагает следовать 8 простым правилам, чтобы все ваши встречи укладывались в 22 минуты.

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

The 22 minute meeting
Handbook of collaborative design

Врут ли пользователи на тестировании?

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

В новом номере Journal of usability studies опубликовано исследование, проведенное Биллом Альбертом (одним из спикеров на прошедшем в 2009 году Юзабилити-марафоне) и его коллегой Донной Тедеско. Работа посвящена проверке достоверности самоотчета пользователей о том, видели ли они некий элемент страницы. Ответы испытуемых проверялись на основании данных ай-трекинга.

На диаграмме видно, что в тех случаях, когда пользователи отвечали положительно на вопрос «Видели ли вы данный блок?», среднее число фиксаций взгляда на этом блоке, было значимо выше, чем когда они отвечали, что не видели блок.

Авторы делают основные практически выводы:

• В целом, самоотчету пользователей вполне можно доверять, то есть без всякого ай-трекинга можно ответить на вопрос, видят ли пользователи значимые блоки и элементы страницы.
• Исследователь может влиять на результаты исследования, изменяя процедуру: если мы хотим избежать недостоверных результатов, следует использовать пяти- или семибалльную шкалу, по которой пользователь указывает, сколько внимания он уделил объекту. Если мы хотим доказать, что пользователь видел или не видел некоторый блок, лучше использовать трехбалльную шкалу «Видел», «Не знаю», «Не видел», однако в этом случае повышается вероятность ложных тревог.
• Пользователи дают более достоверные ответы о навигационных и графических элементах, но менее точно оценивают, видели ли они функциональные элементы страниц.

Reliability of Self-Reported Awareness Measures Based on Eye Tracking

Кто живет в подвале, или как создать правильный «футер»?

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

Все привыкли, что на сайте должен быть «подвал» (footer), то есть сетевой аналог нижнего колонтитула в бумажных изданиях. Он помогает пользователю определить нижний край страницы и понять, что страница загрузилась пользователю, а дизайнеру — создать гармоничный и законченный дизайн страницы. Но какая же информация должна жить в подвале и как ее лучше отобразить?

Блог Webdesigner Depot подготовил обширный обзор различных вариантов дизайна футеров, классифицировал их основные функции (дополнительное меню действий, карта сайта, рекламное место, информация об авторе, место для выходных данных сайта), описал принципы построения подвалов и вещи, на которые стоит образать внимание при их проектировании и дизайне.

How to Build a Footer That Doesn’t Stink

Skinput: стань человеком-интерфейсом

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

Крис Харрисон из университета Карнеги-Меллона, а также Десни Тан и Дэн Моррис из Microsoft Research разрабатывают систему, которая позволяет использовать в качестве сенсорного экрана вашу собственную кожу. Интересно, что это не просто концепция, а уже достаточно хорошо отработанная на лабораторных образцах технология, которую авторы представят на конференции CHI 2010.

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

Разработчики Skinput также рассматривают в качестве импровизированных устройств ввода поверхности стен, столов и другие объекты. Все это позволит уменьшить размеры самих устройств до минимума, избавив их от экранов и клавиш.

Skinput: Appropriating the Body as an Input Surface (сайт проекта)
Skinput — преврати свое тело в тачскрин

Страх и восхищение в гостиной

Видео, Инновации и идеи

Джулия Цао из Art Center College of Design представляет проект Curious Displays: видеопроектор, обладающий необычными возможностями, удивляет и местами даже пугает. На данный момент это чисто концептуальная разработка, но в будущем, весьма вероятно, подобным дисплеям найдут реальное применение.

Еще больше удивляет, пугает и вдохновляет пульт дистанционного управления системой.

Страница проекта на сайте Джулии

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

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

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

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

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

Это счастье?

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

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

Известного эксперта по проектированию веб-форм Люка Вроблевского очень вдохновил необычный дизайн формы регистрации на сайте 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»