Многие UI/UX дизайнеры знакомы с NUI (Natural user interface). Многие просто видели reacTable, музыкальный инструмент. Строго говоря, reacTable не является идеальным примером устройства с интерфейсом NUI, потому что для его управления используются материальные предметы, но увидев его можно наглядно представить, какими интерфейсы будут в ближайшем будущем.
Мы не будем следовать точной терминологии, а просто помечтаем и подумаем какие способы взаимодействия NUI доступны нам уже сейчас. Но для начала немного истории, эволюции пользовательского интерфейса.Читать полностью »
Рубрика «интерфейсы» - 175
NUI и эволюция пользовательского интерфейса
2012-03-23 в 18:13, admin, рубрики: GUI, NUI, интерфейсы, метки: gui, NUI, интерфейсыУправление инвалидной коляской и ПК при помощи языка
2012-03-23 в 5:47, admin, рубрики: инвалидное кресло, инвалиды, интерфейс, интерфейсы, язык, метки: инвалидное кресло, инвалиды, интерфейс, языкНовость, в общем-то, давно не новость, а старость, тем не менее, на хабре о ней не упоминалось. А поскольку речь идет об концептуальной идее, вряд ли успевшей устареть за те две недели, что я собирался об этом написать, топик вполне имеет право на существование.
Но лирику в сторону. Технологический университет Атланты в США объявил о разработке системы The Tongue Drive System (от англ. — языковая система вождения). Новая система адресована людям с полным параличом конечностей, то есть тем, кто не может управлять инвалидной коляской даже при помощи рук. Предполагается, что разработка подарит таким инвалидам возможность передвижения, управляя коляской при помощи языка.
Создание Windows-подобного интерфейса при помощи jQuery UI. Часть 1
2012-03-22 в 16:12, admin, рубрики: html, jquery, jQuery UI, Веб-разработка, интерфейсы, метки: html, jquery, jQuery UI, интерфейсы Статья рассчитана на пользователей только начинающих работать с jQuery UI и желающих на практике познакомиться с этой библиотекой.
Под Windows-подобностью интерфейса предполагаются такие основные свойства как — наличие окон, возможность их перетаскивания, возможность изменения размера окон, их свертывания/развертывания и т.д. Вот что должно получиться в итоге.
Итак, имеем желание создать пример интерактивного пользовательского Windows-подобного интерфейса и возможности использовать для этой цели jQuery UI – тогда, добро пожаловать под кат.
Читать полностью »
Навигация по сайту: задачи и инструменты
2012-03-20 в 11:45, admin, рубрики: веб-дизайн, интерфейсы, навигация по сайту, Юзабилити в IT, юзабилити интерфейсов, метки: интерфейсы, навигация по сайту, юзабилити интерфейсов 
Важнейшей составляющей любого сайта является навигация. От того, насколько она продумана, удобна и понятна посетителю, сильно зависят вероятность отыскать нужное и желание вернуться. В статье будут перечислены основные навигационные задачи пользователя, и рассмотрены элементы, с помощью которых они решаются. На простых примерах попробую показать, каким из них стоит уделить больше внимания, а какие можно вовсе упразднить, в зависимости уже от ваших интересов и реализации.
Учебный курс «Интерфейсы для айфонов»
2012-03-19 в 8:31, admin, рубрики: iphone, интерфейсы, курс, мероприятие, Мероприятия, мобильные приложения, обучение, метки: iPhone, интерфейсы, курс, мероприятие, мобильные приложения, обучениеПриглашаю уважаемых на учебный курс по проектированию айфоновских интерфейсов: brainwashing.pro/interfaces-for-iphone
За четыре дня (включая один день самостоятельной работы) участники проработают по одному приложению от идеи до детального дизайна. Можно улучшить существующее приложение, разобрав и собрав его «по косточкам», или создать новое, которое давно крутится в голове, но до сих пор в статусе идеи из-за нехватки знаний или времени. С утра до позднего вечера мы будем обсуждать айфоновскую логику и оформление, полученные знания можно тут же применить на практике и обсудить промежуточные результаты с лекторами и коллегами. Последний день посвящён разбору и коллективному обсуждению готовых интерфейсов.
habrAllHub — переключалка между «Все блоги» и «Мои избранные блоги»
2012-03-19 в 5:44, admin, рубрики: ajax, greasemonkey, javascript, Scriptish, интерфейсы, юзерскрипт, метки: greasemonkey, Scriptish, юзерскрипт 
Реинкарнация кнопки «Читать все хабы» с возможностью вернуться к чтению избранных хабов (блогов); работает при авторизации; настройки выбора переносимы через JSON.
Эту кнопку «сломали» и пообещали, что «насовсем», разработчики сайта 14 марта 2012 года. Но свято место пусто не бывает, и появился её ослабленный клиентский «дух».
Скрипт сохраняет все ваши настройки блогов в одной большой JSON-строке, которая запоминается в хранилище браузера (не потеряется при сбое питания) и которая может быть вытащена для экспорта (кнопка «Импорт-экспорт») в другие браузеры и компьютеры (ею же можно воспользоваться, чтобы «посмотреть глазами других»). По кнопке-переключателю «Все/Свои» делается лёгкий выбор между всеми блогами или своими избранными. Фактически, это замена прежнему режиму «Читать все», убранному с сайта. Другие имеющиеся решения требуют чем-то пожертвовать: выбрать «всё» вручную (это означает — потерять свои избранные блоги), читать habrahabr.ru/posts/collective/ и habrahabr.ru/posts/collective/new/ (будут пропускаться блоги компаний) — обсуждение в QA.
Перейти на страницу скрипта. Сразу скачать скрипт habrAllHub.
Читать полностью »
156. Мобильные браузеры
2012-03-15 в 10:51, admin, рубрики: android, ipad, opera, Блог компании UsabilityLab, вебинар, Дмитрий Сатин, интерфейсы, мобильные браузеры, Тим Кук, метки: android, iPad, opera, вебинар, Дмитрий Сатин, мобильные браузеры, Тим Кук- Пост-PC эра Тима Кука? Это где? В Африке тоже?
- Браузер на Android стал самым популярным мобильным браузером
- Где Опера Мини сохраняет господство? И почему?
- Проблемы мобильного веба складываются из неудобств мобильных устройств, мобильных браузеров и самих сайтов.
- Как обучить невидимым интерфейсам?
- «Нормальные» люди не являются пользователями мобильных устройств?
Онлайн-симулятор для проверки и тестирования интерфейсов для людей с ограниченными возможностями
2012-03-15 в 9:21, admin, рубрики: интерфейсы, метки: интерфейсыОдной из проблем, с которой может столкнуться каждый человек, является старение, и связанные с этим возможности зрения, возможности различать мельчащие детали, видеть в сумерках и т.п. В тоже время нужно понимать, что каждое следующее поколение подходит к старости все более и более «компьютеризированным», привыкшим осуществлять многие действия с помощью персонального компьютера, планшетов, смартфонов и других устройств с различными интерфейсами ввода.
Поэтому в наши дни при разработке интерфейсов для устройств и информационных систем, разработчики просто не могут игнорировать такой сегмент аудитории — как люди с ограниченнымиЧитать полностью »
Изменения на Хабре глазами разработчика со стороны
2012-03-15 в 8:14, admin, рубрики: greasemonkey, HabrAjax, Веб-разработка, интерфейсы, хабр, метки: HabrAjax, интерфейсы, хабрВыкладываю обещанный небольшой обзор нововведений и небольших, на мой взгляд, недоделок (не багов), которые постарался исправить в пользовательнком скрипте.
1) Рассмотрение сайта под углом вёрстки и скриптов породило ряд замечаний и наблюдений, которые будут интересны всем — и разработчикам фронтенда, и остальным пользователям сайта.
2) Небольшое, чисто деловое сообщение: скрипт, подерживающий вёрстку и делающий различные улучшения интерфейсов на Хабре, HabrAjax, уже выложен на свой хостинг с исправлениями, учитывающими новую вёрстку. Подверглись обновлениям, конечно, и стили ZenComment.
Читать полностью »
Impressionist — Крупнейший UI пак за 4 дня
2012-03-14 в 12:07, admin, рубрики: uikit, web, веб-дизайн, дизайн, интерфейс, интерфейсы, компоненты, формы, я пиарюсь, метки: uikit, web, веб-дизайн, дизайн, интерфейс, компоненты, формы 
Мы сделали всеобъемлющий огромный User Interface пак, содержащий более 300 элементов для дизайна, прототепирования и всего, что придет на ум! Все элементы пака размещены на 5 страницах. В паке есть: Edit Boxes, Check Boxes, Tabs, Buttons, Notification windows, Menus, Готовые решения для панелей, окон, форм, графики, слайдеры, информационные блоки и многое другое. Все элементы выполнены в фотошопе шэйпами. Соответсвенно, каждый элемент можно уменьшать и увеличивать без потери качества. Их можно использовать при создании сайтов, мобильных интерфейсов, программного обеспечения, иллюстраций. Все зависит от твоей фантазии. Ты можешь компоновать и группировать элементы, менять их размеры и расставлять в соответствии со своим вкусом. Это огромное поле для творчества, где каждый дизайнер может использовать готовую форму при создании дизайна, применять к ней новые стили, менять форму. Разумеется, каждый дизайн имеет свое лицо, характеризующее дизайнера. В этот пакет мы вложили больше 50 стилей, которые можно использовать на любом элементе в дизайне. Ты можешь придать свою форму, цвет и стиль любому компоненту и сделать что-то уникальное и красивое.