предыдущие 20

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

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

Архив:

Март, 2010

3

Хорошего ноутбука должно быть много

Дизайнер Ян Йончан предложил концепцию ноутбука с раскладной полноразмерной клавиатурой. Это явно отражает ту тенденцию, что все большая часть пользователей отказываются от desktop-компьютеров в пользу ноутбуков даже при работе в стационарных условиях. Однако при этом многие предпочитают подключать стационарные клавиатуры.

Концептуальный ноутбук с раскладной клавиатурой

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

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

Шуточное изображение ноутбука с раскладным экраном и раскладной клавиатурой

По-русски Ноутбук с раскладной клавиатурой
По-русски Двойной экран, Ноутбуки!?

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

3

Эсфера — ручное управление окнами

Интересная идея пришла в голову проектировщику компании Canonical (разработчик популярного дистрибутива Linux — Ubuntu). Идея позволяет внедрить управление жестами в привычную GUI среду.

Желание упростить графический интерфейс и сделать его более удобным для пользователей не покинет умы разработчиков никогда. Пабло Квирос (Pablo Quiros) из Canonical предложил внедрить в Ubuntu новый универсальный элемент управления под названием «эсфера» (Esfera).

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

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

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

По-русски Разработчики Ubuntu придумали новый элемент управления (статья в Компьютерре)
English Изначальное предложение Pablo Quirós
English Само предложение в виде документа (PDF, 140 Кб)

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

3

5 главных тенденций электронной коммерции в этом году

Область электронной коммерции развивается чрезвычайно динамично. Роб Смит (Rob Smith) — директор агентства Blueleaf Digital из Великобритании перечислил 5 главных тенденций 2010 года. Следует отметить, что тенденции относятся к глобальному рынку, однако в большей степени применимы (или будут применимы в скором времени) и к нашему рынку.

  1. Фокусируйтесь на имеющейся аудитории, а не на новой
    Развитие рынка и кризис приводит к тому, что рост новой клиентской базы замедляется. Следовательно пристальное внимание надо обратить на взаимодействие с имеющейся аудиторией. Роб ставит ряд вопросов ответы на которые помогают улучшить это взаимодействие.
  2. Объединяйте онлайновое взаимодействие с оффлайновыми
    Примеры такого объединения: дайте возможность пользователям заказывать через сайт магазина, а забирать товар в самом удобном для них реальном (оффлайновом) магазине. Нынешние клиенты не разделяют оффлайновую и онлайновую деятельность компаний продающих товары — поэтому им надо дать на выбор все способы заказа и получения товара.
  3. Мобильность у вашего порога
    Количество смартфонов, которые имеют удобный выход в интернет переходит в новое качество. С помощью мобильного телефона клиенты осуществляют покупки в любой удобный момент, отслеживают заказы, отсылают претензии. Появляются магазины оптимизированные исключительно для мобильных устройств. Чтобы не упустить важную аудиторию необходимо создавать мобильные версии сайтов.
  4. Фокусируйтесь на форме так же, как и на содержании
    Осуществляя покупку в вашем магазине, пользователь должен получить впечатляющий опыт взаимодействия. Такое впечатление можно дать с помощью качественного визуала, или с помощью инновационных способов взаимодействия (например, использовать дополненную реальность для виртуальной примерки одежды).

  5. Совершенствуйте, а не перестраивайте ваш сайт
    Роб советует тратить деньги на последовательное улучшение сайта электронной коммерции, а не на тотальную переделку. Чаще всего, это более выгодно. В качестве примера автор приводит сайт amazon, который действительно улучшается постоянно, но незаметно.

English 5 Important E-Commerce Themes for 2010

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

2

Чего хотят пользователи Bloomberg?

Редизайн терминала Bloomberg, предложенный компанией IDEO, и фотография Майкла Блумберга

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

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

Статья вызвала бурное обсуждение в профессиональной среде, в том числе, и в рунете. Влад Головач объясняет нежелание кардинально менять интерфейс более прозаичными причинами:

  1. Уже имеющиеся пользователи не могут увидеть никаких преимуществ нового интерфейса, пока его не выпустят. Как могут быть преимущества у того, чего (ещё) нет?
  2. В то же время они легко могут увидеть, что новый интерфейс принесет им неисчислимые беды. Мало того, что все их усилия по изучению текущего интерфейса станут бессмысленными (т.е. ROI обучения исчезнет в один день), но так же им придется переучиваться (без отрыва от работы, рынки останавливать никто не будет).
  3. Разумеется, новые пользователи получат непосредственную пользу от обновленного интерфейса (особенно, если он будет не только новым, но и лучшим). С другой стороны, этот новый интерфейс будет разработан на деньги имеющихся пользователей, потому что именно они, собственно говоря, платят.
  4. Почему-то так получается (это сарказм), что трейдеры понимают, как работают инвестиции, несколько лучше, чем дизайнеры. Поэтому им довольно легко понять, что именно они будут инвесторами того, чем их будут трахать.

Активно обсуждают статью и пользователи сообщества Friendfeed.

English The Impossible Bloomberg Makeover
По-русски Что за гады эти пользователи! Не ценят дизайн! (библиотека Юзетикс)
По-русски Обсуждение на сервисе Friendfeed
По-русски Еще одна Friendfeed-ветка

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

6

Герой ленты

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

И вот в лаборатории Microsoft недавно появилось остроумное решение — казуальная игра «Ribbon Hero» целью которой является нахождение и изучение новых возможностей Office 2007 и Office 2010. Для самих разработчиков оказалось неожиданностью то, что игра стала популярной — пользователи с удовольствием играют в нее до тех пор, пока задачки не надоедают. Новая версия игры выходит каждые несколько недель. Игру скачало уже 70 000 людей.

English Статья об игре на сайте BBC
English Сайт игры Ribbon Hero

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

4

Facebook сделает QR-коды мейнстримом?

qrcodeQuick Response коды — некое подобие штрих-кодов, распознаваемое мобильными телефонами, оснащенными фотокамерами, — появились уже довольно давно, но до сих пор не получили широкую популярность.

Однако TechCrunch пишет о том, что у них есть информация о планах Facebook использовать QR-коды для глобального позиционирования пользователей. Интерес к технологии также проявляют Google и Microsoft. Возможно, ее внедрение в сервисы таких гигантов заставит массового пользователь установить на свои телефоны приложения, распознающие QR-коды, а у того же Google есть рычаги для того, чтобы внедрить соответствующее ПО непосредственно в операционную систему.

Facebook планирует предлагать QR-коды владельцам разнообразных заведений. Пользователи смогут фотографировать коды и таким образом отмечать у себя на стене тот факт, что они находятся в данном заведении. TechCrunch считает подобные сервисы обмена информацией о месте пребывания одной из основных современных тенденций в развитии социальных сетей.

English Those Facebook QR Codes Are Part Of Their Location Plans

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

7

Как толстыми пальцами набирать текст в Android телефонах

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

Идея несколько нарушает принцип, по которому все элементы управления должны оставаться на своих местах (чтобы вырабатывалась механическая память), однако, в данном контексте, пользователи, как правило, в первую очередь ориентируются визуально.

Дмитрий Лисицкий и Андрей Павлив создали программу для платформы Android и предлагают бесплатно ее скачать. Интересно будет узнать о впечатлениях реальных пользователей этой программы.

English Thickbuttons — официальный сайт проекта

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

7

Книги в эпоху iPad

Крейг Мод (Craig Mod) недавно опубликовал очень интересную статью, где он размышляет о природе содержания книг — какие книги можно легко перенести на электронные книгочиталки (book reader), а с какими будут сложности.

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

Давайте рассмотрим два типа содержания:

  • Содержание без определенной формы (бесформенный контент)
  • Содержание определенной формы (оформленный контент)

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

Бесформенный контент книги

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

Оформленный контент книги

Крейг рассуждает и о других характеристиках книг, которые также оказывают влияние на успех миграции на электронные носители.

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

English Books in the age of the iPad

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

0

РИТ с плюсом

12-14 апреля в конференц-центре ИнфоПространство будет проходить конференция для веб-разработчиков Российские интернет-технологии 2010.

В этом году программа конференции разделена на несколько тематических потоков: ClientSide — клиентские технологии, RootConf — направление для системных администраторов, базы данных, управление продуктами, методология Agile и тестирование.

Программу каждого направления будут формировать отдельные комитеты, в состав которых входят известные специалисты Рунета: Вадим Макеев (Opera), Иван Дембицкий, Андрей Шетухин (Rambler), Николай Мациевский, Сергей Чикуёнок (Студия Артемия Лебедева), Игорь Ермаков (Mail.ru), Петр Диденко (ex-Microsoft), Александр Горный (РБК/Медиамир), Николай Самохвалов, Иван Золотухин, Алексей Капранов, Алексей Рыбак (Badoo), Андрей Шитов, Дмитрий Завалишин (Digital Zone), Никита Филипов, Денис Бугров и другие.

Помимо узкоспециализированных тем и мероприятий, таких как perl-конференция MayPerl и RailsClub, на конференции будет много докладов, связанных с управлением проектами. Среди заявленных докладов есть даже рассказ об альтернативных подходах к проектированию интерфейсов — «Антиюзабилити» Алексея Сергеева из Mail.ru.

Традиционно, для обмена опытом на конференцию веб-разработчиков РИТ++ приезжают западные докладчики, в этом году свое участие уже подтвердили Алекс Могилевский — Microsoft, один из архитекторов Internet Explorer, Патрик Мишо — архитектор компилятора Perl 6 Rakudo и Патрик Лауке — успешный веб-разработчик, специалист по веб-стандартам, доступности и открытым форматам, веб-евангелист в компании Opera Software.

В общем, конференция обещает быть очень насыщенной и интересной.

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

По-русски Сайт конференции

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

3

Якоб Нильсен: прокрутка и внимание

Кирилл Зима перевел статью Якоба Нильсена на вечную тему «прокрутка VS листание», которая буквально пару дней назад вышла в Alterbox.

Пользователи интернета тратят 80% времени, изучая информацию на «первом экране». Несмотря на то, что прокруткой они тоже пользуются, только 20% их внимания приходится на то, что расположено ниже «первого экрана».

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

Длительность просмотра в зависимости от размера экрана

По-русски Якоб Нильсен :: Прокрутка и внимание
English Scrolling and Attention (оригинал статьи)

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

1

Бабушка, зачем у тебя на лобовом стекле датчики? — А это чтобы лучше видеть!

Идея использовать лобовое стекло автомобиля в качестве дисплея (HUD, т.е. heads up display) появилась много лет назад и пришла из военной промышленности. Первое что пришло в голову — выводить на стекло показатели приборов. Эффективность такого решения достаточно спорна и оно так и не стало общепринятым.

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

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

English GM Develops Augmented Reality Windshield

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

1

Лекция «Футуродизайн: проектирование возможного будущего»

Послезавтра (26 марта) в Москве пройдет бесплатная лекция «Дизайн возможного будущего», которую проведет Вячеслав Козлов, более десяти лет проработавший в отделе стратегического дизайна Philips Design. Организатором является кафедра «Дизайна и инноваций» МФПА (Московская финансово-промышленная академия). Вступительное слово скажет заведующая этой кафедрой Екатерина Храмкова, которая также является генеральным директором дизайн-консалтингового агентства Lumiknows.

Футуродизайн: проектирование возможного будущего
26 марта в 12:00
Пятница
Организатор: Кафедра «Дизайна и инноваций» МФПА

я пойдуT&P

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

8

Фреш по пятницам: Чем еще нас удивит Apple

Что нас ждет еще после iPhone и iPad? Вот версия французского сайта BeGeek.

English What Comes After the iPad?

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

14

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

Скриншот Nokia Design by Community

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

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

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

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

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

5

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

Примеры предложенных элементов управления

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

English 43 Essential Controls for Web Applications

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

2

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

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

В качестве спикеров приглашены выдающиеся специалисты, авторы множества публикаций и книг, признанные лидеры в своей области: Jared SpoolPeter MerholzLuke Wroblewski,Steve KrugDan SafferDonna SpencerBill Scott и другие.

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

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

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

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

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

4

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

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

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

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

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

4

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

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

Устройство Intendix предназначено в первую очередь для парализованных пациентов больниц. Интерфейс готов к использованию через 10 минут настройки. После тренировки можно набирать тексты с экранной клавиатуры на скорости до 1,25 символа в секунду путём концентрации внимания на строках и столбцах, мерцающих поочерёдно (видео под хабракатом). Шапка для электроэнцефалографии при этом снимает сигнал с коры головного мозга. Такая скорость является рекордной для прототипов подобных устройств.

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

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

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

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

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

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

2

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

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

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

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

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

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

4

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

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

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

English Microsoft Live Labs Pivot

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