предыдущие 20

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

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

Раздел:

Гаджеты

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

Треугольник, квадрат, крестик и круг: откуда они на джойстике PlayStation

Джойстик Sony PlayStation

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

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

English PlayStation Controller Button Labels Demystified

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

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

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

iPad — заповедник эмоционального дизайна

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

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

Недавно разработчики Flipboard внедрили новую функцию: возможность поделиться с другом обложкой, которая автоматически генерируется приложением.

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

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

English Flipboard captures something we lost along the way
English Flipboard, New «Social» iPad Magazine will be Powered by Semantic Data (Статья с более подробным описанием программы.)

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

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

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

Экранная клавиатура Windows Phone 7

Грядущая мобильная операционная система от Microsoft наверняка будет содержать интересные находки. Прямо сейчас можно посмотреть, как будет работать виртуальная клавиатура.

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

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

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

Что Вам ближе — Android или iPhone?

Допустим, вы решили приобрести себе новый смартфон, и думаете, что лучше взять — iPhone или девайс с ОС Android (потому что вам нравятся продукты от Google). С этой целью для начала вы почитали, например, в блоге Люка Вроблевского, что Android и операционная система в iPhone различаются по способу управления и дизайну интерфейса. А потом решили узнать у Люка, Android или iPhone пользуется большей популярностью у покупателей.

Если же эти исследования не помогли вам определиться, что же выбрать, тогда вы можете посмотреть рекламные ролики iPhone 4 и Motorola Droid (смартфон-лидер продаж с ОС Android).  Это поможет вам на интуитивном уровне понять, какой из подходов будет вам ближе: у Android и у iPhone.

Итак, как показывают эти ролики, конкурирующие девайсы нацелены на разную аудиторию.

English Android vs. iPhone: Current Ads

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

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

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

Далеко до мусорной корзины? Подзовите ее к себе

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

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

English Europe’s first mobile robotic bin-on-call
English Официальный сайт проекта

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

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

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

Чего не может iPhone 4, сможет HTC 1

Молодой студент-дизайнер Эндрю Ким обратил внимание на то, что основной проблемой линейки продуктов HTC является недостаток гармоничного сочетания дизайна программной и аппаратной части устройства.

Результатом его раздумий об этом явился концепт смартфона HTC 1. В своем блоге Эндрю рассказывает, как сначала придумал функционал, а потом построил вокруг него дизайн, снабдив телефон новыми интересными функциями.

Так, два динамика и возможность поставить гаджет делают HTC 1 отличный медиаплеером. А если вы с HTC 1 оказались в помещении, то телефон легко встроится в интерьер, превратившись в настольные часы.

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

English HTC 1. Another personal project

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

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

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

Nokia — неваляшка

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

Дизайнер Джереми Иннес-Хопкинс предложил, как мобильный телефон может иначе отреагировать на звонок: когда на Nokia Kinetic поступит вызов, телефон принимет вертикальное положение. Не хотите отвечать на звонок? Просто оттолкните телефон, и он снова будет спокойно лежать на столе. Как это происходит? Благодаря электромагниту, встроенному в основание устройства, который смещает центр тяжести.

Хорошо бы он еще прибегал и в руку запрыгивал, если не находится рядом с хозяином…

По-русски Nokia Kinetic — концепт телефона, который умеет «сидеть»

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

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

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

Зоопарк иконок для Apple

Джош Кларк — автор книги «Tapworthy», о которой мы рассказывали вчера, рассказал об особенностях проектирования для дисплея высокой четкости на на новом iPhone 4.

Сравнение четкости изображения на iPhone 4 и более старых моделях.

Для того, чтобы приложения работали на разных версиях телефона разработчики ввели единицу измерения размеров «пункт» (point). iPhone’овский пункт имеет мало общего с типографским. В случае с iPhone 3 он совпадает с пикселем, но на iPhone 4 в один пункт помещается 4 пикселя: 2 в ширину и 2 в высоту. Таким образом, задав размеры всех элементов в пунктах, можно добиться одинаковых физических размеров этих элементов на разных моделях устройства. Конечно, каждое графическое изображение должно присутствовать в двух вариантах: ОС способна автоматически увеличить изображения в старых приложениях, но не может уменьшить изображения для 4 версии.

Но больше всего поражает количество иконок, которые нужны для приложения: нужны иконки для App Store, для запуска приложения, для настроек и результатов поискка и для документов. Причем для последних трех видов нужно три размера: под iPad, старые и новые iPhone. Итого: 11 (одинадцать!) иконок.

English Designing for iPhone 4’s Retina Display

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

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

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

Проблема мобильной переписки за рулем. Используем пряник вместо кнута

Большинство молодых водителей переписываются SMS’ками за рулем. По крайней мере, об этом говорят опросы, проводимые в США. Мы уже писали о предлагаемых дизайнерами способах решения этой проблемы.

Однако Little Springs Design решили подойти к проблеме с другой стороны. Если предшественники пытались просто отключать прием звонков и сообщений во время движения, то есть действовали «кнутом», то новое устройство под названием «Kee» превращает телефон во время движения в удобный для использования в машине медиаплеер. Кроме того, оно сохраняет информацию обо всех входящих звонках и сообщениях за время поездки и затем отображает ее в виде удобного дайджеста.

English «Kee» to Safer Driving

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

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

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

Книга о проектировании вкусных и полезных iPhone-приложений

Книга Джоша Кларка «Tapworthy: Designing Great iPhone Apps», выпущенная издательством O’Reilly,— отличная отправная точка для тех, кто начинает проектировать под iPhone.

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

Авторский текст сопровождается рассказами проектировщиков, участвовавших в разработке таких приложений, как Facebook, Gowalla, Twitterific и USA Today, о своем опыте.

Сегодня электронную версию книги можно купить на сайте издателя всего за $9.99, введя при заказе скидочный код DDTAP.

English Tapworthy: Designing Great iPhone Apps

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

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

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

iPad, Kindle и бумажная книга: гонки на скорость чтения

Практически никто уже не оспаривает факт, что у электронных книг прекрасное будущее. Споры сейчас перешли в другую плоскость: что лучше для чтения — устройства на электронных чернилах или же устройства вроде iPad?

В компании Якоба Нильсена (Jakob Nielsen) провели эксперимент: попросили пользователей прочитать довольно длинные отрывки из Хемнгуэя разными способами — с помощью бумажной книги, на Apple iPad, на Amazon Kindle, и на экране классического компьютера. Исследователи не стали концентрировать свое внимание на юзабилити-аспектах устройств; исследовался сам процесс непрерывного чтения.

И вот результат:

  1. На первом месте оказалась бумажная книга
  2. С отставанием 6,2% оказался iPad
  3. Медленнее бумажной книги на 10,7% оказался Kindle

Стоит заметить, что разница между Kindle и iPad попадает в зону погрешности (всего было 24 участника тестирования), то есть, нельзя точно утверждать, что iPad быстрее нежели Kindle. Но планшеты точно оказались медленнее бумаги.

После замера скорости исследователи провели анкетирование, чтобы выяснить степень удовлетворенности процессом чтения. Использовалась семибальная шкала.

Места распределились так:

  1. 5,8 — iPad
  2. 5,7 — Kindle
  3. 5,6 — книга

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

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

English iPad and Kindle Reading Speeds

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

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

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

Концептуальная инструкция к телефону

Дизайн-агентство Vitamins разработало любопытную концепцию инструкции к мобильному телефону под названием «Out of the box».

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

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

Карточки возможностей

English Out of the box

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

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

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

ОС MeeGo — скорый конкурент Android?

Пока Google разрабатывает третью версию ОС Android, которая, по всей видимости, будет предназначена для наиболее мощных моделей смартфонов, Intel совместно с Nokia представила вариант open source платформы MeeGo, предназначенный для смартфонов. Раньше мы писали о версии MeeGo для планшетных компьютеров.

Похоже, Nokia решила диверсифицировать свои усилия по созданию ОС для смартфона, делая ставку одновременно на новую версию Symbian и на MeeGo.

Что интересно, на этом раннем этапе пользовательский интерфейс ОС имеет мало общего с внешним видом MeeGo для нетбуков и планшетов, разработанной Intel, и в нём чувствуется сильное влияние Nokia, а местами можно заметить и некоторые элементы, напоминающие Android и webOS. Особенно это заметно в интерфейсе переключения задач. Конечно, MeeGo является отрытой ОС, поэтому можно ожидать, что в будущем Nokia проведёт ещё более серьёзную работу над интерфейсом, к примеру, добавит мини-программы для домашнего экрана, которые здесь отсутствуют.

По-русски MeeGo для смартфонов — первая демонстрация
English Много скриншотов системы
English Дистрибутивы тестовых версий ОС для Nokia N900 и систем на базе Intel Atom

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

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

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

Apple запатентовала систему тактильного отклика для сенсорных дисплеев

Схема устройства системы тактильного отклика

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

Одновременно с запуском iPhone 4 Apple опубликовала новую патентную заявку. Исходя из её содержания, можно предположить, что компания планирует оснастить будущие iPhone и Mac расширенной тактильной отдачей.

[...] Поданный еще в апреле 2009 года, этот патент не гарантирует появление каких-либо новых технических особенностей для iPhone, iPod и других iДевайсов в ближайшем будущем. Но в то же время он подтверждает сохранившуюся заинтересованность Apple в развитии и совершенствовании «тактильности».

По-русски Apple запатентовала продвинутый тактильный отклик для iPhone

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

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

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

Фреш по пятницам: Чудо лопата

И хоть новость совсем не новая, но редакция не смогла пройти мимо изобретения, которого так не хватало во время посадки картошки лет 15 назад!

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

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

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

MeeGo — ОС для планшетов от Intel

Компания Intel представила прототип собственного планшетного ПК, который на вид достаточно сильно напоминает Apple iPad. Он работает на базе чипа Intel Moorestown и операционной системы MeeGo.

MeeGo разработана на основе двух существующих мобильных ОС на базе Linux — Moblin и Maemo. Многие журналисты, освещавшие событие, отмечают отлично проработанный интерфейс системы. Правда по заявлениям Intel, это предварительная версия системы, которая еще будет дорабатываться. Первые реальные устройства могут появиться на рынке не ранее начала 2011 года.

На видеороликах в основном видно стартовый экран системы, который реализован достаточно необычно.

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

Журналисты отмечают необычайную настраиваемость интерфейса. ОС имеет предустановленный магазин приложений Intel. В августе состоится выход наборов инструментов разработчиков мультисенсорных приложений для MeeGo.

По-русски Intel демонстрирует Moorestown-планшет с ОС MeeGo (заметка на сайте 3DNews)

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

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

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

Внешняя память для больных антероградной амнезией

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

Патрик Джонс сам страдает таким расстройством и ведет активную общественную деятельность по помощи людям с черепно-мозговыми травмами. Он рассказал журналу Psychology Today о том, как он пользуется такими продуктами, как органайзер заметок Evernote и редактор «ментальных карт» (mind maps) Curio в качестве замены настоящей памяти.

Во-первых, когда я получил Ваше электронное письмо, у меня не было ни малейшего представления, кто Вы, и о чем мы договариваемся. История переписки в письме особо не помогла. Я ввел поисковый запрос «Гэри Маркус» в Spotlight своего Mac’а, который привел меня к заметке в Evernote, где описано кто Вы, как и почему мы связаны, кто нас познакомил, история взаимоотношений и т. д.

[...] Я пока в состоянии воспринимать различные понятия, но детали исчезают из памяти в течение нескольких дней. Evernote, в котором я храню эти подробности, нужен мне, чтобы легко извлечь их позднее и связать с понятиями, которым они принадлежат.

По-русски Evernote как основная память (запись в блоге Evernote)
English What if HM had a Blackberry? Coping with amnesia, using modern technology (оригинальная статья в Psychology Today)

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

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

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

Анонсирован Google TV

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

Значит, я думаю, что первопроходцами в развитии этого телевидения станут 2 крупные аппаратные платформы – Microsoft и Apple. Apple сейчас зарегистрировал торговую марку iTunes Live, и то, что они сделали с Mobile Applications, со своим AppStore и то, что они сейчас сделали с iPad и сейчас появятся такие же магазины контента, привязанные к аппаратной платформе именно для iPad. И они будут работать, ну, можно сказать, что без интернета. Потому что для человека в данном случае будет все равно, есть интернет или нет. Потому что он не будет по разным сайтам шариться, а он будет нажимать на одну кнопку и, там, технология ip-пакетов какая-то – может быть, специальный выделенный канал, может быть, какой-то public place для пользователей iPad, клубы какие-то, еще что-то – они будут доставлять этот контент, купленный им, через вот это платное телевидение внутри этой платформы. То же самое у Microsoft есть Media Room, технология, которая позволяет адресовать 3 экрана для поставщиков контента. Поэтому я думаю, что будущее именно за этими историями, за аппаратчиками и за тем, как они удерживают пользователей вокруг своих аппаратных платформ. А конкретные программные технологии в данном случае не важны.

Вчера Google анонсировал свой Google TV. Так что борьба пойдет между тремя аппаратными платформами от трех грандов, которые ведут борьбу между собой по всем фронтам: правда, Google TV представляет собой не конкретное устройство, а систему, которая будет устанавливаться на телевизоры или телеприставки.

О выпуске устройств поспешили заявить Sony и Logitech.

Система построена на базе ОС Android, поддерживает Flash, позволяет искать передачи как с кабельных каналов, так и из интернета.

Марк Кьюбан, рассуждая о будущем Apple TV, говорит о том, что большая часть доходов, видимо, будет от продажи игр, а не собственно от телевидения. Будущее же Google TV как собственно телевизионного продукта очень сильно зависит от того, как Google удастся сбалансировать контент от профессиональных кабельных каналов и видео из интернета.

English Google TV (статья на Google Blogoscoped)
По-русски Google TV — Делая телевизор умнее (заметка на Хабрахабре)
English Официальный сайт Google TV
English The Future of Google TV is… (статья Марка Кьюбана на Blog Maverick)

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

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

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

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

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

Грег Нудельман (Greg Nudelman) творчески подошел к проблеме и придумал 4 варианта решения этой проблемы:

  • 4 угла
  • Водяные знаки
  • Тизер
  • Параллельный



English Design Patterns for Mobile Faceted Search (Часть I)
English Design Patterns for Mobile Faceted Search (Часть II)

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

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

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

Сенсорные кнопки: размер имеет значение

Интерфейсы на базе сенсорных экранов стали общим местом. У проектировщиков, в связи с этим, встает вопрос — какого размера должны быть активные элементы? Люк Вроблевски (Luke Wroblewski) взял стандарты от Apple, Microsoft, Nokia, Ubuntu, а также исследования на эту тему и выписал рекомендуемые минимальные размеры элементов.

English Touch Target Sizes

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

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