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

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

Проектирование и дизайн пользовательских интерфейсов, юзабилити

Раздел:

Гаджеты

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
3

В самом сердце ритма: уроки музыкальной революции

Когда редакция фреша впервые увидела Microsoft Blend, то сразу вспомнила, что где-то уже видела продукт с очень похожим интерфейсом: он был такой же плоский (2D), состоящий из областей, которые легко меняют свои относительные размеры. Ну конечно же, это Ableton Live! На самом деле, музыкальные интерфейсы находятся в авангарде пользовательских интерфейсов, и даже разработчики инструментов для программирования с трудом за ними поспевают.

Дейв Кронин из компании Cooper опубликовал «режиссерскую» (расширенную) версию своей статьи из журнала Interactions. В ней Дейв рассказывает об эволюции пользовательских интерфейсов компьютерных музыкальных инструментов и дает большое количество отличных примеров современных инструментов.

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

English Into the groove: Lessons from the desktop music revolution

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
2

Родимое пятно — новый интерфейсный элемент от Microsoft

Microsoft анонсировала мобильные телефоны для детей и молодежи под общим названием «Kin». Это еще не смартфоны, так как вся функциональность жестко определена, но и не обычные мобильники. Эти аппараты можно назвать «социофонами», так как приспособлены для общения посредством социальных сетей.

Эти аппараты интересны интерфейсным элементом под названием «Kin Spot» — небольшим круглым пятном в нижней части экрана, внутрь которого можно переносить любые виды контента: будь то фото, музыка или тексты. В любой момент времени все содержимое этого контейнера можно переслать электронной почтой или опубликовать в любой социальной сети, которую поддерживает телефон.

Видеоролик наглядно демонстрирует как это работает.

English Оригинальный сайт проекта
English Статья в журнале Wired
По-русски Статья на Хабрхабре

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
3

iPad + 2 iPhone: настольная игра за $3000

Приложение Scrabble превращает iPad и несколько iPhone’ов в единую игровую систему. Scrabble — одна из тех игр, которые ведутся «в закрытую»: противники не должны видеть, какие буквы у вас на руках. Логичное решение — использовать iPhone’ы как индивидуальную игровую область, а iPad, как общую. Наверняка подобное решение будет использовано и в более продвинутых играх вроде RPG.

English Scrabble for the iPad: stir in some iPhones and it’s the best $1,000 you ever spent on a board game

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.67 (3)
Загрузка ... Загрузка ...
2

iPad и аккордеон

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

Но речь пойдет не об этом, а том, что в вводной части выступления Стив Джобс рассказал об интересных приложениях для iPad. И среди них было приложение «Аккордеон» проектировщика взаимодействия Александра Комарова и дизайнера Сергея Рачка.

Интересный момент: мы с Сережей Рачок сами не до конца верили что на аккордеоне для айпада можно будет играть. Сделали его просто потому, что идея нам показалась веселой. Но когда я его тестировал, я поймал себя на мысли что я отношусь к нему именно как к музыкальному инструменту. Может быть дело в форм факторе, может быть в мультитаче, может быть во встроенном динамике, который заставляет айпад вибрировать когда на нем играешь, как буд-то это настоящий инструмент, а может быть в очень реалистичной Сережиной графике.

Мы поздравляем ребят за храбрость и желаем, чтобы как можно больше российских разработчиков делало приложения с таким замечательным опытом взаимодействия (user experience).

Кстати, можно полюбоваться промо-видео:

По-русски Сообщение от Саши на Хабре
English Аккордеон для Айпада
English Аккордеон для Айфона (и айпода тач)
English Сайт Александра Комарова

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
6

iPad — первый казуальный компьютер

Алексей Копылов — один из редакторов фреша опубликовал заметку о том, что значит iPad для всей компьютерной индустрии.

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

По-русски iPad — первый казуальный компьютер

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
3

Хорошего ноутбука должно быть много

Дизайнер Ян Йончан предложил концепцию ноутбука с раскладной полноразмерной клавиатурой. Это явно отражает ту тенденцию, что все большая часть пользователей отказываются от desktop-компьютеров в пользу ноутбуков даже при работе в стационарных условиях. Однако при этом многие предпочитают подключать стационарные клавиатуры.

Концептуальный ноутбук с раскладной клавиатурой

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

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

Шуточное изображение ноутбука с раскладным экраном и раскладной клавиатурой

По-русски Ноутбук с раскладной клавиатурой
По-русски Двойной экран, Ноутбуки!?

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
4

Facebook сделает QR-коды мейнстримом?

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

Однако TechCrunch пишет о том, что у них есть информация о планах Facebook использовать QR-коды для глобального позиционирования пользователей. Интерес к технологии также проявляют Google и Microsoft. Возможно, ее внедрение в сервисы таких гигантов заставит массового пользователь установить на свои телефоны приложения, распознающие QR-коды, а у того же Google есть рычаги для того, чтобы внедрить соответствующее ПО непосредственно в операционную систему.

Facebook планирует предлагать QR-коды владельцам разнообразных заведений. Пользователи смогут фотографировать коды и таким образом отмечать у себя на стене тот факт, что они находятся в данном заведении. TechCrunch считает подобные сервисы обмена информацией о месте пребывания одной из основных современных тенденций в развитии социальных сетей.

English Those Facebook QR Codes Are Part Of Their Location Plans

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
7

Как толстыми пальцами набирать текст в Android телефонах

Слабое место сенсорных экранов — набор текста. Особенно сложно набирать текст пользователям, у которых толстые пальцы. Украинские разработчики нашли остроумный выход — если предугадывать наиболее вероятные буквы в слове, то можно увеличивать кнопки c этими буквами. На эту идею они получили патент США.

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

Дмитрий Лисицкий и Андрей Павлив создали программу для платформы Android и предлагают бесплатно ее скачать. Интересно будет узнать о впечатлениях реальных пользователей этой программы.

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

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
6

Книги в эпоху iPad

Крейг Мод (Craig Mod) недавно опубликовал очень интересную статью, где он размышляет о природе содержания книг — какие книги можно легко перенести на электронные книгочиталки (book reader), а с какими будут сложности.

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

Давайте рассмотрим два типа содержания:

  • Содержание без определенной формы (бесформенный контент)
  • Содержание определенной формы (оформленный контент)

Бесформенный контент можно переформатировать в любой формат без потери смысла. Такого рода контент отделен от верстки. Художественная литература и нон-фикшн, в основном, относятся к такого рода контенту.

Бесформенный контент книги

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

Оформленный контент книги

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

Статья собрала огромное количество комментариев, которые также представляют немалый интерес.

English Books in the age of the iPad

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (4)
Загрузка ... Загрузка ...
8

Фреш по пятницам: Чем еще нас удивит Apple

Что нас ждет еще после iPhone и iPad? Вот версия французского сайта BeGeek.

English What Comes After the iPad?

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
14

Нокиа спросила у пользователей, какой смартфон им нужен

Скриншот Nokia Design by Community

Нокиа запустила сайт Design by Community. Каждую неделю на нем будет задваться новый набор вопросов о том, каким мы хотели бы видеть смартфон будущего.

Nokia каждую неделю будет спрашивать совета о новых аспектах устройства – например, сегодня это размер, пропорции и тип экрана, клавиатуры, а также наличие или отсутствие дополнительных кнопок. С 22 марта можно будет высказать свое мнение о размерах и фрме устройства, а с 29 марта – о материалах, из которых его нужно изготавливать. Затем предстоят голосования по операционной системе, доступных функциях подключения, камере, и дополнительных аксессуарах.

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

English Design by Community
По-русски Nokia попросила пользователей придумать «смартфон будущего» (Вести.Ru)
По-русски Nokia запустила проект «Дизайн — сообществом» (Сотовик)
English Welcome to Design by Community! (Официальный анонс от Нокиа)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (4)
Загрузка ... Загрузка ...
4

Руководство по проектированию интерфейса Windows Phone 7

Компания Microsoft выпустила руководство по проектированию пользовательского интерфейса своей чрезвычайно интересной и перспективной операционной системы для смартфонов (полное название «Windows Phone 7 Series»).

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

English UI Design and Interaction Guide for Windows Phone 7 Series (PDF, 2 Мб)
English Все новости Microsoft о Windows 7 Phone 7 Series

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
5

Редизайн iPhone-приложения Qiwi

Владимир Попов (пользователь Хабрахабра fearout) разместил на сервисе заметку о редизайне iPhone приложения Qiwi, который он сделал, по его словам, на общественных основах, «для тренировки».

Платеж проведен успешно    Непрошедший платеж

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

Карта размещения терминалов

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

В комментариях один из пользователей показывает еще один вариант редизайна того же приложения.

По-русски Интерфейс программы Киви для Айфона

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (1)
Загрузка ... Загрузка ...
3

Skinput: стань человеком-интерфейсом

Крис Харрисон из университета Карнеги-Меллона, а также Десни Тан и Дэн Моррис из Microsoft Research разрабатывают систему, которая позволяет использовать в качестве сенсорного экрана вашу собственную кожу. Интересно, что это не просто концепция, а уже достаточно хорошо отработанная на лабораторных образцах технология, которую авторы представят на конференции CHI 2010.

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

Разработчики Skinput также рассматривают в качестве импровизированных устройств ввода поверхности стен, столов и другие объекты. Все это позволит уменьшить размеры самих устройств до минимума, избавив их от экранов и клавиш.

English Skinput: Appropriating the Body as an Input Surface (сайт проекта)
По-русски Skinput — преврати свое тело в тачскрин

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
1

Sketch-it: распознавание нарисованных от руки схем

Том Оуян и Рэндалл Дэвис из лаборатории по компьютерным наукам и искусственному интеллекту (CSAIL) Массачуссетского технологического института разрабатывают программу, распознающую нарисованные от руки чертежы и схемы. Изначально система разрабатывалась для использования исследователями-химиками в сотрудничестве с компанией Pfizer. Однако по тем же принципам можно построить программу, которая позволит рисовать электротехнические схемы или, чем черт не шутит, наброски интерфейсов.

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

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

English Sketch-interpreting software

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
3

Концепция ОС Microsoft Locus

Австралийский дизайнер Бартон Смит в рамках одного из конкурсов для дизайнеров интерфейсов подготовил видеоролик, демонстрирующий концепцию «геозависимой» (location-aware) операционной системы Locus OS.

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

English Location-based operating system concept: «Locus OS»

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.25 (4)
Загрузка ... Загрузка ...
1

Формы ввода в мобильных устройствах

Ввод составных данных на iPhone

С появлением новых поколений смартфонов и, в первую очередь, мультитач-устройств под управление iPhone OS и Android, возникло множество новых идиом взаимодействия, связанных с заполнением форм.

Люк Вроблевский описал все эти нововведения в рамках одной статьи. Среди них:

  • автоматическое масштабирование к активному элементу ввода;
  • изменение клавиатуры в зависимости от формата вводимых данных;
  • отображение текущей вводимой буквы при максировке паролей;
  • нетипичный вид раскрывающихся списков;
  • интересная реализация ввода «составных» данных
  • голосовой ввод

English Web Form Innovations on Mobile Devices

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
2

Windows Phone 7

Итак, вчера на мероприятии Mobile World Congress компания Microsoft анонсировала новую операционную систему для смартфонов. Mcrosoft решила все начать с нового листа — да так, что старые приложения теперь работать не будут. Это дает возможность компании двигаться вперед без оглядки на прошлое.

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

По нашему мнению у Microsoft есть все шансы занять заметное место на рынке и подвинуть как Apple iPhone, так и Google со своей мобильной платформой Android.

Презентация операционной системы на Mobile World Congress 2010

Обзор функций телефона

Альберт Шум (Albert Shum), руководитель отдела Mobile Experience Design при компании Microsoft о том, какие идеи стояли за разработкой операционной системы

English Официальный сайт Windows Phone 7 Series
English Все официальные новости о Windows Phone 7

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4 (1)
Загрузка ... Загрузка ...
2

Удивительные датчики: найди потерянную вещь или место на стоянке

Датчик для регистрации свободных парковочных мест

Разработки в области микродатчиков и так называемой «повсеместной» вычислительной техники (ubiquitous computing) могут существенно облегчить нашу жизнь.

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

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

English Finding a Parking Space Could Soon Get Easier
English Students find ‘lost’ office gear with tiny sensors

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3 (1)
Загрузка ... Загрузка ...
3

iPad: фичи, гайдлайны и стенсилы

iPad Планшет iPad, как и любой другой новый гаджет от Apple, вызвал огромную волну обсуждений. В том числе и среди проектировщиков интерфейсов.

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

В свою очередь, Девин Колдевей — один из авторов TechCrunch и CrunchGear — написал для UXMagazine статью с подробной критикой устройства и высказал свои мысли о том, каким должен быть идеальный планшет.

Для проектирования и дизайна iPad-интерфейсов появились уже не только гайдлайны, но и первые стенсилы: правда, пока только для Photoshop.

Одновременно свой мини-компьютер Slate PC разрабатывают Microsoft совместно с HP: он отличается от iPad тем, что управляется полноценной ОС Windows 7. Разумеется, это дает некоторые преимущества, но и приводит к существенным неудобствам в сравнении с системой, изначально заточенной под мобильные устройства.

English Design-centric Thoughts on Apple’s iPad
English New Multi-touch Interactions on the Apple iPad
English Are iPad’s Limitations Design Decisions?
English iPad User Experience Guidelines
English iPad Apps: Physicality and Heightened Realism
English Toward a better tablet OS, part 1
English Toward a better tablet OS, part 2
English iPad GUI PSD
По-русски CES 2010: Microsoft и HP готовят планшет Slate PC

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious