предыдущие 20

GUI.ruFresh: новости мира юзабилити

При поддержке компании UIDesign Group

Архив:

Сентябрь, 2010

1

Маджеты: как трогательно!

Маджеты

Маджеты — разработка немецкой Media Computing Group — позволяют решить проблему отсутствия тактильной обратной связи при работе с surface-системами. Они представляют собой небольшие прозрачные устройства, вроде кнопок, ручек или целых клавиатур, которым может произвольно присваиваться любая функциональность.

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

По-русски Маджеты: потрогать виртуальный интерфейс

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

Нетбук с двумя сенсорными экранами

Фотография Toshiba Libretto W100      Фотография Toshiba Libretto W100 в режиме книги

Toshiba выпустила достаточно любопытную модель нетбука Libretto W100. Он управляется ОС Windows 7 и имеет два сенсорных дисплея диагональю 7". Если его верхний дисплей обычно выглядит, как стандартный рабочий стол Windows, то на нижнем экране запускаются различные специализированные приложения.

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

Хотя интерфейсные решения инженеров Toshiba весьма интересны, модель вряд ли станет массовой: время автономной работы гаджета — 1,5 часа, а стоимость переваливает за 30 тысяч рублей.

По-русски Toshiba Libretto W100: тест ноутбука с двумя экранами

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Электронные книги будущего: концептуальный ролик от IDEO

Компания IDEO опубликовала видеоролик, в котором представлено три концепции электронных книг будущего:

  1. Нельсон позволяет быстро находить обсуждения отдельных глав и абзацев книги, ссылки на источники, подтверждающие или опровергающие написанное, смотреть, как развивались идеи, высказанные в книге.
  2. Коупленд — встроенная в книгу корпоративная социальная сеть, которая позволяет просматривать популярные среди коллег книги, списки литературы по проектам и тематикам, формировать «книжные клубы». Также в концепции предложена интересная модель распространения: в случае, если сотрудники фирмы покупают определенное количество копий книги, то она автоматически становится доступна остальным коллегам.
  3. Алиса — интерактивная и коллаборативная художественная книга.

English The future of the book
Update: По-русски Перевод ролика на русский язык

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Дизайн vs. проектирование

Скриншот сайта anywayanyday.ru

Арт-директор компании Headhunter Михаил Танский ругает в своем ЖЖ сервис anywayanyday за то, что он, по его мнению, стал популярен лишь за счет симпатичного графического и интерактивного дизайна, но не за счет продуманной реализации пользовательских сценариев.

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

И в-третьих, диалог с моим хорошим другом Сашей Пелевиным, который спросил меня «Миша, чо ты ругаешься? Ребята молодцы, сделали такой же сайт как у всех, но с приятным интерфейсом?» и когда я ему попытался объяснить про юзкейс — он, почему-то удивился тому, что от айфона я не требую, чтобы он стриг ногти, а от Anywayanyday требую, чтобы он мне рассказывал, что завтра билеты дешевле. Ну, то есть, ужаснулся я, Саша тоже не понимает, что именно это-то как раз и есть интерфейс, а красиво схлопывающийся прямоугольник входа — приятные свистелки.

По-русски Почему Anywayanyday плохой сервис (Осторожно, ненормативная лексика)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Видеосравнение Windows Phone 7 и iPhone

Авторы из интернет-издания pocketnow.com записали серию роликов, сравнивающих интерфейс Windows Phone 7 и iPhone. В последнем ролике они обсуждают различия ориентиованного на приложения главного экрана iPhone и более объектно-ориентированного рабочего стола WP7. Также рассматриваются возможности переключения между приложениями и управление проигрыванием медиа.

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

В двух других роликах рассматриваются различия браузеров и почтовых клиентов. В них участвует также и смартфон на базе Android.

English iPhone vs. Windows Phone 7 (Video)
English Windows Phone 7 Web Browser Comparison (Video)
English Windows Phone 7 Email Client Comparison (Video)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

4

Юзабилити доклады на грядущем 404fest

9 и 10 октября в гостеприимной Самаре пройдет фестиваль «веб-разработчиков, интернет-деятелей и сочувствующих им» под названием 404. Перечислим доклады, которые могут оказаться интересными для всех, кто интересуется темой юзабилити.

Вот доклады секции Юзабилити:

В секции Дизайн Артем Геллер расскажет про «Доступность сайтов для людей с ограниченными возможностями».

А в секции Организация работы выступит Платон Днепровский с докладом «Как мне надоело работать руководителем». При чем тут юзабилити? Платон руководит именно юзабилити-компанией.

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Что может делать iPhone в руках слепого пользователя?

Чрезвычайно трогательную историю слепого пользователя iPhone перевел популярный блоггер alexmak (Александр Пацай). Остин Серафен (Austin Seraphin) недавно приобрел iPhone и этот телефон дал ему совершенно новое качество жизни.

Но тут была еще одна интересная штука. Я скачал приложение под названием Color ID. Оно использует камеру iPhone и озвучивает названия цветов. Наверно, используя какую-то таблицу, поскольку у каждого цвета есть идентификатор, состоящий из 6 десятеричных знаков. Таким образом, она показывает 16777216 цветов, и я верю ей. У некоторых из них очень необычные названия, вроде Атомный Оранжевый, Космический, Хиппи Зеленый, Опиум, и Черно-Белый. Эти названия в комбинации с ощущениями подъема уровня серотонина создают очень психоделические ощущения.

Я такого никогда в жизни не испытывал. Я могу видеть какой-то свет и цвет, но размыто, и у объектов нет цвета, просто источники света. Когда я впервые попробовал эту программу в 3 часа ночи, я не мог понять, почему она все время говорит о черном цвете. Я осознал, что экранные шторки также отключают камеру, отключил их, но все равно у меня были только темные цвета. Затем я вспомнил, что на самом деле мне нужен свет, чтобы видеть, а ночью-то особо не увидишь ничего. Я вспомнил об источниках света, и о моем интервью, которое я давал для Get Lamp. Вначале я увидел одну из моих прекрасных соляных ламп в разных оттенках оранжевого, затем с розовым цветом, а третью — в светящемся розовом и красном. Я был потрясен.

По-русски iPhone и слепой пользователь
English Оригинал статьи в блоге Остина

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

3

Сражение классических веб-форм с аккордеонными

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

  1. форма, в которой процесс заполнения разбит на несколько шагов, на каждом из которых происходит перезагрузка страницы;
  2. форма, где все поля находятся на одной длинной странице;
  3. аккордеонная форма, в которой для переключения между частями необходимо кликать по заголовку;
  4. аккордеонную форму, в которой для переключения между частями необходимо кликать по кнопке «Продолжить»

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

В статье Люка вы можете более подробно прочитать об использованной методике тестирования.

English Testing Accordion Forms

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

Порка интерфейса iPhone приложений

Александр Комаров, проектировщик взаимодействия из Филадельфии (США), опубликовал на сайте Smashing Magazine результаты нескольких «порок» пользовательского интерфейса iPhone приложений, которые он регулярно проводит на своем сайте.

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

Кстати, вы можете отправить и свое приложение на бесплатную порку, заполнив специальную форму на сайте Александра.

English iPhone App Designs Reviewed: Critique Board and Lessons Learned

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

С 2010 года законодательство США по общедоступности распространяется и на коммерческие веб-сервисы

Адвокат Грегори Кэр опубликовал на UX Magazine достаточно обстоятельный анализ законодательства США, посвященного общедоступности веб-сервисов. В частности, он описывает судебный прецедент, возникший в ходе разбирательства между Национальной федерацией слепых и компанией Target. В результате этого дела закон 1990 года «об американцах с ограничениями трудоспособности» (ADA) признан распространяющимся и на коммерческие компании, если они предоставляют общественные веб-сервисы.

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

English Accessibility and the law: how good UX can keep you out of court

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

4

BreadBar — насыпь-ка еще этих хлебных крошек в адресную строку

Блоггер Девин Колдевей отметил интересный факт: все элементы интерфейса браузеров претерпели за последнее время существенные изменения, но адресная строка изменилась не так уж сильно.

Хлебные крошки в адресной строке

Он предлагает не отображать пользователю URL в «сыром» виде, а вместо него показывать в адресной строке аналог «хлебных крошек», скрыв URL как одну из деталей технической реализации. Правда, Девин предлагает сохранить за продвинутыми пользователями возможность включить отображение URL.

Мета-теги, отображающие место страницы в структуре сайта

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

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

English Making the URL bar useful again: where the breadcrumb should have been all along

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Лекция о разработке мобильных приложений

Авторы сайта Theory & Practice написали русские субтитры к целому ряду видеороликов, посвященных инновациям и технологиям будущего. В частности, они перевели лекцию Джереми Лайона — бывшего директора по дизайну компании Palm — которую он прочитал Инженерной школе Стенфордского университета.

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

По-русски Запись лекции с русскими субтитрами
English Оригинальный видеоролик на YouTube (доступен просмотр в полноэкранном режиме)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

Конференция Юзабилити Украина ’10

5 ноября в Киеве пройдет первая всеукраинская конференция Юзабилити Украина 2010. Впервые IT-конференция в Украине будет полностью посвящена вопросам юзабилити. Иными словами — тому, почему так важно сделать сайт простым и понятным для пользователя.

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

Организаторы конференции — ведущие украинские юзабилити-компании: Турум-бурум, Usabilist.com.ua, Инвуду

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

«Главная ценность нашей конференции в том, что мы все будем говорить о юзабилити на конкретных примерах из своей практики, — рассказывает представитель оргкомитета «Юзабилити Украина 2010» Евгений Мусиенко. — Никакого «сферического проекта в вакууме»: мы хотим поделиться реальным опытом».

В программе конференции:
– доклады экспертов из ведущих IT-компаний Украины и России (Яндекс, UIDesign Group, UI Modeling Company, iContext, Турум-бурум, Invodoo, Usabilist.com.ua и др.);
– свободное общение и анализ практического опыта украинских веб-проектов с юзабилити-специалистами из Tochka.net, korrespondent.net, bigmir)net;
– круглые столы, посвященные проблемам юзабилити в Украине — с участием представителей коммерческих проектов и компаний-разработчиков (Rozetka.ua, Nezabarom, Drimtim.ru, Owox, yakaboo.ua);
– пресс-конференция о развитии украинских веб-проектов.

Место проведения конференции будет объявлено 21 сентября.
Полная информация об участниках – на сайте проекта: http://usability.ua

Более подробную информацию о проекте вы можете получить в оргкомитете конференции:
Александра Голубь, координатор проекта,
e-mail: alexandra@turumburum.com
тел.: +380 50 975 79 14

Иванна Скиба, PR-менеджер проекта,
e-mail: pr@turumburum.com

По-русски Конференция Юзабилити Украина ’10

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

«Когда буду у подъезда, наберу и сброшу»

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

Хороший вариант такой гибкости — Twitter. Пользователи сами показали, какая функциональность им нужна, придумав использовать «собачку» для обращения к друзьям, знак «#» для расстановки меток и так далее. Это позволило постепенно развивать максмимально минималистичный сервис, идя по тропинкам, протоптанным самими пользователями.

Другой интересный пример креативного использования продукта: намеренно сбрасываемые звонки с мобильного. Исследователи развивающихся рынков, работающие в индийском отделении Microsoft Research, изучили и подробно описали практику использования такого приема, который весьма распространен и среди российских абонентов.

Интересно, что «beeping», как назвали это действие авторы статьи в «Журнале коммуникаций, опосредованных компьютером», — это контекстно-зависимый сигнал, значение которого зависит от ситуации. Он может обозначать просьбу перезвонить, нести какой-то заранее оговоренный смысл («Когда тебе пора будет выходить, позвоню и сброшу») или даже быть просто знаком внимания.

English The Rules of Beeping: Exchanging Messages Via Intentional “Missed Calls” on Mobile Phones (полная версия статьи в PDF доступна бесплатно)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

Рекрутирование участников для онлайн-исследований

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

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

English Recruiting Participants for Unmoderated, Remote User Research

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

1

PetitPetit — держи все данные под рукой

На днях разработчики оболочки для Android-устройств под названием PTPT (или PetitPetit) в очередной раз представили свой продукт на выставке IFA в Берлине. Эта система развивает идею объектно-ориентированных интерфейсов, классифицируя все данные пользователя по четырем категориям: люди, объекты, места, время (PTPT: people, things, places, time). Идея авторов состоит в том, что эти категории позволяют классифицировать любое содержимое: письма, фотографии, музыку, документы, веб-страницы и многое другое.

Отличные ролики, демонстрирующие идею сервиса, есть также на главной странице сайта PetitPetit.

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

English PTPT: turning data into knowledge

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

Мобильный Гутенберг: пользователи телефонов любят печатать

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

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

  • За день американцы отправляют друг другу 4.1 миллиарда SMS.
  • Каждый третий тинейджер отправляет более 100 SMS в день.
  • Среди взрослых количество пользователей SMS увеличилось за 9 месяцев с 65% до 72%.
  • Средний взрослый за день отправляет и получает 10 сообщений, подросток — 50.
  • 72% подростков и 88% пользователей подростковых моделей телефонов используют SMS. 54% подростков пишут SMS ежедневно.
  • 61% пользователей смартфонов и лишь 32% владельцев «обычных» телефонов посылают SMS ежедневно.

English Text Input on Mobile is Hard But…

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

2

Возможно, вам также понравится эта статья

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

Я захожу в МакДоналдс, говорю молодой девушке за кассой:

Здравствуйте. Мне гамбургер [29 рублей], картошку фри [31 рубль] и кока-колу [34 рубля].
Пирожок [38 рублей] не желаете?
Почему бы и нет, давайте.
Эта статья про пирожок за 38 рублей, который может стать третью прибыли мировой компании. То есть про рекомендации.

38 рублей моего заказа составляют 29% денег, которые я заплатил девушке за кассой, и если бы я был недоволен жизнью, я бы изобразил этот факт вот так:

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

Время диктует свое — теперь множество продавцов электронные. Это удобно, ведь можно купить вещь, не выходя из дома!

Но как порекомендовать живому человеку хоть что-нибудь, если ты — компьютер?

По-русски Возможно, вам также понравится эта статья (статья на сайте LOOK AT ME)

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

5

Какими будут дисплеи будущего?

Шведская компания The astonishing tribe, технологии от которой живут в 15% современных мобильников, а также во множестве других гаджетов, представила концептуальный видеоролик, рассказывающий о возможностях, которые будут предоставлять пользователям мобильные устройства и, в частности, их дисплеи в 2014 году.

Ролик стал результатом работы, проведенной в рамках конкурса TAT Open innovation. Помимо темы мобильных дисплеев на конкурсе также обсуждались темы инноваций в управлении автомобилем и в коммуникациях.

English TAT Open Innovation

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

0

Твикеты: учет социального взаимодействия при проектировании корпоративных систем

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

Функция «Твикеты» (Twicklets) позволяет быстро превращать твиты клиентов в тикеты, а также синхронизирует диалоги, происходящие в Twitter и в самом Zendesk, прекрасно поддерживая существующую практику общения с клиентами и пользователями в социальных сервисах.

English Zendesk puts Twitter to work for your business

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed