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

Видео, Инновации и идеи

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

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

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

Поделиться:

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

Видео, Инструментарий

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

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

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

Поделиться:

Как проектировали международный новостной портал для BBC News

Процессы и методики, Экранные интерфейсы

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

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

User Experience and the design of news at BBC World Service

Обновление: Проектирование и дизайн сайтов Би-Би-Си (перевод от Ярослава Бирзула)

Поделиться:

UX Marathon 2011: ведущие мировые эксперты об инструментарии UX-специалиста

События

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

Среди спикеров Марафона авторы книг Mental Models: Aligning Design Strategy with Human Behavior (Инди Янг) и Storytelling for User Experience (Уитни Куэсенбери), а также практики из ведущих UX-компаний — Крис Рисдон из Adaptive Path, Рик Омансон и Ага Бойко из компании User Centric.

Некоторые вебинары основаны на обширных исследованиях, например, рассказ Дэниз Беллинг о лучших из популярных юзабилити-методик на основе опроса более 40 UX-компаний по всему миру, или анализ способов применения технологии ай-трекинга от Аги Бойко — автора множества публикаций на эту тему и книги Eye Tracking the User Experience, которая должна выйти в издательстве Rosenfeld Media в 2012 году. Другие базируются на обширном опыте использования конкретных средств: Axure, WebSort и Plainframe, CogTool,— или проектирования под определенные платформы, такие как iOS. Спикеры раскроют множество практических деталей работы с этими средствами и ответят на все вопросы слушателей.

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

Сайт конференции

Поделиться:

Что показать пользователю, когда результат поиска нулевой

Экранные интерфейсы

Когда пользователь что-то ищет, он постоянно сталкивается с двумя противоположными проблемами: то поиск выдает ноль совпадений, то вы получаете слишком много результатов. Подобрать верный запрос, не слишком широкий и попадающий в точку,— непростое дело. Грэг Нудельман рассказывает, как решить проблемы нулевого поиска, в своей последней книге Designing Search: UX Strategies for Ecommerce Success.

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

Эти и другие способы более подробно описаны в статье Грэга.

Site Search: Strategies for No Results Found
Обновление: Ничего не нашлось в поиске по сайту? Нет проблем (Перевод статьи от Ярослава Бирзула)

Поделиться:

Киевский UXcamp — Эх, UXнем!

События

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

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

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

Мероприятие пройдет 30-31 июля в лесной зоне Киева, регистрация уже открыта на официальном сайте. Организаторы продолжают набирать проекты для работы на UXcamp, так что заинтересованные могут направлять заявки на рассмотрение.

Кстати, главный редактор Fresh’а, Копылов Алексей (UIDesign Group) уже подтвердил свое участие в мероприятии в качестве одного из приглашенных экспертов.

Официальный сайт UXcamp

Поделиться:

Выбираем контролы для игр под iPad

События, Гаджеты, Экранные интерфейсы

На майской конференции для разработчиков игр Flash GAMM! Алексей Копылов из UIDesign Group выступил с докладом «Могут ли виртуальные кнопки быть лучше аппаратных?». Вслед за презентацией Алексей написал подробную статью для блога международного альянса юзабилити-компаний UXalliance.

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

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

Can virtual buttons be better than hardware ones: iOS experience
Могут ли виртуальные кнопки быть лучше аппаратных (презентация доклада на slideshare)
Видео выступления на конференции Flash GAMM!

Поделиться:

Фрешу 4 года!

Остальное

Спасибо вам за то, что читаете нас. Мы потихоньку растем, набираемся опыта, в том числе и взаимодействия

Можете смело поздравлять нас с некруглой датой: 4 года!

Поделиться:

Бумажный iPhone: сделай сам!

Процессы и методики, Гаджеты

Авторы Raketa blog перевели статью с детальным примером создания интерактивного бумажного прототипа iPhone. Чтобы приблизить опыт взаимодействия с прототипом к работе с реальным устройством, нужно сперва сделать сам iPhone. Не понадобится никаких трюков и магии: только клей, ножницы, скотч и цветной принтер. Точно выверенные макеты прилагаются к инструкции, развлекайтесь!

Проектирование на бумаге с бумажным iPhone!
Paper Prototyping with Paper iPhone («vertical tube» version for mobile web) (оригинал статьи)

Поделиться:

Онлайн-магазины в метро

Гаджеты, Инновации и идеи

Онлайн-магазинами продуктов и товаров для дома никого нынче не удивишь. Однако магазинами их можно назвать весьма условно, скорее это красочные (а иногда и не очень) каталоги. К тому же всегда приходится ждать, когда ваш кефир, батон и стиральный порошок будут доставлены к порогу. Другое дело, если бы за хлебом можно было заскочить в (онлайн-)магазин по пути с работы, а продукты получить уже по выходу из метро.

Именно такую идею реализовало Корейское агентство Cheil Worldwide. Они создали на станциях метро виртуальный магазин HomePlus, разместив на стенах изображения витрин супермаркета в натуральную величину. Чтобы совершить покупку, покупателю нужно сосканировать QR-код товара, и он будет добавлен в виртуальную корзину. При этом купленный товар доставят в строго указанное вами время. Таким образом, вспомнив в очередной раз, что вы не купили зубную пасту, вы имеете шанс получить ее точно в 7 утра благодаря онлайн-магазинам в метро.

«Магазин в метро» получил Медиа Гран-при

Поделиться:

Кризис RIMской империи: UX-специалисты спешат на помощь

Гаджеты

Компания Research in Motion переживает серьезный кризис: акции компании понизились до пятилетнего минимума, выпуск новых поколений смартфонов Blackberry и планшетов Playbook отложен. Несмотря на огромную популярность Blackberry среди американского бизнес-сообщества, их продажи неуклонно идут вниз. В ближайшее время в компании пройдет сокращение штатов.

Несмотря на некоторые интересные функции новых планшетов, RIM все время остается на шаг позади основных конкурентов с точки зрения пользовательского опыта. Несмотря на финансовые трудности, Research in Motion ищет выход в партнерстве с UX-агентствами. Недавно прошел слух, что они даже приобретут одну из таких компаний, но он был опровергнут. Пока было объявлено только о тесном сотрудничестве с компаниями You i Labs и Teknision.

Посмотрим, получится ли спасти RIMскую империю на этот раз.

BlackBerry teaming up with UI firm
RIM понизила прогноз прибыли из-за слабых продаж
RIM implodes: announces layoffs, 500,000 PlayBooks shipped

Поделиться:

Что в коробке, мне скажи, да всю правду доложи…

Гаджеты, Инновации и идеи

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

Коробки и другие аксессуары для хранения можно сопровождать уникальными QR-кодами, а также специальным мобильным приложением. Фотографируя вещи, которые мы складываем в коробки, и QR-коды на них, можно будет сравнительно быстро составить каталог домашних вещей, и потом искать, что где лежит, не перерывая вверх дном чулан, а путешествия по страничкам виртуального каталога.

Наводим порядок с помощью iPhone

Поделиться:

Чиксентмихайи на русском

Книги, Исследования, РЕКОМЕНДУЕМ

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

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

Поток: Психология оптимального переживания

Поделиться:

Видение как ключ к успеху при редизайне

Процессы и методики

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

Украинские коллеги из Usabilist.com.ua перевели статью известного специалиста по информационной архитектуре Кристины Уодтке «Building a Vision of Design Success», в которой она рассказывает о том, что такое видение, как его сформировать в контексте реального проекта и как оно влияет на последующие этапы работы.

В чем залог успешности редизайна сайта (перевод)
Building a Vision of Design Success (оригинал статьи)

Поделиться:

Превью интерфейса Windows 8

Видео, Гаджеты, Экранные интерфейсы

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

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

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

Интерфейс Windows 8 (заметка на Хабрахабре)
Previewing ‘Windows 8’ (статья в Microsoft News Center)

Поделиться:

Не все плееры одинаково полезны

Экранные интерфейсы

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

На блоге Habrahabr опубликовали перевод французской статьи Ergonomie des players de musique en ligne, которая рассказывают об эргономических характеристиках проигрывателей потокового аудио, которые делают плеер удобным для пользователей и являются залогом успеха самого сервиса.

Интерфейс аудиоплейера: эргономика и дизайн

Поделиться:

Взгляд на интернет-магазины с высоты птичьего полета

Процессы и методики

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

Процессный подход к проектированию интерфейсов

Поделиться:

Прототипы мобильных приложений в облаке

Гаджеты, Инструментарий

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

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

Но в скором времени, похоже, появится более удобный вариант. Компания Exadel — разработчики инструмента для прототипирования Tiggr, о котором мы писали совсем недавно, объявили сегодня в email-рассылке, что планируют выпуск приложения, аналогичного DAPP. Но в отличие от DAPP это будет веб-приложение, которое позволит размещать созданный прототип в облаке, то есть на сервере в Сети, а уже оттуда запускать его на телефоне. Для большинства это будет гораздо удобнее: дело только за удачной реализацией. А если Exadel это не удастся, то идею наверняка подхватит кто-нибудь еще.

Поделиться:

Тарас Бризицкий об интерфейсной анимации

Процессы и методики, Видео, Экранные интерфейсы

Вебинар «Анимация в интерфейсах» Тараса Бризицкого продолжает тему, поднятую во время его выступления на UX Russia 2009. В начале он рассказывает о том, откуда пришла в интерфейс анимация, вспоминая, в частности, интерфейсы из фантастических фильмов и компьютерных игр. В веб-интерфейсах анимация поначалу воспринималась в штыки. И все же постепенно проектировщики находят места, где она не раздражает, а наоборот позволяет сделать взаимодействие более приятным и естественным для пользователя. Так вот, о том, как и где ее использовать, и рассказывает в своем вебинаре Тарас.

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

Поделиться:

Один юзабилист хорошо, а два лучше: парное проектирование в Cooper

Процессы и методики

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

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

Better together; the practice of successful creative collaboration

Обновление: Появился русский перевод статьи:
Вместе веселее. Как наладить эффективное сотрудничество творческих людей

Поделиться: