Долгое время руководства по стилю (UX guidelines) мобильной ОС Adnroid страдали от ряда недостатков: в них отсутствовало описание идеологии платформы, они были неполны, а также изобиловали ненужными техническими деталями. В этом плане руководства по стилю Apple iOS были куда более последовательны. Но ситуация изменилась, и теперь новое руководство для четвертой версии Android может служить образцом для подражания.

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

Android Design (руководство по стилю)

Запись десктопных тестов осуществляется легко с помощью такого программного обеспечения, как, например, Silverback для Mac, и Morae для PC. Однако запись тестов на мобильных устройствах требует особых ухищрений, особенно когда тестируется продукт, на который нельзя поставить никакое специализированное ПО (например Kindle). В таких случаях юзабилисты прибегают к камерам, расположенным на специальных подставках, самодельным или приобретенным в специализированных магазинах. Однако некоторые специалисты утверждают, что подобные конструкции вынуждают пользователей держать мобильное устройство в неестественном положении и оказывают влияние на результаты тестирований.

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

Anatomy of a Hardware Usability Testing Rig

BBC опубликовало подробную обзорную статью про управление при помощи бесконтактных жестов с упоминанием заметных проектов и крупных игроков рынка.

Пульты ДУ скоро станут достоянием прошлого, так что можете забыть про изнурительные поиски в очередной раз завалившейся за диван коробочки. Разработку бесконтактного ТВ контроллера ведет компания из Тель-Авива XTR3D, получившая внушительное инвестирование для своего проекта. XTR3D идет по стопам Microsoft, но их технология заметно отличается от Kinect. XTR3D используют 2D камеру для распознавания 3D объектов. Данная технология дает определенные преимущества по сравнению с 3D камерами, при этом недостатки не обнаружены. Теперь не будет помехой яркий свет, а цена станет более доступной. И главное, можно будет играть в Kinect игры на самом обычном ноутбуке.

XTR3D не единственная компания, которая стремится наполнить нашу жизнь бесконтактным взаимодействием. Сама корпорация Microsoft активно пытается найти применение Kinect не только в игровой индустрии. Они подписали контракт с 200 компаниями из 20 стран мира, среди которых, например, Toyota. По словам Шахрама Изади, исследователя из Microsoft Research Centre:

Израильская компания  PrimeSense, производящая чипы для Kinect, начала продажи своего собственного устройства, позволяющего при подсоединении к компьютеру получить эффект Kinect. Не отстает и Apple, за ними зарегистрирован патент на технологию бесконтактного «переливания» контента с одного устройство на другое (например с планшета на телевизор).

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

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

Touchless smartphones and TVs could be on sale in 2012

Little printer (страница проекта)

Интересно, что интерактивный прототип довольно хорошо передает ощущение от работы с операционной системой.

Откройте эту ссылку на смартфоне:
http://m.microsoft.com/windowsphone/en-us/demo/index.html или используйте QR-код.

Первые две опубликованные статьи: общий рассказ о визуальном языке Metro и принципах, заложенных в пользовательский интерфейс WP7, а также конспект выступления Меган Донахью на конференции UX Russia 2011 (видео | презентация [PDF, 10.6 MB]).

В статье о принципах интерфейса WP7 рассказано об особенностях шрифтового и графического оформления интерфейса в стиле Metro, основных блоках интерфейса телефонов (главный экран, меню, экран блокировки, панель статуса, уведомления и т. д.), дополнительных способах управления (аппаратные кнопки, голосовое управление), а также специфических метафорах и идиомах взаимодействия, характерных для этой ОС (хабы, панорама, поворотный модуль pivot).

Сергей обещает опубликовать еще несколько статей:

В следующем материале речь пойдет об обновлении Mango, и там подробно будет рассмотрено, что нового версия 7.5 привнесла в построение системы и в интерфейс, ибо важных изменений было действительно очень много. А уже после этого вернемся к пользовательскому интерфейсу Windows Phone 7, но совсем с другой стороны: мы поговорим о субъективных впечатлениях от работы с ним.

Новая концепция дизайна Microsoft Metro и пользовательский интерфейс Windows Phone 7
Меган Донахью из Microsoft о принципах и приоритетах языка дизайна Metro при создании системы и приложений к ней

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

Об этих и других приглашениях к действию подробнее читайте на сайте UX Booth.

A Look Inside Mobile Design Patterns

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

Newsru.com пишут с ссылкой на InoPressa.ru и газету The Daily Mail:

В США разрабатываются контактные линзы, передающие информацию на сетчатку глаза

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

Помимо Proto, Touch Apps включает графические редакторы Photoshop Touch (растровый) и Ideas (векторный), программу для презентации дизайнов Debut, приложение для сбора идей в виде интерактивных коллажей-мудбордов Collage, приложение для подбора цветовых комбинаций Kuler.

Adobe Proto
Adobe Touch App Family

Компания Jawbone воплотила в оригинальной форме уже не новую идею персонального помощника для отслеживания своей повседневной активности. Электронный браслет Up, прототип которого был представлен летом на TED Global 2011, собирает информацию о повседневной жизнедеятельности пользователя и передает данные на телефон или компьютер. Браслет следит за пройденным расстоянием, маршрутами, сожженными калориями, темпом и уровнем интенсивности физических нагрузок, а также часами сна. Помимо этого с помощью приложения для iPhone есть возможность вести учет потребленной пищи. На сайте Jawbone можно посмотреть отчеты о вашей повседневной жизнедеятельности, а также получить рекомендации. Браслет водонепроницаем, поэтому не переживайте, что его придется снять во время тренировки или приема душа, а потраченные калории не будут посчитаны, — все предусмотрено.

Другое изобретение, призванное облегчить жизнь людям, которые борются с лишним весом — eButton. Устройство представляет собой значок с миниатюрной камерой, акселерометром, GPS и различными сенсорами, которые избавляют пользователя от необходимости ежедневно вручную вводить информацию о тренировках и приемах пищи. Также значок определит сколько времени вы просидели перед телевизором, а сколько провели на свежем воздухе, где были куплены продукты и как их приготовили, в каких ресторанах вы обедали и что заказали. Не ускользнет от крохи-изобретения и то, как вы общались во время приема пищи с друзьями и родственниками. Ученые полагают, что последнее оказывает не меньше влияния на ваше здоровье, чем спорт и еда. Неудивительно, что с таким набором функционала, у eButton довольно серьезное назначение — помочь в борьбе с ожирением в США.

Электронный браслет Up — дневник повседневной деятельности
Pitt Researchers Develop eButton, an Easier Way to Monitor Food Intake, Exercise, and Lifestyle

Благодаря наличию Bluetooth 2.0 вы имеете возможно подключить очки к вашему Android-смартфону, принимать/отклонять звонки, слушать музыку и отвечать на текстовые сообщения пользуюсь пресетами. Само изображение с помощью специальной проекционной системы, как-бы «висит» в полуметре перед глазом, что позволяет оставаться сконцентрированным на езде.

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

Head-Up дисплей для горнолыжных очков
Страница MOD Live на сайте производителя

Microsoft Research shows Holodesk

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

Watch a Couple of Interactive Projections Duke It Out with Disney’s SideBySide

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

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

20 Innovative (Concept) Tablets We Wish Were Real

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

TEDxSF – Roz Picard – Emotion Technology

Действие устройства-прототипа под названием Portico основано на применении двух камер, отслеживающих объекты, передвигающиеся по экрану и вокруг него. Безусловно, технология станет более интересной, если удастся миниатюризировать камеры, а особенно после внедрения в практику пикопроекторов.

Taking Touch beyond the Touch Screen

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

Siri: Apple’s trojan horse

Хотя перспективы ОС MeeGo на рынке призрачны, заложенные в интерфейс и дизайн телефона идеи наверняка будут активно использоваться в будущем. Нокиевцы с большим вниманием отнеслись в первую очередь к функциям, которыми люди пользуются десятки раз и сотни в день. Марко считает, что базовые паттерны работы с телефонами еще далеко не окончательно устоялись и приводит в пример автомобильную промышленность, которой понадобилось 15 лет, чтобы заменить руль, похожий на румпель лодки, на традиционную «баранку».

Проектировщики Nokia стремились к тому, чтобы дать возможность по максимуму использовать базовые возможности телефона, не глядя на экран, не смотря на то что на нем отсутствуют аппаратные кнопки. Это достигается за счет жеста «провести палец от края экрана» (swype). Быстрый переход между приложениями при помощи этого жеста , по словам создателей, делает работу гораздо более естественной, чем когда для каждого переключения нужно возвращаться на один и тот же экран с иконками приложений.

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

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

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

SWYP: See What You Print

В первую очередь, бросается в глаза внимание, уделяемое рынку планшетов. Как Microsoft, так и Apple стремятся к сближению взаимодействия традиционных PC и новых форм-факторов, в первую очередь, планшетных компьютеров. Многие обеспокоены тем, что Microsoft перестарается с приспособлением к планшетам, и система будет мало пригодна для работы на обычных компьютерах. Однако авторы обзора от Engadget скорее стараются развеять эти опасения.

Пока нам не удалось раздобыть совместимую [с планшетом от Samsung Series 7 — прим. Fresh] мышь, но мы потестировали клавиатуру Series 7, и, как и при первых тестах этого устройства, она отлично справлялась с задачей.

Что же есть в Windows 8 такого, чего нет у конкурентов? Он обладает широкими возможностями персонализации. Например, можно настроить экран, отображаемый, когда устройство заблокировано, выведя на него, например, виджет с количеством непрочитанных писем. Также есть возможность вместо традиционного пароля установить пароль-картинку, на которой нужно нажать в определенном порядке в нужные места. Хотя с точки зрения жестов пока нам не показали ничего особенно нового, разве что возможность масштабировать стартовый экран, зато в Win 8 будут встроенные возможности рукописного ввода, который вполне сносно работает, по заверениям авторов из Engadget. Конечно, Microsoft и дальше развивает идею виджетов на рабочем столе: если в Windows Vista они были довольно неуклюжи, то в интерфейсе Aero, развитием которого стал Windows 8, они играют центральную роль на главном экране системы.

Кроме того, переключаться между приложениями теперь можно будет, потянув за левый край экрана. Из-за правого края вытаскивается системный тулбар, а сверху и снизу — инструменты текущего приложения.

Windows 8 for tablets hands-on preview
Windows 8 — версия для разработчиков (обсуждение на Хабрахабре)
Дополнение: Microsoft анонсировала Windows 8, Samsung показала «монстро-планшет». Нужно ли Apple бояться?