Элегантная реализация «ленивой регистрации»

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

Хорошо известно, что пользователи не любят проходить регистрацию или другие процедуры, не связанные напрямую с их целью на сайте. Пример элегантного решения этой проблемы — сервис приема онлайн-платежей Stripe. Чтобы начать пользоваться сервисом, нужно всего лишь нажать на кнопку Get started with Stripe. А уже попав внутрь и поработав с сервисом пользователь может при желании сохранить свой аккаунт при помощи формочки из двух полей в правой части экрана.

Еще 12 примеров этого приема есть в довольно старой, но не утратившей актуальности статье 12 Excellent Examples of “Lazy Registration”.

Faster Signup With Primed Accounts
12 Excellent Examples of “Lazy Registration”

Поделиться:

Персонажи на примере зомби

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

К прошедшему вчера Хэллоуину компания Cooper опубликовала заметку о том, как составлять персонажей на примере… зомби. При этом проиллюстрированы ключевые компоненты синтеза персонажей: определение набора поведенческих переменных, на основе которых выделяются персонажи (например, любят ли они есть человеческую плоть или предпочтут мозги), описание целей персонажа, определение пользовательских требований, которые нужно реализовать, чтобы удовлетворить такого пользователя.

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

Zombie, Zombie, & Emily

Поделиться:

Объявления в стиле Twitter

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

Компания Parcsis, к которой примкнули дизайнеры из Turbomilk, запустила интересный сервис объявлений, который позаимствовал многие идеи из Твиттера. Селлобай (так называется сервис) разительно отличается от привычных сайтов вроде Craiglist или, например, «Из рук в руки». Но сервис больше интересен даже не самим сайтом, а мобильными приложениями. Преимущества своего подхода и интересные находки авторы очень доходчиво продемонстрировали во вводном ролике к сайту.

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

Selloby
Selloby: сервис частных объявлений в стиле twitter (заметка на Хабрахабре)

Поделиться:

Tiggr Mobile Apps Builder: быстрые мобильные прототипы

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

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

Как же быстро и удобно делать мобильные прототипы? Завтра Марсио Лейбович даст в своем вебинаре в рамках UX Марафона целый ряд ответов на этот вопрос, и у Вас еще есть возможность посетить вебинар. Но одним из способов мы поделимся прямо сейчас. Онлайновый сервис для прототипирования Tiggr, который мы уже упоминали на Фреше, добавил возможность использования конструктора мобильных приложений. Что же нам дает этот конструктор?

Во-первых, это несколько ограниченный, но удобный и простой набор базовых элементов, из которых можно быстро собрать экран. При этом сервис предоставляет возможность редактировать стилистику стенсилов. После того, как вы создали экраны и диалоги приложения, их можно связать ссылками, а потом быстро открыть полученный прототип непосредственно на мобильном с помощью QR кода. Если вы проектируете не мобильный сайт, а нативное приложение, то его будет лучше тестировать не в браузере, где каждая страница открывается с некоторой задержкой, а внутри специальной утилиты от Tiggr, в которой оно выглядит как почти настоящее приложение (кстати, если вас устраивает результат, то простые приложения под Android можно создавать непосредственно в Tiggr).

Что еще? Вы можете сделать, чтобы прототип реагировал на различные события, добавлять в него JavaScript, а также использовать REST APIs, которые есть у многих популярных сервисов. Интересные примеры готовых прототипов есть на сайте проекта.

Сайт Tiggr
Innovative Features in Tiggr Mobile Apps Builder (обзор на UX Movement)

Поделиться:

33 сервиса удаленного тестирования

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

Чуть ли не каждый месяц появляются новые сервисы, предназначенные для удаленного тестирования, разработки и оценки информационной архитектуры, анализа поведения посетителей на сайте. Smashing magazine подготовил обзор наиболее интересных сервисов такого рода. Среди них как платные, так и бесплатные сервисы для полноценного удаленного юзабилити-тестирования и так называемого «микротестирования», A/B и многомерного тестирования, проведения опросов, отслеживания кликов и движений мыши, карточной сортировки, сбора мнений экспертов и пользователей. Некоторые из инструментов — старые знакомцы, другие появились лишь недавно и пока мало известны.

Статья завершается сводной таблицей с информацией о сервисах.

Comprehensive Review Of Usability And User Experience Testing Tools

Поделиться:

Ручной проектор в качестве контроллера

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

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

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

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

Поделиться:

20 концептуальных планшетов

Гаджеты

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

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

20 Innovative (Concept) Tablets We Wish Were Real

Поделиться:

Опрос для читателей

Остальное

Вот уже несколько лет мы рассказываем об интерфейсных новинках и полезных ресурсах в области UX. Мы хотим услышать мнение читателей и лучше понять, что Вам интересно. Для этого мы просим Вас пройти небольшой опрос.

Большое спасибо всем, кто примет участие.

Ответить на опрос

Поделиться:

Розалинд Пикард на TEDx Сан-Франциско

События, Видео, Гаджеты, Исследования

Розалинд Пикард — руководитель широко известной исследовательской группы «Эмоциональной вычислительной техники» из MIT Media Lab и автор одноименной книги, о разработках которой мы неоднократно рассказывали во Фреше (например, об очках, считывающих эмоции окружающих), выступила на конференции TEDx в Сан-Франциско.

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

TEDxSF – Roz Picard – Emotion Technology

Поделиться:

Визуализация связей между людьми в Фейсбуке: не только в Сети, но и в физической реальности

Социальные сети, Видео, Инновации и идеи, Инфодизайн

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

Connections for Facebook: Mapping physical social graph data

Поделиться:

Portico: сенсорный дисплей, работающий даже за пределами экрана

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

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

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

Taking Touch beyond the Touch Screen

Поделиться:

Siri — идеальный троян от Apple

Гаджеты

Основная интерфейсная новинка iPhone 4GS — система голосового управления Siri. Как всегда, Apple внедряет технологию, которая была разработана не меньше 10 лет назад, но которая, похоже, впервые станет действительно удобной для обычных пользователей: технология распознавания речи стала достаточно надежной, каналы передачи данных — достаточно быстрыми и осталось дело лишь за доработкой интерфейса.

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

Siri: Apple’s trojan horse

Поделиться:

Ай-трекинг с помощью веб-камеры: реальность или маркетинговая уловка

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

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

Ага Бойко, автор книги Eye tracking the user experience, которая выйдет в 2012 году, попробовала сама принять участие в таком исследовании. По заявлениям разработчиков, одним из основных преимуществ такого метода помимо дешевизны является возможность удаленного тестирования. Но в этом случае возникает множество сложностей и побочных факторов, которые снижают надежность исследования. Например, пока система пересылает данные для калибровки, пользователь вынужден более минуты сидеть неподвижно, чего сложно ожидать от большинства пользователей.

Кроме того, даже при неподвижном участнике погрешность такого метода высока: от 2 до 5 градусов. Казалось бы, немного, но 5 градусов — это примерно 6 см поверхности экрана. То есть реальное положение глаза находится где-то в круге диаметром 12 см от места, зафиксированного системой. В итоге, выходит, что единственным применимым на практике методом регистрации движений глаз все еще являются традиционные ай-трекеры с инфракрасными лампами.

25 октября в 20:00 (МСК) Ага Бойко расскажет о планировании исследований с ай-трекером, сборе и анализе количественных данных на вебинаре в рамках UX Марафона.

The Truth About Webcam Eye Tracking

Поделиться:

Слепой и банкомат

Общедоступность, Видео

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

Кстати, вы можете предложить Томми тему для его нового ролика сами.

The Tommy Edison Experience

Поделиться:

Опубликованы результаты круглого стола о юзабилити в ИП РАН

События, Исследования, РЕКОМЕНДУЕМ

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

На круглом столе обсуждались вопросы определения таких понятий как «юзабилити», «юзабилити-инженерия» и User experience, место юзабилити-инженерии среди таких дисциплин, как взаимодействие человека с компьютером, когнитивная эргономика, когнитивная и социальная психология, маркетинг и т. д. Поднимались вопросы о методических сложностях: как на уровне общих подходов, так и отдельных методик, вроде ай-трекинга.

Кроме того, описано несколько интересных для специалистов ситуаций, например, специалист центра подготовки персонала ФНС И. В. Кожанова рассказала об особенностях систем, применяемых в налоговой службе:

Круглый стол «Юзабилити как новое направление исследований в инженерной психологии»

Поделиться:

Краткая таблица с основными принципами из книги Сьюзан Вайншенк о психологии пользователей

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

Мы уже писали о книге Сьюзан Вайншенк «100 вещей, которые дизайнер должен знать о людях». Пожалуй, это одно из лучших введений в психологию для проектировщиков без психологического образования.

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

Psychological Usability Heuristics

Поделиться:

Интерфейс мозг-автомобиль: Nissan, который читает мысли водителя

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

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

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

Mind-reading car could drive you round the bend

Поделиться:

Чем отзывчивый веб-дизайн отличается от адаптивного, как его сделать на практике и зачем

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

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

В качестве гостя в подкасте принимает участие Итан Маркотт — автор книги Responsive web design.

Real Life Responsive Design: Ethan Marcotte

Поделиться:

Коллекция интерфейсных стандартов от крупнейших IT-корпораций

РЕКОМЕНДУЕМ, Экранные интерфейсы

Джастин Мифсуд — автор блога Usability Geek собрал коллекцию стандартов и сборников руководящих принципов от основных игроков рынка — разработчиков настольных и мобильных операционных систем и других сред.

Official Usability, User Experience & User Interface Guidelines From Companies

Поделиться:

Средство для сбора данных о пользователях мобильных приложений от UserZoom

Видео, Инструментарий

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

Mobile UX Research

Поделиться: