Рубрика «интерфейсы» - 172

Microsoft работает над дешёвой системой распознавания жестов

Исследовательское подразделение Microsoft Research в сотрудничестве с университетом Вашингтона анонсировала свою разработку SoundWave системы распознавания жестов пользователя, функциональность которой в некоторой степени подобна известному контроллеру Kinect, однако же способна обойтись одними только динамиками и микрофоном ноутбука или десктопа.

Суть разработки заключается в следующем: специальное программное обеспечение генерирует звук частотой 20-22 КГц, а микрофон, в свою очередь, анализирует параметры звуковой волны, на основе изменения которых и принимается решение о поведении пользователя перед экраном. Так, например, тот факт, что частота звука не изменилась, означает, что пользователь, по всей видимости, спокойно сидит за компьютером; если же пользователь совершает некий характерный жест, то частота звука увеличивается, и система реагирует определённым образом.

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

Обзор функциональности веб интерфейсов электронной почты

Давным-давно срочные сообщения переносили голуби. Жизнь их была, как правило, коротка и опасна. Хищные птицы, сложные погодные условия и низколетящие НЛО сильно уменьшали шансы на успешную доставку маленького письма. В общем, нелегкая жизнь была у птичек. К вящей пользе птичек в XIX столетии их работу стал выполнять телеграф, а в конце XXго зарождающаяся электронная почта.

В XXI столетии вместо милых птичек почту разносят тысячи серверов. И путь, который краткая записка могла преодолевать месяцами, теперь занимает не более нескольких минут.
Электронная почта прочно заняла место в нашей жизни. На её популярность не слишком повлияло повсеместное распространение социальных сетей, чатов и прочих систем мгновенных сообщений. Почта была и остается основным рабочим инструментом, позволяющим обмениваться информацией с коллегами, передавать данные, ну и применять его и в личной жизни половины населения интернета. Как и в других отраслях IT почта все больше и больше уходит в облака, несколько видоизменяясь и трансформируясь. В данной статье я бы хотел поподробнее остановиться именно на подходе работы с корреспонденцией через веб-интерфейс в различных почтовых сервисах*.
Читать полностью »

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

image

Readability for iPhone

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

В комментах к моему предыдущему топику про удобное перемещение курсора, дали ссылку на новую идею ввода текста от BlackBerry.

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

Оригинальное решение для ускорения ввода текста от BlackBerry

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

В живую интерфейс можно посмотреть на видео:

Читать полностью »

2012 год, сайт css-tricks.com:

Web must die
versus:

1992 год, стандартный элемент интерфейса OS/2:

Web must die

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

Современная web-технология, основанная на CSS/HTML (включая даже HTML5/CSS3) – это апофеоз бессистемности в архитектуре и фрагментации. Бессистемность в начальном дизайне и последующее наложение на нее фрагментации из-за несовместимых реализаций в браузерах породили каскады хаков для латания дыр. Эти хаки (типа CSS 2.x) сами по себе уже более системные, но их разработчики связаны тем полем (HTML/CSS 1.x), на котором приходится играть. Поэтому новые версии CSS мало что решают, к тому же не полностью поддержаны в реальных браузерах.

Открыв любой серьезный CSS-файл, например, написанный в Google или FB, увидишь в нем отрицательные границы элементов, relative позиционирование через сдвиги в пикселах, огромные длины, усекаемые затем с помощью overflow: none, использование свойства content и прочие извращения. Это семантически бессмысленные и нечитаемые другими программистами конструкции. Но без подобных вещей невозможно сверстать современный веб-два-нольный сайт. Или, например, ни в одной спецификации CSS не написано, что картинка из тега <IMG>, идущая вслед за <OL> с маркером-изображением, может вклиниться визуально между маркером и текстом пунктов списка (в некоторых браузерах и при некоторых вариантах верстки).Читать полностью »

Краткая инструкция iPhone / iPad для чайниковИтак, о чем и для кого эта статья? Дабы не быть забросанным дискетами, видеокассетами и прочими отходами жизнедеятельности — хочу сразу внести ясность: эта статья не столько для читателей Хабра, сколько для их близких.

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

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

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

Хоть и хотел я покороче, но нюансов много — так что текст все равно получился объемным… Чтобы было не очень скучно, буду по возможности развлекать вас картинками.

Итак, поехали!
Читать полностью »

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

В принципе, разработчики iOS / Android постарались упростить этот процесс… Но то, что предлагает автор видео — еще проще!

Автор предлагает использовать зону клавиатуры как тачпад для управления курсором. Ведешь пальцем влево по клавиатуре — и курсор двигается влево.

Не знаю, как вам — а мне лично понравилось. Отличное и изящное решение. Есть только один минус — неинтуитивное оно. А в частности Apple такого не любит…

Читать полностью »

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

Stephen Woods, фронтэнд-инженер в Flickr, объясняет, как создать простой лайтбокс с поддержкой жестов и дает советы для улучшения восприятия и производительности сенсорных интерфейсов.

Создание лайтбокса для сенсорного интерфейса на HTML5

Необходимые знания: средний уровень CSS, средний-продвинутый уровень JavaScript
Требования: Android или IOS устройство
Временные затраты: 2-3 часа
Скачать исходники
Просмотр демонстрации
Читать полностью »

Интересные тенденции в пользовательских интерфейсах

Тенденции — это хорошо или плохо?

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

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js