следующие 20|предыдущие 20

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

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

Раздел:

Видео

0

Эвристики Нильсена для чайников

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

А в статье Терезы Нил — соавтора книги «Проектирование веб-интерфейсов» — приведены примеры по каждой из эвристик из реальных интерфейсов.

English 6 Tips for a Great Flex UX: Part 5. Review Usability Best Practices

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

0

Концептуальный WYSIWYG-принтер с сенсорным дисплеем

Компания Artefact решила применить принцип «Что видишь, то и получаешь» (WYSIWYG) в дизайне принтеров и представила концепт See what you print (SWYP).

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

English SWYP: See What You Print

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

0

Windows 8 — интерфейсные новинки в недавно выпущенной dev-версии

Microsoft опубликовал дистрибутив новой операционной системы Windows 8 для разработчиков. Ее уже можно бесплатно скачать и установить, но не забывайте, что это пока еще тестовая версия. Параллельно с этим были продемонстрированы планшеты Samsung, на которых будет устанавливаться эта система.

В первую очередь, бросается в глаза внимание, уделяемое рынку планшетов. Как Microsoft, так и Apple стремятся к сближению взаимодействия традиционных PC и новых форм-факторов, в первую очередь, планшетных компьютеров. Многие обеспокоены тем, что Microsoft перестарается с приспособлением к планшетам, и система будет мало пригодна для работы на обычных компьютерах. Однако авторы обзора от Engadget скорее стараются развеять эти опасения.

Пока нам не удалось раздобыть совместимую [с планшетом от Samsung Series 7 — прим. Fresh] мышь, но мы потестировали клавиатуру Series 7, и, как и при первых тестах этого устройства, она отлично справлялась с задачей.

Что же есть в Windows 8 такого, чего нет у конкурентов? Он обладает широкими возможностями персонализации. Например, можно настроить экран, отображаемый, когда устройство заблокировано, выведя на него, например, виджет с количеством непрочитанных писем. Также есть возможность вместо традиционного пароля установить пароль-картинку, на которой нужно нажать в определенном порядке в нужные места. Хотя с точки зрения жестов пока нам не показали ничего особенно нового, разве что возможность масштабировать стартовый экран, зато в Win 8 будут встроенные возможности рукописного ввода, который вполне сносно работает, по заверениям авторов из Engadget. Конечно, Microsoft и дальше развивает идею виджетов на рабочем столе: если в Windows Vista они были довольно неуклюжи, то в интерфейсе Aero, развитием которого стал Windows 8, они играют центральную роль на главном экране системы.

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

English Windows 8 for tablets hands-on preview
По-русски Windows 8 — версия для разработчиков (обсуждение на Хабрахабре)
Дополнение: По-русски Microsoft анонсировала Windows 8, Samsung показала «монстро-планшет». Нужно ли Apple бояться?

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

1

Складной автомобиль от MIT Media Labs

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

Engadget пишет о складном автомобиле, разработанном в MIT Media Labs, который был представлен на конференции Media Evolution в шведском Мальмё. Пока это прототип в масштабе 1:2, но уже через пару лет разработчики обещают запустить в серию автомобиль размером с уже привычный Smart. Но в отличие от него он обладает возможностью существенно укорачиваться при парковке. Кроме того, в нем реализована идея, от которой в свое время отказались, но сейчас она стала особенно актуальной и, похоже, снова завладевает умами: 4 управляемых колеса. Как машина складывается, видно в видеоролике.

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

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

English MIT’s folding CityCar takes a spin on video, still no room for humans
По-русски Раздвижной концепт-кар Peugeot PLUX

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

0

Фреш по пятницам: Мактини

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

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

0

Попади в заэкранье при помощи новинки от исследователей MIT

Очередная новинка от MIT — 3D манипулятор, который представляет собой «складную указку» для взаимодействия с виртуальными объектами как в естественной среде. Пользователь буквально проваливается по другую сторону экрана. Благодаря этому манипулятору и ряду жестов можно напрямую взаимодействовать с 3D Media: пользователи могут выбирать, рисовать, выстраивать фигуры в виртуальном 3D пространстве. При этом не требуются никакие специальные очки.

English MIT Team Researches a Way to Go Beyond the Screen

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

0

Компьютер на коже и физиологические датчики нового поколения

Ученым удалось разработать технологию производства сверхтонких электронных чипов, которые наклеиваются на кожу подобно детским переводным картинкам, и позволяют использовать их, например, как физиологические датчики или сенсоры для системы motion capture.

Группа исследователей из США, Сингапура и Китая совместно разработала «электронную кожу». Информация об их разработке была опубликована в журнале Science. Основное отличие технологии от предшественников состоит в том, что получаемые чипы очень гибкие и пластичные и могут спокойно оставаться на коже при активных движениях человека.

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

English Thin, Flexible Circuit Sticks to Skin Like a Temporary Tattoo
English ‘Electronic Skin’ Grafts Gadgets to Body

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

0

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

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

По-русски Покупки будущего: виртуальные примерочные и кассир в айфоне

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

0

Проблемы при проектировании ПИ MS Dynamics AX 2012 (видео)

Сложность построения ERP систем состоит в том, что, по сути, такие системы являются конструкторами, и при проектировании их интерфейса в голове приходится держать огромное количество сценариев использования. Необходимо каким-то образом находить баланс между функциональностью и простотой. Тем интереснее ролик про Microsoft Dynamics AX 2012, который компания Microsoft опубликовала совсем недавно.

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

1

Такой простой 3D-мир с KinectFusion

Контроллер Microsoft Kinect оказался на какое-то время незаслуженно забытым своими создателями, зато он получил огромную популярность у народных «умельцев», которые наделали немало приложений на его основе. И вот, наконец, исследователи из Microsoft Research представили программу KinectFusion, которая оставляет далеко позади все народные поделки.

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

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

 

По-русски Kinect научили делать отличные 3D-модели

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

0

Каким бы он был, интерфейс Chrome OS для планшетов?

Как бы выглядел интерфейс Chrome OS для планшетов? Ответ на этот вопрос визуализировал веб-разработчик Франсуа Бофор (François Beaufort). Он скомпилировал Chromium OS с функциями, оптимизированными для сенсорных экранов.

Учитывая то, что у корпорации Google есть своя ОС для планшетов (Android), не стоит рассматривать Chrome OS как потенциального нового игрока на рынке ПО для сенсорных устройств. Возможно, появление функций, оптимизированных под сенсорные экраны, связано с новой версией браузера Chrome для Windows 8, которая предназначена и для планшетов.

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

0

Видеоперсонажи

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

В статье рассказано о том, как создать ролик о персонажах и на какие грабли вставали Elastic Path в этом процессе.

English Video Personas – A New Approach

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

4

Adobe Edge: визуальный редактор JS-анимации

Понимая тяжесть ситуации в конкуренции Flash с современными веб-стандартами, Adobe решила сама создать продукт для работы с ними. Новая программа Adobe Edge позволяет создавать анимированные объекты в визуальном редакторе, аналогичном Flash. Эти объекты описываются JSON и экспортируются в стандартных файлах HTML, CSS и JavaScript. Edge позволяет легко и быстро встраивать анимированные объекты в существующие веб-страницы, что может быть хорошим подспорьем в быстром прототипировании богатых динамическими эффектами приложений.

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

English Страница Edge на сайте Adobe
По-русски Adobe Edge: редактор анимации HTML5/JavaScript (обсуждение на Хабрахабре)
По-русски Предварительная версия Adobe Edge для работы с HTML5 доступна бесплатно (новость на 3DNews)
English EDGE: A new HTML5 offering from Adobe (заметка в Webdesigner depot)

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

0

Навигационная поддержка — нервная система города

Агентства Nordkapp и Urbanscale предложили концепцию системы навигации по Хельсинки, которая объединяет информационные материалы для жителей и гостей города в единую систему, выстроенную вокруг «умных» сенсорных табло. Несколько интересных сценариев, в которых современные технологии позволяют существенно упростить жизнь горожанам, представлены в видеоролике.

English Introducing Urbanflow

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

0

Сочиняем музыку движениями лица и тела

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

Джонатан Хэммонд показал пример музыкального интерфейса на базе контроллера Kinect, распознающего движения тела.

Кайл Макдональд создал FaceOSC — инструмент для создания технических прототипов приложений, управляемых движениями лица. За основу он взял FaceTracker — API с открытым кодом, позволяющий опознавать на картинке с веб-камеры лицо и определять мимику и движения отдельных частей лица. FaceOSC можно использовать для любых программ, но в качестве демонстрации Макдональд привязал свой интерфейс к музыкальным программам: ниже представлен ролик с программой OSCulator, а по ссылке есть еще одно видео, где используется популярная программа Ableton Live.

English FaceOSC JAM2 and Ableton

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

0

Персонифицированный почтовый клиент

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

English Официальная страница проекта

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

9

Концепция нового телефона на электронных чернилах

Rimino — дипломный проект студента шведского института дизайна в Умео, выполненный при поддержке Microsoft. Rimino пересматривает концепцию современного телефона. Это творение ставит во главу угла естественные, а не навязанные технологией потребности человека. Цель проекта — изучить, как операционная система мобильных устройств может отвечать задачам, решаемым людьми на ходу. Проект не стремится детально проработать такую ОС, здесь скорее идет речь о составлении общей картины взаимодействия человека с мобильным телефоном, определении основных черт такого «естественного» взаимодействия.

Участники проекта выделяют базовые виды деятельности: поиск, медиа, общение, ориентирование в пространстве. На них строится концепция нового интерфейса. Для своего телефона создатели намерены использовать дисплеи eInk, а их пользовательские интерфейсы были явно вдохновлены плакатным дизайном.

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

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

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

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

1

Перекомпоновка страницы сайта по-человечески

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

Сама компания Innocent не участвовала в проекте Майка и даже не знала о нем. При принятии дизайнерских решений Майк опирался только на свое восприятие бренда и продукта. Четырехминутное видео иллюстрирует выполненную Майком работу шаг за шагом.

English Realigning Innocent drinks (пост в блоге Майка Куса)

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

0

Путешествие по сказочной стране с Тойотой

Волшебная страна

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

English Toyota opens Window to the World

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

0

Фреш по пятницам: баг на твоем тачскрине!

Вы наверняка знаете о «багах» не понаслышке, а знаете ли вы почему именно так назвали ошибки ПО? С англ. bug — букашка, однако жаргонное значение слова у технарей — ошибка, глюк. Говорят, дело в том, что старая техника и электроника часто страдала от насекомых, уютно расположившихся в ее внутренностях. Еще Томас Эдисон в далеком 1878 году использовал слово «баг».

Смотрите наглядную демонстрацию этимологии слова в видео «Bug on Touchscreen», где вы увидите, как обычная муха отлично управляется с редактированием текста при помощи сенсорного дисплея.

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