Разница между исследуемыми ресурсами оказалась существенной. Как вы думаете, почему так отличается время входа на сайте в этих ресурсах?

Результаты исследования :

Twitter — 1.8 секунды

Animoto — 2.3 секунды

Vimeo — 2.9 секунды

MyNameisE — 3 секунды

Usabilla — 3 секунды

Facebook — 3 секунды

Foursquare — 3.3 секунды

Wakoopa — 4.3 секунды

Basecamp — 5.3 секунды

PayPal — 6 секунды

На видео можно заметить основные этапы работы проектировщика интерфейса.

Это :

• Сбор требований
• Создание персонажа
• Разработка сценариев
• Структура (карта) сайта
• Разработка прототипа

На главной странице нет товаров. Первое впечатление -  я не туда попал, точнее, не на интернет-аукцион. Нужно показать, что здесь можно купить много товаров.

Поиск

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

Войти, Зарегистрироватся, Как пользоватся?

Далее взгляд упал на яркие кнопки « Войти, Зарегистрироватся, Как пользоватся?» На вид одинаковые кнопки.  Но по смыслу они ведь разные. Кнопки должны активировать какое-то действие, тогда «Войти» и «Зарегистрироваться» вполне логичны, но  "Как пользоваться? " ведет на другую страницу, где объясняют, как использовать сервис. Поэтому это должна быть ссылка.

Карусель

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

Категории

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

Навигация

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

Поразило то,  что при переходе на другие страницы изменяется ширина сайта. Очень плохо.

У сайта большая база, очень много пользователей, а может будет ещё больше, если сделать сайт удобнее.

Произвести бум в сфере гаджетов призваны так назаваемые таблетки ( или Tablet PC). Это устройства, характерной чертой которых есть отсутствие клавиатуры, а взаимодействие осуществляется через чувствительный к прикосновениям экран (Touch Screen).

Эти устройства уже существуют некоторое время. Но использовать на полную возможности прикосновения пока не удалось. Все же в этом продвинулась компния Apple после выпуска нашумевших телефонов iphone, в которых управление производится через прикосновение к экрану и под некоторые движения пальцев по экрану производятся специфические действия(увеличение, поворот, скролл...).

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

и не  только Apple, но и компания Hewlett Packard анонсировала выход планшетного нетбука Notebook Slate уже в 2010 году.

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

Надеемся что это приведет только к улучшению качества взаимодействия человека и компьютера.

Тимошенко Юля (Тигрюля)

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

Янукович Виктор

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

Тигипко Сергей

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

Очень интересный раздел «Прямая линия с Сергейем Тигипко», но поиск вопросов происходит только по ID (интересно сколько людей вообще понимают что от них хотят?) Еще из мелких замечаний синие ссылки на синем фоне немного тяжело заметить:

Из веселого: есть ссылка на Тигипко в Однокласниках и вКонтакте (хорошо работает социальный маркетинг) и ссылки СЮДА в разделе Напишите Сергей Тигипко

Олег Тягнибок

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

Также хочу заметить что 2-й уровень навигации оторван и спрятан от основной:

Информацию о биографии и программе Олега найти удалось, только в разделе Документи — Інші (нашел совершенно случайно). Наверно это не самая главная информация для избирателя

Из веселого: понравилось, что сайт можно почитать ещё на 2-х языках: белоруском и французской %-) Наверно специально для Лукашенко )

Яценюк Арсений

Первое что я увидел зайдя на сайт был видео плеер с кнопкой PLAY на лице у кандидата. Видео оказалось очень забавным  (слабонервных просьба не смотреть)

Жаль но большие зелёные кнопки на Фронт Змін, Фонд и Программу Арсенія нажать и посмотреть не удалось. На этом желание исследовать сайт пропало, чему посбособствовала общая хаки расцветка и косые линии. Также не смог на сайте найти отчество Арсенія поєтому хочеться пожелать:
«Шановний Арсеній! Я чекаю нового року і того дня коли нарешті знімуть бігборди з вашою агітаційною программою»
имг

Всех с наступающим! И желаю в новом году сделать правильный выбор

Меня заинтересовал баннер, который предлагает отдых.

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

Как легко найти спутницу на ваш отдых.

После нажатия на баннер пользователь попадает на страницу, где опять нужно выбрать между зимой и летом. А чтобы было сложней сделать выбор, на странице снова поставлен баннер (со включенным звуком по умолчанию). Если вы все ещё остались на этой странице и вы «счастливый» обладатель браузера Internet Exploer, то сможете увидеть форму под баннером. Я увидел вот такое:

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

Пункты меню тоже обрадовали и заставили задуматься Очень странное деление — «Отдых в Украине», «Зима», «Горячие предложение», «Отдых на море». Не хватает ещё  - «Отдых в горах», «Отдых в Европе, США» и т.д.
Меня заинтересовали Спецпредложения, и сразу я увидел что хотел — «НОВЫЙ ГОД В КАМЕНЕЦ-ПОДОЛЬСКОМ» (набирала наверно всё таже девушка с баннера). На странице самого тура показана очень большая и красивая фотография ночного Каменца-Подольского, а потом — описание тура. А теперь задание для читателей попробовать оформить заявку на тур.

Немного статистики: За месяц на сайте было 18 918 посетителей. Если бы каждому 20 посетителю понравился сайт и он бы смог заказать тур, то оставил бы минимум 3000 грн. То есть можно было бы заработать больше 60.000 грн. А если людям, что-то нравиться они могли бы и вернуться...

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

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

Еще несколько лет назад, оптимизация веб-сайтов для мобильных браузеров была болезненным и трудоемким процессом, отчасти из-за ограниченного функционала большинства мобильных браузеров. Сегодня, благодаря распространению WebKit (который является основой браузеров на iPhone, Android и WebOS- устройствах, а со следующего года, вероятно,  и BlackBerry), гораздо легче принять стратегическое решение о популяризации Вашего сайта на мобильных платформах.

Мы собрали подборку соответствующих ресурсов.

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

Если у Вас нет опыта в HTML и CSS (или у Вас нет времени), существует целый ряд сервисов для создания мобильной версии Вашего сайта.

MoFuse and MoFuse Premium — MoFuse предлагает простой инструмент для блоггеров и предприятий по созданию мобильных версих веб-сайтов . Для блоггеров или маленьких сайтов, компания предлагает продукт MoFuse for Blogs, который представляет собой инструмент для быстрого создания мобильной версии Вашего сайта (он использует Ваш RSS для генерации нового сайта) с доступом к нему по ссылке "m.yourdomain.com." Для предприятий или больших сайтов, которые хотят больше контроля предлагается продукт MoFuse Premium,содержащий больше настраиваемых параметров.

Mippin — другой бесплатный сервис, который позволяет быстро создавать мобильную версию Вашего сайта, используя RSS-канал. Опции и настройки довольно ограничены, но версия, создаваемая Mippin, должна просматриваться практически на любом WAP-совместимом мобильном телефоне.

mobiSiteGalore — позволяет быстро создавать мобильные версии сайтов. Продукт предоставляет пользователям несколько возможностей настройки,  а также, благодаря MOBI TLD.mobiSiteGalore, возможность создания мобильного сайта как  с компьютера, так и с мобильного телефона.

Плагины для WordPress и других издательских систем

Наличие сайта, отформатированного для WAP, — это хорошо, но если вы хотите  иметь возможность предложить посетителям с iPhone или Android устройствами некоторые действительно значительные оптимизированные мобильные функции, у Вас должен стать вопрос о создании отдельного стиля для сайта. Для пользователей WordPress и других издательских систем существует множество плагинов для очень простого добавления мобильных тем для Вашего сайта.

WPtouch —  замечательный плагин, доступный для пользователей WordPress.org  (пользователи WordPress.com  также могут воспользоваться преимуществами WPtouch с недавно добавленными мобильными темами), который автоматически делает ваш сайт удобным для чтения и доступа с iPhone или Android устройств.

Плагин является чрезвычайно надежным и даже предлагает такие бэкэнд-функции как возможность установки iPhone Favicon (так что, когда пользователи добавляют ваш сайт на главный экран своего iPhone, он отображается хорошо смотрящейся иконкой), способность работать с другими плагинами WordPress, такими как Flickr, RSS и Blip.it, поддержку AJAX, настройку заголовков и многое другое. Действительно интересно в WPtouch то, что пользователи могут отключить его и получить доступ к полной версии сайта в любое время с помощью переключателя на мобильную версию и обратно в нижней части каждой страницы.

WordPress Mobile Edition - Crowd Favorite создали плагин, который позволяет пользователям легко определить, для каких типов устройств должна быть показана мобильная веб-страница, а для каких нет (например, если вы хотите, чтобы пользователи BlackBerry просматривали страницу для мобильных устройств, а пользователи iPhone — полную версию сайта). Он поставляется с набором тем Crowd Favorite’s Carrington Mobile Theme приятных для восприятия и полностью настраиваемых.

WordPress Mobile Pack — это целый набор инструментов для оптимизации веб-сайтов для мобильных телефонов от команды dotMobi. Она включает в себя базу очень привлекательных тем, мобильную панель администрирования, поддержку мобильной рекламы и возможность посетителю переключения между полной и мобильной версиями веб-сайта.

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

WordPress Mobile by Mobify — это плагин для службы Mobify (см. описание в разделе ниже). Он осуществляет автоматическое перенаправление мобильных клиентов к вашей мобильной версии сайта.

Mobile Plugin for Drupal — плагин предлагает Drupal-сайтам версию, оптимизированную для просмотра с мобильных телефонов. Поставляется с мобильной версией стандартной темы Drupal Garland и включает в себя определение устройств, средства для добавления специфических мобильных функций и автоматическую замену видео вставленного из YouTube на m.youtube.

OSMOBI — это услуга, и плагин для Joomla и Drupal пользователей, что позволяет легко настроить свой блог для мобильных пользователей. Эта услуга является бесплатной для 150 просмотров страниц в день, но премиум-планы также доступны.

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

Mobify — действительно интересный сервис,  потому что предоставляет собой простое средство для дизайнеров или пользователей, которые знают HTML и CSS, безболезненно модифицировать и оптимизировать свои веб-сайты для мобильного доступа. Эта услуга является бесплатной (хотя доступны ежемесячные платные планы с расширенными возможностями) и она очень хорошо работает с такими системами как WordPress, Drupal, ExpressionEngine и любыми другими, которые имеет предсказуемые URL-модели и хорошо сформированным HTML.

В Mobify присутствует визуальный редактор, который позволяет увидеть, как будет отображаться Ваш контент на различных типах устройств, а затем позволяет изменить CSS и просмотреть изменения в режиме реального времени. В качестве примеров использования Mobify для создания сайтов, оптимизированных под мобильные устройства, можно назвать List Apart и сайты уважаемых веб-разработчиков и дизайнеров, такие как Jonathan Snook и Veerle Pieters.

iPhoney — iPhoney от Marketcircle предоставляет разработчикам возможность просмотреть с точностью до пиксела, как будет выглядеть сайт при просмотре на iPhone . Почему это важно? Потому что при создании мобильной версии сайта, важно иметь возможность посмотреть, как конечный продукт будет выглядеть на вашем телефоне. iPhoney на данный момент не обновлен, но все еще является очень полезным инструментом.

iWebKit — это framework для создания сайтов, оптимизированных для просмотра на iPhone, использующий все его функции и преимущества.

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

iPhone совместимые CSS шаблоны - Мэтью Джеймс Тейлор (Matthew James Taylor) создал большое количество гибких CSS макетов совместимых с iPhone и IPod Touch бесплатных для любого использования. Если вы ищете отправную точку для создания сайтов, оптимизированных для мобильных устройств, то Вам стоит обратить внимание на эти макеты.

Другие ресурсы

Mobile Web Design by Cameron Moll — это действительно отличная книга с полезными советами, описанием передовых подходов и примерами дизайна и оптимизации контента сайта для мобильных устройств. Если говорить о недостатках книги, то надо учесть, что она была написана до iPhone бума, за счет чего она теряет в актуальности информации. Но тем не менее любители мобильного Интернета могут почерпнуть в ней много полезной информации.

Craig Hockenbery’s «Put Your Content in My Pocket» — в августе 2007 года Крейг Хокенберри (Craig Hockenberry) (из Iconfactory и один из людей, стоящих за Twitterr для Mac и iPhone) написал большую статью для «A List Apart», и хотя некоторые из технологий изменились, многое из того, что он написал, применяется и сегодня.

Smashing Magazines’s Mobile Design Showcase — Ищите вдохновения? Smashing Magazine сделал большой обзор дизайнов, оптимизированных для iPhone.

CSSiPhone — это галерея CSS, посвященная дизайну сайтов, оптимизированных для iPhone. Как сказал Пикассо, «Хорошие художники копируют, великие художники воруют!»

Opera Mobile Developer Community - браузер Opera позволяет увидеть, как будет выглядеть сайт на мобильном телефоне (Меню Вид->Маленький экран). Кроме того, здесь  можно проверить документацию для разработчиков Opera по оптимизации страницы для просмотра на мобильных устройствах. Opera Mobile и Opera Mini является распространенным браузером на мобильных телефонах.

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

Почему пользователи хотят свежий дизайн

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

Помните Закон Якоба о опыте пользователей Интернета: пользователи проводят большую часть своего времени на других сайтах. Люди обычно тратят не более 2–3 минут на сайте, так что даже если они посещают ваш сайт ежедневно, они бы работали с сайтом лишь 30 часов на протяжении 2 лет. Даже лояльные пользователи будут тратить меньше чем 5 часов на вашем сайте каждый год. С тем как мало времени провели глядя на дизайн, пользователи не устанут от него в ближайшее время.

Почему пользователи хотят Знакомый дизайн

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

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

(Если пользователи жалуются на редизайн не обязательно что это плохо, если новый дизайн действительно более удобен, количество довольных пользователей будет расти. Жалобы клиентов, не повод, чтобы избежать всех редизайнов; они просто причина, по которой следует избежать изменения дизайна только для того чтоб «Освежить.»)

Часто используемые интерфейсы

Часто старый изнашиваеться тогда надо либо штопать или покупать новый

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

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

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

Когда обновлять дизайн в любом случае

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

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

Это верно, но вы будете непопулярны, потому что

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

• Вы отталкиваете пользователей, что заставляет их очень страдать от изменений, которые, как мы знаем, они ненавидят.

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

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

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

В качестве примера ко второму пункту, то давайте рассмотрим Microsoft Office. Пакет был введен в 1989 году в качестве дополнительных пакетов старых автономных приложений, как Word (с 1983) и Excel (с 1984). К 2000 году, основной архитектуре пользовательского интерфейса было 17 лет, и MS Office трещал по швам.

Я часто жаловался, что старый подход путаного набора брошенных вместе фич и все более сложный набор меню и диалоговых окон затрудняет пользователям поиск большинства из них. Хотя я критиковал в MS Office растущие юзабилити проблемы , я также сказал, что если бы я был Билл Гейтс, я бы не пошел немедленно делать радикальный редизайн. Я думал так, что хотя новый дизайн будет лучше для пользователей, это может быть плохо для бизнеса: легче продать дополнительные обновления чем совершенно новый интерфейс. Конечно же, Office 2003 поставляется с немного вычищенным интерфейсом, относительно к тому же 20-летнему опыту.

В основном старый дизайн был действительно стар, и большое количество наросшей функциональности требовало полностью изменить архитектуру пользователельского интерфейса. Теперь, имея новый пользовательский интерфейс два года, не существует способа чтоб я вернулся в Microsoft Office 2003 или к его предшественникам. Новый дизайн лучший. Когда он был запущен было много жалоб: пользователи не любят изменений, и новый пользовательский интерфейс требует времени, чтобы привыкнуть.

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

Якоб Нильсен Alertbox, 21 сентября 2009 года.
Перевел Карапузов Олег

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

Такова реальная система, называемая «Операционная пространственная среда G-Speak» — детище американской компании Oblong Industries.

Авторами комплекса, который позже эволюционировал в G-Speak, являются Джон Андеркоффлер (John Underkoffler) и его коллеги из медиалаборатории Массачусетского технологического института (MIT Media Lab). Именно там Спилберг и его подчинённые подсмотрели действующее управление данными при помощи жестов.

Футурист и компьютерщик Джон Андеркоффлер также был научным консультантом при создании фильмов Hulk, Aeon flux и Iron man, а ещё — телесериала Taken (фото Jemal Countess/WireImage.com).

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

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

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

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

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

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

Так в 1990-х в Массачусетском институте и появилась «Светящаяся комната» (Luminous Room). В ней Андеркоффлер не один год шлифовал принцип «воздушного управления графикой», и в ней как раз члены команды Спилберга проводили целые дни напролёт, чтобы потом наиболее правдоподобно показать в фильме компьютерный интерфейс «далёкого будущего».

Джон Андеркоффлер, кстати, стал научным консультантом «Особого мнения». Ему в том числе мы обязаны продуманностью «реалий 2054 года».

Luminous Room «накачала мускулы», обрела более продвинутый «интеллект» и превратилась в среду G-Speak. Для её дальнейшего развития и продвижения на рынок недавно была создана компания Oblong Industries (Андеркоффлер стал в ней ведущим учёным и одним из учредителей).

Ещё один интересный ролик от создателей G-Speak

luminous room demos from john underkoffler on Vimeo.

По материалам membrana.ru