Fresh: новости мира юзабилити
В блоге The UX Bookmark опубликована подборка из 11 бесплатных онлайн книг по проектированию взаимодействия, взаимодействию человека с компьютером, общедоступности и информационной архитектуре.
Налетай!
Free User Experience books (Interaction design, HCI, web accessibility & Information Architecture)
Поделиться:
Посетители, покидающие интернет-магазин, положив товары в корзину, или уже в процессе заказа — всем знакомая проблема. Линда Бустос — директор по исследованиям электронной коммерции компании Elastic Path — написала в блоге компании о том, как можно вернуть более 20% таких клиентов с помощью писем, напоминающих им о начатом процессе покупки. Часть из них могли просто отвлечься и забыть про заказ или забыть адрес сайта. У других могли возникнуть сомнения или вопросы.
Такие письма можно рассылать зарегистрированным пользователям, у которых что-то отложено в корзину, или незарегистрированным пользователям, которые успели ввести свой Email. Для этого Линда советует ограничить первый шаг заказа единственным полем ввода для адреса электронной почты.
Линда также советует не тянуть с отправкой и письма и делать это почти сразу после ухода посетителя. Более половины заказов, которые удается заполучить обратно, происходят в течение первых нескольких часов после первого захода.
| Это не дейтинг, когда вы берете телефончик, а потом несколько дней не звоните, чтобы сделать вид, что вы очень важный и занятой. Ваша конверсия не повысится от демонстрации подобной терпеливости. |
Чтобы завлечь еще часть покупателей, можно через несколько дней присылать им предложение со скидкой. Правда, с этим стоит быть осторожным: если давать такую скидку каждый раз на все товары, то пользователи могу специально забрасывать заказ, чтобы дождаться скидки. Поэтому нужно выбрать отдельные сегменты, на которые распространять такое предложение.
И последний совет: можно использовать сервис Google Remarketing, чтобы показывать баннеры тем, кто ушел с вашего сайта.
8 Tips for Recovering Abandoned Shopping Carts
Поделиться:
UX Booth опубликовали отрывок главы из книги Терезы Нил (Teresa Neil) Mobile Design Pattern Gallery («Галерея шаблонов для проектирования мобильных приложений»). Книга рассматривает типичные проблемы, с которыми сталкиваются разработчики мобильных приложений. На сайте UX Booth можно прочитать про приглашения к действию (инструкции, подсказки, туры), которые позволяют вашим пользователям познакомиться с возможностями приложения и снижают количество отказов.
В статье вы найдете не только описания самих приглашений с примерами реальных приложений, но также советы для каждого из них. Например, контекстные подсказки должны располагаться в непосредственной близости от релевантной функции. Так же как прозрачные подсказки (которые встречаются только в приложениях для устройств с сенсорным экраном и представляют собой полупрозрачный слой с инструкциями), контекстные подсказки должны исчезать, как только пользователь начал взаимодействие. Так называемые «встроенные» приглашения, напротив, всегда отображаются на экране (например «Перетащите картинку сюда»), со временем наполняясь пользовательским контентом. Такие приглашения обязательно должны быть четко дифференцированы от прочих визуальных элементов.
Об этих и других приглашениях к действию подробнее читайте на сайте UX Booth.
A Look Inside Mobile Design Patterns
Поделиться:
Ученые из университетов в Мадриде и Гранаде: Давид Грилл Баррес, Сорайда Каллехас Карион и Рамон Лопез-Козар Дельгадо — разработали устройство, распознающее человеческие эмоции, выражаемые в голосе. Благодаря этому появилась возможность адаптировать диалоги с машиной под эмоциональное состояние человека.
Разработчики сосредоточились на негативных эмоциях, которые могут испытывать пользователи при общении с техникой: раздражение, скука, сомнение. Чтобы распознать их, устройство следит за шестью акустическими параметрами, в частности, за скоростью и громкостью речи, тоном голоса, длительностью пауз.
Также Баррес и соавторы разработали статистические методы, позволяющие по ходу развития диалога с машиной предвидеть наиболее вероятные ближайшие действия пользователей. Исследователи протестировали устройство адаптации диалогов на реальных пользователях и доказали, что адаптивная система показывает лучший результат. Так, например, сократилось время диалогов с машиной, а пользователи оценили систему как более полезную.
A computer system allows a machine to recognize a person’s emotional state
Predicting user mental states in spoken dialogue systems (научная статья) [PDF, 1.60MB]
Поделиться:
Не так давно Adobe выпустил приложение Proto для планшетов. Пока его могут пощупать счастливые обладатели планшетов под управлением Android 3.1 и новее с диагональю не менее 8.9″. Однако в скором времени Adobe обещает выпустить Proto и всю линейку приложений Adobe Touch Apps и для iOS.
Proto позволяет рисовать быстрые блок-схемы интерфейсов, поддерживает модульные сетки, smart guides, позволяет просматривать получившиеся макеты в браузере с некоторой простой интерактивностью. Довольно интересна реализация быстрого добавления различных интерфейсных элементов при помощи соответствующих жестов. Например, если нарисовать пальцем X-образный крест, на экране появится плейсхолдер картинки.
Помимо Proto, Touch Apps включает графические редакторы Photoshop Touch (растровый) и Ideas (векторный), программу для презентации дизайнов Debut, приложение для сбора идей в виде интерактивных коллажей-мудбордов Collage, приложение для подбора цветовых комбинаций Kuler.
Adobe Proto
Adobe Touch App Family
Поделиться:
Райан Ван Дер Мерве — руководитель дизайна в южно-африканской e-commerce компании Kalahari написал для Smashing magazine о том, как стоит применять принципы, предложенные Э. Тафти для разработки инфографики, для минималистского дизайна сайтов.
Прежде всего, Райан напоминает о том, что хорошие дизайнеры занимаются перекомпоновкой, а не редизайном сайта. Под последним он подразумевает изменение визуального дизайна, и цели подобного мероприятия всецело эстетические — освежить внешний вид. Перекомпоновка подразумевает изменение расположения контента, а иногда и полный пересмотр концепции продукта. Перепроектирование отталкивается от требований и целей пользователей, от тенденций на рынке, а также стратегии бизнеса и бренд-позиционирования.
Масштабное перепроектирование сайта может оказать колоссальное влияние на бизнес, однако оно не всегда положительное. Пользователь может просто растеряться от осуществленных глобальных изменений и отвергнуть их. Чтобы избежать подобной реакции, автор статьи на Smashing Magazine предлагает использовать поэтапное обновление ресурса: для этого нужно спланировать график изменений на достаточно продолжительный период, а не менять структуру полностью за одну ночь.
При выборе стратегии перепроектирования, автор обращается к книге Эдварда Тафти The Visual Display of Quantitative Information, в частности к идее о соотношении объема данных и количества использованных чернил. Не смотря на то, что предложенные Тафти принципы относились к инфографике, автор статьи находит им применение и в веб-дизайне. Итак, вот 4 принципа, которые призваны помочь в перепроектировании:
В качестве одного из примеров перепроектирования в соответствии с этими принципами Райан приводит изменение шапки сайта Kalahari (слева — до, справа — после).
The Data-Pixel Approach To Improving User Experience
Поделиться:
Здоровый образ жизни сейчас моден. Выпущены десятки, если не сотни, приложений, позволяющих следить за тем, сколько вы потребили и сожгли калорий, сколько километров и какими путями вы прошли, пробежали и проехали.
Компания 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
Поделиться:
Недавно мы писали про Стэнфордский видеокурс по HCI, а также про серию интерактивных курсов Online education. Эти интерактивные курсы помимо видеолекций включают интерактивные домашние задания, тесты, экзамены и даже позволяют в результате получить итоговую оценку. Недавно было объявлено, что программа расширяется и после нового года она пополнится еще десятком новых курсов. Среди них и интерактивный курс по взаимодействию человека с компьютером.
Ведет курс Скотт Клеммер — адъюнкт-профессор, соруководитель группы по взаимодействию человека с компьютером в Стэнфордском университете, известный участник HCI-сообщества. В рамках курса он расскажет о принципах проектирования взаимодействия, проведении исследований пользовательской аудитории, прототипировании, сборе обратной связи от заказчиков и пользователей, основах графического дизайна, организации информации, особенностях процессов восприятия и познания, которые нужно знать проектировщикам, проведении онлайн-исследований.
Human-Computer Interaction by Scott Klemmer
Поделиться:
Несмотря на успехи в области искусственного интеллекта, люди все еще решают множество задач эффективнее компьютеров. В частности, биоинформатики, создавшие игру Foldit, считают, что люди лучше, чем машины, угадывают некоторые аспекты того, как молекулы белков сворачиваются из линейной цепочки аминокислот, формируя сложную трехмерную структуру. При этом сам процесс оформлен как игра-головоломка, с обучающими уровнями, очками, «ачивментами» и другими чисто игровыми элементами. А вокруг Foldit возникло активное сообщество игроков.
Недавно в журнале Nature появилась статья, подтверждающая практическую полезность Foldit: с помощью участников удалось построить структурную модель белка ретровирусной протеазы M-PMV, которую не удавалось сформировать более традиционными методами. Этот белок занимает важнейшее место в исследованиях СПИДа и ВИЧ. Таким образом, Foldit потенциально может внести важный вклад в развитие биологии и медицины.
Сами авторы игры рассказывают о том, что игроки применяют сложные и весьма изобретательные механизмы и алгоритмы для достижения успеха.
| «Мы дали игрокам возможность публиковать рецепты и решения для игры и работать над улучшением рецептов друг друга. Когда мы увидели, насколько разнообразны и изобретательны эти рецепты, мы были шокированы тем, что игрокам удалось найти по-настоящему прорывные алгоритмы», — сказал Зоран Попович, старший исследователь проекта Foldit и директор Центра игр в науке. |
Официальный сайт Foldit
Paper uncovers power of Foldit gamers’ strategies
Crystal structure of a monomeric retroviral protease solved by protein folding game players (научная статья в Nature, доступ к полному тексту платный)
Поделиться:
Интересный шаг в область, называемую Ubiquitous computing, то есть повсеместную компьютеризацию: теперь пользоваться «бортовым компьютером» можно будет закладывая виражи на склоне или крутя трюки в сноу-парке. Для этого компания Recon Instruments выпустила MOD Live — прибор на базе ОС Android весом 65 грамм, который вставляется в стандартную горнолыжную маску.
|
Благодаря наличию Bluetooth 2.0 вы имеете возможно подключить очки к вашему Android-смартфону, принимать/отклонять звонки, слушать музыку и отвечать на текстовые сообщения пользуюсь пресетами. Само изображение с помощью специальной проекционной системы, как-бы «висит» в полуметре перед глазом, что позволяет оставаться сконцентрированным на езде. |
Наиболее интересны, конечно, не стандартные телефонные функции, а специализированный инструментарий: спидометр, навигация, ведение статистики проеханного расстояния, сделанных прыжков и т. д.
Head-Up дисплей для горнолыжных очков
Страница MOD Live на сайте производителя
Поделиться:
С ростом популярность дистанционных исследований у UX исследователей возникает желание тестировать и мобильные приложения удаленно. Ведь сейчас для мобильного тестирования обычно используются специальные миништативы с камерами и другие громоздкие решения.
Уже появился сервис Mobile UX Research от UserZoom, позволяющий вести удаленную запись происходящего на экране у мобильных пользователей. Но если вас не устраивает функциональность или цена решения от UserZoom, то вы можете сделать такую запись бесплатно. Правда, пока это возможно только на iOS 5 благодаря функции AirPlay Mirroring. Кроме того, на компьютере пользователя должны быть запущены приложение для получения видеокартинки с устройства и сервис для трансляции экрана.
В качестве первого на Mac следует использовать AirPlayer, а на Windows — AirMediaPlayer.
Why AirPlay Mirroring is the Biggest Thing to Happen to User Research in 2011
Поделиться:
Джаред Спул делится советами, как презентовать свои дизайнерские решения и проводить внутреннее обсуждение концепций и дизайнов c участниками проектной группы или заинтересованными лицами проекта. Он говорит о том, что слепая критика не продуктивна, и дает пошаговые инструкции.
Каждое обсуждение у них в компании начинается с того, что всем новичкам объясняют принципы, согласно которым проходит встреча. Далее дизайнер рассказывает о том, какие перед ним стояли цели, какие накладывались ограничения, какие замечания были учтены с прошлых обсуждений. Такая вводная часть позволяет избежать неконструктивной критики от незнания задач проекта и его особенностей.
Если от аудитории не последует возражений о том, что дизайнер пытается решить не ту задачу, то обсуждения переходят к следующему пункту программы. В противном случае начинается групповая дискуссия.
Далее дизайнер показывает, как его работа отвечает поставленным задачам, дает подробное объяснение логике, стоящей за решениями, а не просто показывает финальный дизайн. Послушав дизайнера, участники обсуждения отмечают, что им понравилось в его работе (в конце концов, во всем есть свои плюсы, и о них нужно не забывать).
Спул призывает избегать критических замечаний, а свои предложения формулировать в виде вопросов: «А вы не думали о том, как будет вести себя приложение в отсутствие подключения к интернету?» Такой подход даст дизайнеру возможность подробнее рассказать о своей работе. К тому же всегда можно ответить: «Нет, еще пока не работал над этим. Отличная идея!»
Все вопросы и идеи тщательно записываются, и в конце обсуждений участники проверяют, что ничего не упустили и учли все комментарии. Все одобренные идеи учитываются дизайнером в следующей итерации.
Moving from Critical Review to Critique
Поделиться:
В исследовательской лаборатории Microsoft Research разработали очередную новинку на базе контроллера Kinect. Holodesk производит довольно правдоподобную иллюзию взаимодействия с виртуальными объектами. Технология может найти применение в первую очередь в игровой индустрии, однако, учитывая общий тренд движения интерфейсов электронных устройств к NUI, не исключена возможность, что удачное применение для Holodesk найдется и для более прикладных задач.
Microsoft Research shows Holodesk
Поделиться:
Проектировщики часто забывают об ограничениях, которые особенности человеческого мозга и процессов познания накладывают на дизайн систем. Эндрю Таррелл в своей статье для UX Magazine призывает задуматься о влиянии этого феномена на проектирование. Внимание человека пластично распределяется и иногда оно может быть более широким, а иногда — сосредоточенным на определенных нюансах окружения. Наиболее знаменитая иллюстрация к последнему тезису — демонстрация с обезьяной. Когда испытуемые считали количество пасов, отданных игроками в белых футболках, половина из них вовсе не замечало человека в костюме гориллы, медленно прошедшего через всю комнату. В особо стрессовых ситуациях часто наблюдается феномен «тоннельного зрения», мешающий, например, пилоту или оператору адекватно справляться с аварийной ситуацией.
Но вне зависимости от текущего состояния человека формируемый образ окружения никогда не бывает полностью тождествен реальности. Соответственно, если ваш макет включает множество элементов, пользователь скорее всего не увидит все из них. Поэтому важно, чтобы ваш интерфейс вел человека к цели, а не предлагал ему бесчисленное количество альтернатив. Кроме того, интерфейс должен быть предсказуемым: если пользователь увидел окно, похожее на виденное им раньше, он скорее всего нажмет на кнопку и сделает выбор, не вчитываясь в текст сообщения, что чревато серьезными ошибками.
Конечно, бывают системы, в которых пользователи работают постоянно. В этом случае они постепенно осваивают интерфейс и затем уже точно знают, где чего стоит искать. Если же вы, например, проектируете промосайт, то у вас есть только один шанс сделать так, чтобы пользователь увидел самое важное.
Selective Attention and User Experience
Поделиться:
Проект BankSimple — сервис, который сам не является банком, однако предоставляет простой и быстрый интерфейс для работы с рядом продуктов от банков-партнеров. Точнее, будет предоставлять в США в ближайшее время.
Здесь можно видеть целый ряд нестандартных решений: быстрый поиск по транзакциям при помощи запросов на естественном языке, Safe-to-spend баланс вместо общего баланса, отображающий, сколько денег клиент может потратить с учетом запланированных целей, выплат и так далее, возможность просмотра мест оплаты на карте.
Будет интересно дождаться чего-то подобного и в России.
Поделиться:
Хорошо известно, что пользователи не любят проходить регистрацию или другие процедуры, не связанные напрямую с их целью на сайте. Пример элегантного решения этой проблемы — сервис приема онлайн-платежей Stripe. Чтобы начать пользоваться сервисом, нужно всего лишь нажать на кнопку Get started with Stripe. А уже попав внутрь и поработав с сервисом пользователь может при желании сохранить свой аккаунт при помощи формочки из двух полей в правой части экрана.
Еще 12 примеров этого приема есть в довольно старой, но не утратившей актуальности статье 12 Excellent Examples of “Lazy Registration”.
Faster Signup With Primed Accounts
12 Excellent Examples of “Lazy Registration”
Поделиться:
К прошедшему вчера Хэллоуину компания Cooper опубликовала заметку о том, как составлять персонажей на примере… зомби. При этом проиллюстрированы ключевые компоненты синтеза персонажей: определение набора поведенческих переменных, на основе которых выделяются персонажи (например, любят ли они есть человеческую плоть или предпочтут мозги), описание целей персонажа, определение пользовательских требований, которые нужно реализовать, чтобы удовлетворить такого пользователя.
К примеру, Эмили, которую укусил зомби, старается скрывать, что она инфицирована и ей нужно будет найти спасение или покончить с собой, пока она окончательно не превратится в монстра. Ей нужно внимательно отслеживать свои физиологические параметры по мере превращения в зомби, вовремя узнавать о новых методах лечения и предупредить незараженных знакомых, если она вовремя не покончит с собой. Другому зомби, который хочет уничтожить как можно больше людей, нужны средства дополненной реальности, упрощающие и делающие более эффективным поиск незараженных людей и слабых мест в их обороне.
Поделиться:
Проектирование мобильных приложений и сайтов — крайне востребованная область UX-дизайна, однако инструментарий проектировщика в этой области пока еще менее устоявшийся, чем в проектировании для веба и десктопных приложений. Ведь получить возможность видеть прототип на экране компьютера — это лишь полдела. При проектировании мобильного приложения важна возможность взаимодействовать с прототипом в естественной для него среде.
Как же быстро и удобно делать мобильные прототипы? Завтра Марсио Лейбович даст в своем вебинаре в рамках UX Марафона целый ряд ответов на этот вопрос, и у Вас еще есть возможность посетить вебинар. Но одним из способов мы поделимся прямо сейчас. Онлайновый сервис для прототипирования Tiggr, который мы уже упоминали на Фреше, добавил возможность использования конструктора мобильных приложений. Что же нам дает этот конструктор?
Во-первых, это несколько ограниченный, но удобный и простой набор базовых элементов, из которых можно быстро собрать экран. При этом сервис предоставляет возможность редактировать стилистику стенсилов. После того, как вы создали экраны и диалоги приложения, их можно связать ссылками, а потом быстро открыть полученный прототип непосредственно на мобильном с помощью QR кода. Если вы проектируете не мобильный сайт, а нативное приложение, то его будет лучше тестировать не в браузере, где каждая страница открывается с некоторой задержкой, а внутри специальной утилиты от Tiggr, в которой оно выглядит как почти настоящее приложение (кстати, если вас устраивает результат, то простые приложения под Android можно создавать непосредственно в Tiggr).
Что еще? Вы можете сделать, чтобы прототип реагировал на различные события, добавлять в него JavaScript, а также использовать REST APIs, которые есть у многих популярных сервисов. Интересные примеры готовых прототипов есть на сайте проекта.
Сайт Tiggr
Innovative Features in Tiggr Mobile Apps Builder (обзор на UX Movement)
Поделиться:
Чуть ли не каждый месяц появляются новые сервисы, предназначенные для удаленного тестирования, разработки и оценки информационной архитектуры, анализа поведения посетителей на сайте. 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
Поделиться:
Есть интересная ссылка? Пришли ее нам!