Как научиться рисовать красивые скетчи?

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

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

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

В статье The Messy Art Of UX Sketching, опубликованной на сайте Smashing Magazine даются советы, как самостоятельно научиться рисовать скетчи и выработать свою технику рисования.

The Messy Art Of UX Sketching

Поделиться:

Руководство по стилю Android 4

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

Долгое время руководства по стилю (UX guidelines) мобильной ОС Adnroid страдали от ряда недостатков: в них отсутствовало описание идеологии платформы, они были неполны, а также изобиловали ненужными техническими деталями. В этом плане руководства по стилю Apple iOS были куда более последовательны. Но ситуация изменилась, и теперь новое руководство для четвертой версии Android может служить образцом для подражания.

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

Android Design (руководство по стилю)

Поделиться:

Подноготная лаборатории для юзабилити-тестов

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

Запись десктопных тестов осуществляется легко с помощью такого программного обеспечения, как, например, Silverback для Mac, и Morae для PC. Однако запись тестов на мобильных устройствах требует особых ухищрений, особенно когда тестируется продукт, на который нельзя поставить никакое специализированное ПО (например Kindle). В таких случаях юзабилисты прибегают к камерам, расположенным на специальных подставках, самодельным или приобретенным в специализированных магазинах. Однако некоторые специалисты утверждают, что подобные конструкции вынуждают пользователей держать мобильное устройство в неестественном положении и оказывают влияние на результаты тестирований.

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

Anatomy of a Hardware Usability Testing Rig

Поделиться:

BBC: будущее за бесконтактными жестами

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

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

Пульты ДУ скоро станут достоянием прошлого, так что можете забыть про изнурительные поиски в очередной раз завалившейся за диван коробочки. Разработку бесконтактного ТВ контроллера ведет компания из Тель-Авива XTR3D, получившая внушительное инвестирование для своего проекта. XTR3D идет по стопам Microsoft, но их технология заметно отличается от Kinect. XTR3D используют 2D камеру для распознавания 3D объектов. Данная технология дает определенные преимущества по сравнению с 3D камерами, при этом недостатки не обнаружены. Теперь не будет помехой яркий свет, а цена станет более доступной. И главное, можно будет играть в Kinect игры на самом обычном ноутбуке.

XTR3D не единственная компания, которая стремится наполнить нашу жизнь бесконтактным взаимодействием. Сама корпорация Microsoft активно пытается найти применение Kinect не только в игровой индустрии. Они подписали контракт с 200 компаниями из 20 стран мира, среди которых, например, Toyota. По словам Шахрама Изади, исследователя из Microsoft Research Centre:

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

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

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

Touchless smartphones and TVs could be on sale in 2012

Поделиться:

Конец года: что нам дал HTML5 и чего ожидать от него в 2012 году?

Остальное, Экранные интерфейсы

.net magazine подготовил подборку из 20 сайтов, которые смогли в прошедшем году больше всех продвинуть развитие HTML5 и другие технологии из подготавливаемого W3C нового пакета стандартов и удачно продемонстрировать перспективы и возможности этих технологий. По всей видимости, официальным стандартом они станут в 2014 году. Однако большинство разработчиков браузеров постоянно развивают поддержку предварительной версии стандарта и переходят на регулярные автоматические обновления. Хотя, конечно, не обходится и без сложностей: Microsoft объявил о принудительном обновлении IE6, но новым претендентом на место «современного IE6» является, например браузер в ОС Android, который на многих телефонах может не обновляться в течение всего цикла жизни аппарата.

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

Сайты, представленные в подборке, используют такие возможности, как работа оффлайн, встроенный поиск в реальном времени, тег <progress> для реализации индикатора выполнения, хранение информации об элементах в data-* атрибутах, отзывчивая верстка, продвинутые инструменты работы со звуком, видео, холстом и шрифтами, геолокация, использование акселерометра, редактируемое содержимое страницы (атрибут contenteditable), формат векторной графики SVG, CSS-анимация, возможности аппаратного графического ускорения в рамках WebGL. Скоро также появится элегантная реализация механизма Undo-Redo.

Как написал сам автор подборки:

Посмотрите только на реализованные без капли Flash диджейские вертушки, аниме-мультфильм, 3D-модель машины формулы 1 и просмотрщик шрифтов, в который файлы со шрифтами можно перетаскивать прямо из локальной папки!

TechCrunch, в свою очередь, дает прогнозы развития HTML5 в 2012 году: мы получим более элегантные и функциональные веб API, в браузеры придет знакомая по телефонам функциональность — push-уведомления, геолокация и т. д., все больше приложений будут реализованы на HTML5, CSS и Javascript и смогут поддерживать работу оффлайн, Microsoft, вероятно, сделает серьезный прорыв на рынке браузеров, развитие магазинов приложений в браузерах получит серьезный толчок к развитию, производители онлайн-игр начнут портировать их в браузер при помощи WebGL, HTML5 займет место Flash на рекламном рынке, а JavaScript станет работать существенно быстрее, Facebook станет играть еще более важную роль в качестве базы для семантического графа интернета.

2011 in review: 20 HTML5 sites that changed the game
The Definitive Guide To HTML5: 14 Predictions For 2012
HTML5: A technical specification for Web developers
HTML 5 Demos and Examples

Поделиться:

Конец года: итоги и прогнозы развития UX

Остальное, Инновации и идеи

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

Креативный директор Fast Company Роберт Фабрикант выделил 5 ключевых уроков, которые мы получили в течение прошедшего года:

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

5 Lessons From The Best Interaction Designs Of 2011

Harvard Business Review и Gigaom публикуют свои прогнозы о том, в каких областях стоит ждать прорывных новинок.

• Корпоративные пользователи стали ожидать качества опыта взаимодействия, привычного им по потребительским продуктам: соцсети проникают в рабочее общение, Blackberry сдает позиции как мобильная ОС для корпораций.
• Носимые гаджеты в виде часов, браслетов и прикрепляемых к одежде блоков: Jawbone Up и Fitbit Ultra — лишь первые ласточки. Эти средства, в частности, очень помогают развитию лайф-логгинга — нового хобби человечества, заключающегося в постоянном подсчете всего происходящего: килокалорий, чекинов, прослушанных песен и прочего.
• Революция в гостиной: количество разнообразных мультимедиа-телеприставок наконец должно перейти в качество. Конечно, тут многие возлагают надежды на выход телевизора от Apple.
• Прорыв в банковской сфере, который в первую очередь связан с интеграцией финансовых инструментов в мобильные телефоны (Square, Google Wallet и т. д.).
• Появление Siri заставило поверить в перспективу голосовых и жестовых интерфейсов, не требующих смотреть на экран или прикасаться к устройству.
• Развитие средств для общественного активизма на основе социальных сервисов, открытых API и т. д. Такой «активизм сидя на диване» в западных медиа уже прозвали метким словом slacktivism.
• Приход дополненной реальности в мейнстрим: в первую очередь, активное ее использование в оффлайн-магазинах.

Five big things to watch out for in 2012
Innovative Ideas to Watch in 2012

Поделиться:

Всегда ли прав Net promoter score и от хорошей ли жизни клиенты рекомендуют ваш сервис?

Процессы и методики, Исследования

Net promoter score (NPS) — метрика, традиционно используемая в маркетинговых исследованиях для измерения удовлетворенности клиентов. Она отражает готовность клиентов рекомендовать продукт или бренд своим знакомым, которая, в свою, очередь крайне важна для коммерческого успеха бренда. Особенно в современном мире социального шопинга. Так, например, лонгитюдное исследование крупных брендов в ряде областей американской промышленности, опубликованное в Journal of Marketing, показало, что именно NPS существенно влияет на рост прибыли компании в среднесрочной перспективе.

Джаред Спул высказывает свою критику данной методики, говоря, что не следует слепо полагаться на ее результаты. На примере различных внутренних авиалиний, обслуживающих город Бостон, он показывает, что зачастую клиентам приходится выбирать лучшее из худшего, и то, что они якобы порекомендовали бы своим друзьям, может быть далеким от того, что они считаю действительно хорошим сервисом. Net Promoter score и схожие опросные методики должны использоваться осторожно и с оглядкой на то, что, возможно, вы упускаете общую картину того, как пользователи воспринимают дизайн вашего сервиса и сам сервис.

Net Promoter Measures The Wrong Thing (or Why I Don’t Like United Airlines)
Net Promoter Score (NPS) – Best practice
A Longitudinal Examination of Net Promoter and Firm Revenue Growth (научная публикация) [PDF, 388 KB]

Поделиться:

«Немобильный» сайт для мобильных

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

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

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

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

Improve Your Site’s iPad Usability in 1 Simple Step

Поделиться:

Что школы могли бы позаимствовать у креативных агентств

Остальное

Школы могли бы использовать в образовании методики и подходы, которые применяются в креативных агентствах, например, архитекторами, — считает Джон Сили Браун, соавтор книги A New Culture of Learning.

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

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

4 Lessons The Classroom Can Learn From The Design Studio

Поделиться:

Бегай вместе с друзьями со всего мира

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

В последнем номере журнала Interactions редакторы обратили внимание на интересный проект Флориана Мюллера из Стэнфордского университета и его группы под названием Exertion Interfaces — Jogging over a distance. Хотя прототип системы был создан еще несколько лет назад, идея до сих пор не внедрена в практику.

Идея Jogging over a distance проста — это помощник для бега, который позволяет не просто отслеживать GPS треки и физиологические показатели, но и общаться с друзьями, которые бегают вместе с вами. Даже если они сами находятся на другом континенте. Jogging over a distance позволяет не чувствовать себя одиноким во время бега: вы можете слышать дыхание и голос партнера. При этом звук голоса слышен спереди или сзади в зависимости от того, лидируете вы или отстаете. Кроме того, «соревноваться» между собой могут новички и продвинутые бегуны. Для этого устройство вносит специальную поправку на навык спортсмена.

Помимо Jogging over a distance группа Мюллера разработала целый ряд прототипов различных спортивных сервисов: дистанционный бокс, настольный теннис и аэрохоккей, а также игровой тренажер виса на перекладине.

Jogging over a Distance

Поделиться:

Почувствуй себя 70-летним!

Процессы и методики, Видео, Исследования

В современном мире четко прослеживается тенденция к старению населения в связи с падением рождаемости и повышением продолжительности жизни. Согласно прогнозам, к 2050 году в Японии будет в 1,5 раза больше тех, кому за 65, чем тех, кому нет еще 20. Поэтому сейчас особенно важно прислушиваться к пожеланиям и потребностям старшего поколения. Если раньше это можно было делать, опираясь лишь на теоретические данные, то теперь есть возможность почувствовать себя «на все сто» в прямом смысле этих слов.

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

MIT Suit Simulates What It’s Like To Be 70 Years Old

Поделиться:

Мини-принтер для вашего Твиттера

Социальные сети, Видео, Гаджеты

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

Little printer (страница проекта)

Поделиться:

Диетический UX: что это такое и с чем его едят?

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

Одно из модных слов 2011 года в области проектирования пользовательского опыта — Lean UX, то есть «постный» или «диетический» UX. UXеры повально заинтересовались «диетой» после статьи Джеффа Готелфа в Smashing Magazine «Диетический UX: уходим из бизнеса по продаже отчетов и документов».

Несмотря на популярность термина, большинство специалистов сомневаются, что все-таки за ним стоит. Поэтому Джаред Спул пригласил для записи своего подкаста самого Джеффа, чтобы уточнить спорные вопросы по информации «из первых рук». По словам Джеффа Lean UX — это не методология, а философия работы внутри команд и с внешними заказчиками, которая позволяет приблизить мир UX к agile методологиям, существующим в разработке.

По самой своей природе работы по проектированию интерфейса всегда были частью водопадного процесса: проектировщики и юзабилити-эксперты подготавливали документы, которые передавались на следующий этап в жизненном цикле продукта. Поэтому Джефф предлагает отбросить так называемый big design upfront (длительную фазу проектирования в начале проекта), а вместо этого работать в тесном общении с разработчиками таким образом, чтобы каждая итерация проектирования позволяла проверить некоторую дизайн-гипотезу.

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

Подкаст: Проигрывать в окне | Скачать (Продолжительность: 30:44 — 16.2MB)

Is There Any Meat on This Lean UX Thing?
Jeff Gothelf — Understanding Lean UX

Поделиться:

Онлайновому шоппингу — онлайновую примерку

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

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

Так методом проб и ошибок подбирают себе одежду онлайн шопперы. Однако теперь они также могут прибегнуть к удобному сервису-помощнику по подбору правильного размера — UPcload. Идея довольно простая — вам нужно сфотографироваться на вашу веб-камеру с CD-диском в руках. Последний используется для определения масштаба. Сервис сам рассчитает ваши объемы и рекомендуемые размеры.

Пока сервис проходит бета-тестирование в партнерстве с брендом North Face.

UPcload (сайт сервиса)
Order Perfect Jacket Size From The North Face Using Your Webcam

Поделиться:

Пощупай Windows Phone 7 на своем iPhone или Android

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

Windows разместил в свободном доступе интерактивный прототип интерфейса Windows Phone 7, с которым можно ознакомиться прямо в браузере на других популярных смартфонах.

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

Откройте эту ссылку на смартфоне:
http://m.microsoft.com/windowsphone/en-us/demo/index.html или используйте QR-код.

Поделиться:

Умный холодильник будущего

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

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

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

Поделиться:

Google представил новую навигацию по порталу

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

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

Теперь под логотипом Google рядом со строкой поиска будет располагаться выпадающее меню, где вы найдете ссылки ко всем используемым вами сервисам Google. А справа от строки поиска будет поле для обновления статуса в Google+.

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

The Next Stage in Our Design (Официальный блог Google)
Как включить новый дизайн Google

Поделиться:

Доводим до совершенства поле ввода страны: пример оптимизации паттерна

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

Кристиан Хольст — один из авторов исследования E-Commerce Checkout Usability — описал для Smashing Magazine процесс оптимизации стандартного паттерна для выбора страны. Безусловно, длинные выпадающие списки почти всегда неудобны.

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

Redesigning The Country Selector

Поделиться:

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

Книги

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

Налетай!

Free User Experience books (Interaction design, HCI, web accessibility & Information Architecture)

Поделиться:

Покупатели уходят в процессе заказа? У вас есть 20% шанс вернуть их

Остальное

Посетители, покидающие интернет-магазин, положив товары в корзину, или уже в процессе заказа — всем знакомая проблема. Линда Бустос — директор по исследованиям электронной коммерции компании Elastic Path — написала в блоге компании о том, как можно вернуть более 20% таких клиентов с помощью писем, напоминающих им о начатом процессе покупки. Часть из них могли просто отвлечься и забыть про заказ или забыть адрес сайта. У других могли возникнуть сомнения или вопросы.

Такие письма можно рассылать зарегистрированным пользователям, у которых что-то отложено в корзину, или незарегистрированным пользователям, которые успели ввести свой Email. Для этого Линда советует ограничить первый шаг заказа единственным полем ввода для адреса электронной почты.

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

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

И последний совет: можно использовать сервис Google Remarketing, чтобы показывать баннеры тем, кто ушел с вашего сайта.

8 Tips for Recovering Abandoned Shopping Carts

Поделиться: