войти зарегистрироваться

ИнтерфейсыУсовершенствование взаимодействия с маленькими контролами посредством touch-интерфейса

Читая обычный сайт с телефона или планшетного компьютера с touch-интерфейсом я постоянно промахиваюсь мимо нужных ссылок и мелких контролов.

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

На месте разработчиков мобильных интерфейсов я бы сделал следующим образом.

image

В основе решения лежат некоторые реализации экранных клавиатур и quad-menu, которые присутствуют во многих редакторах трехмерной графики.

Всех с наступающим!

FirefoxFirefox 6 станет поддерживать ряд свойств из черновика модуля CSS3 Text

Как известно, Firefox 5 вышел 21 июня, а между отдельными выпусками ожидается шестинедельный промежуток, так что до появления Firefox 6 остаётся чуть больше недели. Ужé доступна его бета-версия, ужé обретает более или менее окончательный вид страница «Firefox 6 for developers» в вики MDN, содержащая перечень новых возможностей будущей новой версии Файерфокса.

Этих возможностей не так мало: обновлена и вдругорядь включена поддержка WebSockets, появилась поддержка элемента <progress>, отслеживаются события тыка пальцем и даже многотыка (multitouch), и так далее. Однако такого рода нововведения для их широкого использования всё же потребуют некоторой кросс-платформенности, так что меня вместо них более всего порадовали новинки CSS, которые носят скорее декоративный характер и смысл — так что, даже если и не заработают, то не страшно.

Речь идёт об экспериментальном (с префиксом «-moz-») внедрении четырёх свойств из черновика «CSS Text Level 3», и это свойства -moz-text-decoration-color, -moz-text-decoration-line, -moz-text-decoration-style и -moz-hyphens.

Предлагаю внимательно рассмотреть каждое из них, вглядеться в приносимые ими возможности и перспективы.

AndroidМечта любителя типографики сбывается: пополняем клавиатуру мобильника (снабжённого Android) русскими кавычками, тире, символами параграфа и приближённого равенства, буквами Имперской Речи

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

Под Windows и под Mac подспорьем поклонника типографики является раскладка Бирмана или другие аналогичные ей средства, а пользователи Linux используют несколько более сложные ([1], [2]), но всё же действенные изыски. И только под Android мне никак не удавалось (вплоть до сегодняшнего дня) достигнуть желаемого. Это было настоящим кошмаром, особенно когда в конце мая 2011 года кишечная инфекция привела меня на больничную койку в изоляторе, где ноутбуки были запрещены правилами внутреннего распорядка. Целую неделю пришлось валяться в обнимку с HTC Desire, купленным в прошлом году, и мучительно страдать от необходимости долгое время обходиться вообще без типографики, и даже после выздоровления не иметь возможности исправить её там, где реплики не поддаются исправлению (комментарии на Хабрахабре и в LiveJournal, микроблог в Твиттере, ответы на Формспринге…).

Тогда мне ещё казалось, что тупик безвыходен, совершенно безвыходен. Стандартная клавиатура HTC Sense не имеет редактируемой раскладки нестандартных символов, а её собственный набор их — далёк от желаемого. Множество других клавиатур, имеющихся в Android Market, также не содержат клавиши неразрывного пробела, не содержат достойных, полноценных кавычек. А некоторые плоды труда Юго-Восточной Азии даже и частью русских букв жертвуют — например, ознакомившись с одним из обзоров kedDroid, вы узнаете, что раскладка Go Keyboard не содержит твёрдого знака и буквы «ё» (и только XHunter мне подсказывает, что они есть там, доступные по длинному нажатию — просто не нарисованы с той же явственностью, с какой изображены цифры в верхнем ряду):

[скриншот]

Как ни странно, азиатом же оказался и тот, кто помог мне найти выход из этого тупика. То был Jon Quach с бодрым видеообзором программы Smart Keyboard:

Смартфоны и коммуникаторыКонцепт идеальной клавиатуры для multi-touch

Купил я себе мобильный с Андроидом. Он мне понравился. Не понравилась мне устройство его клавиатуры. Причем во всех вариантах — каждый имеет свои недостатки. Разберем их:
 
 
 

 
С этим все понятно — стоит чуть передержать нажатие или лишний раз нажать — буква изменится.
 
 
 

Блог компании AR DoorЭксперимент с Augmented Reality, multitouch и очками Vuzix

Продолжаем проводить эксперименты с дополненной реальностью у нас в офисе. На этот раз мы решили совместить Multitouch, D’Fusion и очки Vuzix.



Разработка под AndroidВзаимодействие с сенсорным экраном из песочницы

Занимаясь программированием под Android необходимо знать, как взаимодействовать с сенсорным экраном — главным устройством ввода на большинстве Android устройств. В этой статье будет рассмотрено:
  • Низкоуровневое взаимодействие с тачскрином, нужное прежде всего для разработки игр.
    • Класс MotionEvent
    • Обработка MotionEvent'ов
  • Работа с MultiTouch.
  • Некоторые высокоуровневые методы обработки прикосновений.
Также будут приведены различные примеры…

TwitterMultiTouch Twitter Wall

MultiTouch Ltd., разработчик первого в мире модульного Multi-Touch LCD для крупномасштабных дисплеев, вчера (13.12.2010) объявила о выпуске первой крупномасштабной мультитач отрасли, многопользовательского настенного приложения Twitter. MultiTouch Twitter Wall состоит по крайней мере из шести ячеек MultiTouch 46-дюймовых дисплеев (3 в ширину, 2 в высоту), которая наглядно выводит на экран твиты из выбранных хэш-тегов и ключевых слов. Пользователи Twitter MultiTouch Wall могут открыть твиты, которые отображаются на вращающейся сфере, касаясь аватара и перемещая или изменяя размер твита на дисплее. MultiTouch Twitter Wall также позволяет работать со сферой изображений с Flickr, которая будет выведена на экран с помощью поиска по ключевым словом.

Гаджеты. Устройства для гиковПроект BendDesk — мультитач стол

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



BendDesk это среда для Multi-Touch столов, которая легко сочетает в себе вертикальные и горизонтальные поверхности с кривой в одну большую интерактивную рабочую область.
Сайт проекта.

FirefoxМобильный Firefox (он же Fennec) достигает версии «4.0 бета 2»

[карманных хвост Fennec]Для скачивания новая версия доступна там же, где была предыдущая бета.

Отдельно доступны версия для Maemo, которая поддерживает Nokia N900, и версия для Android, которая поддерживает HTC Desire, HTC Droid Incredible, HTC EVO 4G, Google Nexus One, Motorola Droid 2, Motorola Droid X, Samsung I9000 Galaxy S (AT&T Captivate, Verizon Fascinate, T-Mobile Vibrant, Sprint Epic 4G) и ряд других устройств, часть которых требует специальной экспериментальной сборки браузера.

Для установки на Android понадобится ≈32MB свободного внутреннего хранилища да ≈12MB на SD-карточке. (Пользователи предыдущей бета-версии могут высвободить необходимое пространство, просто удалив её из системы.)

Вторая бета-версия по сравнению с первою обладает многими достоинствами:
  • Размер установленной программы на Android сократился на 60%.
  • Скорость исполнения джаваскриптов на 25% превосходит имеющийся браузер (stock browser) в тестах SunSpider.
  • Загрузка страниц ускорилась на ≈40% по сравнению с первой бетой.
  • Уменьшилось потребление энергии батареи.
  • Исправлен баг, из-за которого при запуске показывался пустой экран.
  • Сокращён объём используемой памяти.
  • Улучшилось распределение букв в тексте (text spacing).
  • Эта бета переведена на 10 языков мира.
  • Новая тема оформления (белая вместо чёрной).
  • Появилась возможность отмены закрытия вкладки.
  • При расшаривании гиперссылки используется встроенная в Android система расшаривания.
  • Поддерживаются системные уведомления.
  • Управление видео уютнее подстроено под управление пальцем.
  • Падение страницы больше не приведёт к падению браузера.
  • Если браузер всё же упадёт, пользователю предлагается отправить отчёт о том.
  • Встроенные инструменты бета-тестера (возможность вырубить проверку совместимости дополнений, отдельная консоль ошибок).
  • Многотык (для увеличения и уменьшения страниц) действует быстрее и аккуратнее.
  • Теперь в Android работает определение координат.

ЖелезоHyundai IT представила 70-дюймовый трансформируемый стол с сенсорным дисплеем

image
В мае 2007 года Microsoft представила миру необычный «журнальный столик». С предметами мебели его роднила только форма. Новинка, названная Microsoft Surface, являла собой интерактивный multitouch-стол.
Было бы непростительным преувеличением сказать, что Microsoft Surface просто дорогой 30-дюймовый мультисенсорный стол, возможности которого не отличаются от возможностей продающихся сейчас мультитач-нетбуков, ноутбуков и панелей.

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