Tag Archives: интерфейсы

Презентация с конференции User Experience 2010 — Как показать интерфейс клиенту

13 Окт

В конце прошлой недели, с 6 по 8 октября, в Москве прошла четвертая профессиональная конференция “User Experience 2010“. Я выступил на ней с докладом “Как показать интерфейс клиенту (чтобы не пришлось переделывать все)“. Почему зачастую, даже предлагая хорошее решение, можно столкнуться с его, на первый взгляд, необоснованной критикой? Рассказ описывает различные способы презентации интерфейсных работ клиенту, которые позволят донести основные идеи и избежать недопонимания.

Презентация

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

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

Впечатления о конференции

На конференции User Experience я уже во второй раз (компания UI Modeling — в третий) и с каждым годом мероприятие все интереснее. Причем на этот раз удалось послушать вживую западных докладчиков, и в первую очередь — одного из величайших людей в отрасли, Билла Бакстона из Microsoft Research. Видео-записи с ним всегда интересны, но на сцене он еще ярче — то, сколько Билл знает о прошлом и будущем интерфейсов и как он умеет подавать историю и тренды очень впечатляет. Я всегда разделял мнение о том, что универсальных интерфейсов не бывает, но после его выступления можно ссылаться на его тезис “любой продукт идеален для одного применения и ужасен для другого”. Кстати, он готовит к выпуску книгу с описанием старых цифровых устройств — дома у него большой музей из нескольких сотен экспонатов, должен получиться крайне интересный материал для понимания того, как развиваются интерфейсы.

Очень полезным был рассказ Peter Boersma из голландского отделения Adaptive Path — в нем он расширил понимание процесса проектирования за счет планирования и стратегии. Это расширение того видения, которое его коллега Jesse James Garrett дал в книге “Elements of User Experience“. Оно было особенно интересно потому, что тема менеджмента в проектировании интерфейсов всегда актуальна для меня. После выступления удалось пообщаться с Питером на тему процесса в целом и своей завтрашней презентации о презентациях — оказалось, что они также стараются не просто отправлять результаты работ, а лично рассказывать о них.

Очень душевным оказался Eric Reiss из FatDux — и в рамках презентации, и на закрытии конференции. Хотя сама тема была скорее обзорной для начинающих, формат ее подачи получился живым и вовлекающим. Остальных приглашенных послушать не удалось, зато на следующий день попал на большинство интересных отечественных докладов. У меня, кстати, впервые получилось не подготовить не только интересные слайды, но и хорошее выступление. Во-первых, сама структура презентации строилась на нескольких рассказах, а не структурированных данных. Во-вторых, появилось больше иллюстраций и даже физических носителей. В-третьих, удалось более-менее правильно рассчитать объем материала и отведенное на него время. Буду практиковаться и дальше, тем более что ближайший повод совсем скоро — 5го ноября выступаю на украинской конференции Usability.UA 2010 с рассказом о кейсе проМосковский Кредитный Банк.

P.S. Другие обзоры и материалы конференции:

Юрий Ветров, руководитель UI Modeling Company

Как выглядит китайская клавиатура

13 Сен

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

История вопроса: печатные машинки

За несколько тысяч лет хитроумные китайцы успели довести количество иероглифов до 50000 с хвостиком. И хотя число нужных в повседневной жизни знаков не измеряется десятками тысяч, все равно, как ни крути, стандартный набор старой типографии — 9000 литер.

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

image
Печатная машинка фирмы «Шуангэ», 1947 год (принцип действия придуман японцем Киота Сугимото в 1915 году).

Основной ее элемент — банк иероглифов, находящихся на чернильной подушке. Над иероглифами закреплена механическая система: рукоятка, «лапка» для захвата и бобина с листом бумаги. Весь механизм вместе с бобиной вслед за рукояткой способен перемещаться влево, вправо, вперёд и назад за счет усилия машиниста. Чтобы набрать текст, машинист долго ищет с лупой нужный иероглиф, помещает над ним систему и нажатием на ручку приводит в действие «лапку», которая хватает иероглиф и на ходу, разворачивая, отпечатывает его на листе бумаги. При этом бобина с листом немного проворачивается, предоставляя место для следующего символа. Разумеется, процесс печати на таком агрегате выходит крайне медленным — опытный оператор мог набирать не более 11 иероглифов в минуту. Читать далее

Конференция User Experience Russia 2010 в Москве

30 Авг

Конференция User Experience Russia 2010

7-8 октября в Москве состоится самое грандиозное в России событие в области юзабилити –User Experience Russia 2010, которая пройдет в этом году в четвертый раз и будет посвящена вопросам юзабилити, проектированию и взаимодействию с пользователем услуг в интернете.

В этом году конференция пройдет при поддержке европейской ассоциации юзабилистов UPA Europe.

Одним из ключевых докладчиков этого года – Эрик Райс, гуру юзабилити. Он является одним из самых влиятельных фигур в области проектирования и информационной архитектуры. Его выступления вдохновляют многих и многих UX–специалистов, а признанные эксперты отмечают его яркие и уникальные доклады. Действительно, работы Эрика Райса являются поистине неоценимым вкладом в мировое развитие юзабилити. На конференции этого года Эрик Райс выступит с докладом “Killer content or content that kills”, а также проведет мастер-класс “Writing for the Web”.

Сильвия Циммерман выступит с докладом: «Проектирование взамодействия для телекоммуникационных сайтов». Сильвия — основатель UPA Швейцария, отвечает за швейцарский Институт эргономики программного обеспечения и юзабилити в Цюрихе, вице-президент UPA с 2008 года. Она является также соорганизатором европейской конференции UPA в области юзабилити и дизайна. Сильвия выступит с докладом: Проектирование взамодействия для телекоммуникационных сайтов»

«Добро пожаловать в Будущее UX!» — тема выступания Ронни Баттиста, который является директором сертификации Usability Professionals Association — International, главой UPA NY, исполнительным директором MISI Company.

Андрей Себрант (Яндекс) расскажет о «Churn rate крупным планом или как утекают пользователи». Андрей Себрант — директор по маркетингу сервисов Яндекса. Занимается вопросами маркетинговой стратегии и тактики компании, аналитикой российского интернет-рынка и конкурентным анализом, координирует деятельность по онлайновому продвижению проектов Яндекса.

Доклад Дмитрия Сатина (UsabilityLab) посвящен теме «Юзабилити услуг в Интернете». Дмитрий Сатин — генеральный директор UsabilityLab, один из ведущих юзабилити-специалистов в России, президент Российского отделения UPA, ответственный редактор User Experience Magazine по странам СНГ и восточной Европе, автор учебных курсов и рецензент международных конференций по юзабилити.

Всего в программе конференции ожидается 40 докладов ведущих экспертов области, а также множество подарков и сюрпризов! К примеру, американская компания Розенфельд Медиа выступила спонсором конференции и проведет розыгрыш книг от Розенфельд Медиа. Также каждый участник получит 20%-скидку на всю продукцию компании.

Зарегистрироваться на User Experience 2010!

via UsabilityLab

Swype в Samsung Galaxy S — интересный метод ввода

20 Авг

Многим из вас наверное уже знаком такой способ ввода, как Swype — метод ввода текста с использованием сенсорного экрана, когда слова вводятся вождением по экрану пальцем, а пробелы — его поднятием. Теперь этот метод доступен и для пользователей андроидофона Galaxy S, и что самое главное — этот крайне удобный способ ввода текста, который в свое время помог Франклину Пейджу установить рекорд по скоростному набиранию текста на сенсорном экране, впервые доступен на русском языке!

Обзор свежих материалов, июль 2010

19 Авг

И снова Юрий Ветров, пользователь сайта Хабрахабра и руководитель UI Modeling Company, сделал подборку интересных материалов за июль месяц. Для пользователей Хабрахабр — не забудьте перейти на его профиль и поднять кармы.

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

Методы и практики

Creative ways to solve usability problems
David Travis из компании Userfocus предлагает унифицированный подход к решению проблем в интерфейсе, найденных во время юзабилити-тестирования и эксертной оценки. Он называется SCAMPER согласно основным принципам.

Инструменты

User Interface Design Framework
Коллекция шаблонов и стенсилов для Adobe Illustrator, которая содержит ключевые элементы интерфейса и навигации, а также часто используемые иконки.

How to prototype interactive iPad applications in 30 minutes using keynote
Amir Khella подробно рассказывает о том, как можно использовать iPad-приложение Keynote для проектирования интерфейсов. Статья подробно описывает процесс и сопровождается небольшим скрин-кастом. Travis Isaacs описал процесс в виде презентации, а Luke Wroblewsky подготовил обзор материалов по теме.

Free Full Layered Facebook GUI PSD Kit
Компания SurgeWorks подготовила шаблон для Adobe Photoshop, который содержит основные элементы интерфейса Facebook. Прямая ссылка на скачивание — http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/07/facebook-gui-psd-kit.zip (ZIP, 6,5 МБ).

Mobile Prototyping Tools
Sheetal Dube из Evantgage Consulting пишет об инструментах для проектирования мобильных интерфейсов. Первая статья из серии посвящена Axure и его полезности на всех этапах процесса проектирования.

Touch Notation by Matt Legend Gemmell
Matt Gemell создал простую и понятную нотацию для проектирования тач-интерфейсов. Она позволяет описывать сложные жесты без перегруженных служебных иллюстраций и легко масштабируется до небольших размеров. Прямая ссылка на скачивание — http://mattgemmell.com/files/touch_notation.zip (ZIP, 200 КБ).

Windows Phone 7 UI Templates, Screenshots & Guidelines
Коллекция дизайн-шаблонов и руководств по интерфейсу для новой мобильной ОС Windows Phone 7. Хотя платформа еще в разработке, уже доступно достаточное количество полезной информации о ее интерфейсе. Особенно полезны официальная коллекция материалов для проектировщиков и дизайнеров инабор из 28 шаблонов для Adobe Photoshop (ZIP, 88 МБ).

Паттерны

UI Patterns — Symbian Developer Community
Библиотека паттернов, использующихся в интерфейсе мобильной ОС Symbian^3. Хотя вики проекта обновляется не очень активно, в ней собрано достаточно полезных материалов.

Процесс

Notes from The ROI of UX — Proving the Value of User Experience Design
Бывший менеджер по продажам Erin Lynn Young делится своим опытом работы с клиентами, которые она применяет на своей новой работе проектировщика. В статье масса полезных советов о том, как правильно подавать и продавать интерфейсные услуги.

Design Is a Process, Not a Methodology
Pabini Gabriel-Petit написала один из лучших и наиболее подробных обзоров процесса проектирования. Статья в деталях описывает три ключевых этапа — предварительные исследования, проектирование и дизайн, поддержку разработки — и основные методики для каждого из них.

Recruiting Better Research Participants
Jim Ross дает ряд советов о том, как подбирать респондентов для юзабилити-тестирования и других исследований пользователей. В статье дается масса полезных советов по всем частям процесса.

Design Better And Faster With Rapid Prototyping
Неплохой обзорный материал Lyndon Cerejo о процессе работы над страницами интерфейса — от скетчей до интерактивных прототипов. Хотя сама тема уже разжевана не один десяток раз, в этой статье дана хорошая выжимка для начинающих.

12 emerging best practice for adding user experience work to agile software development
Jeff Patton рассказывает о своем 10-летнем опыте работы над интерфейсами в agile-процессе разработки. Статья дает серию полезных советов о том, как начать работать в таком режиме и постепенно совершенствовать его.

Кейсы

Designing the Hilo User Experience
Отлично иллюстрированный кейс о том, как проектировался экспериментальный просмотрщик изображений Hilo. Идея продукта сама по себе вряд ли интересна, зато детальное описание процесса работы над ним снабжено тонной примеров постепенного развития концепции — от первых скетчей до работающего прототипа.

Quotes from the User
Коллекция забавных высказываний пользователей, произнесенных во время юзабилити-тестирований и других исследований.

Теория

Achieving and Balancing Consistency in User Interface Design
Michael Zuschlag пишет о целостности интерфейса — он должен быть максимально унифицированным для того чтобы пользователю не приходилось изучать его заново на каждой новой странице продукта. Автор использует термин «наименьшее удивление» в качестве основного посыла статьи.

The Real Life Social Network (A Presentation by Paul Adams)
Paul Adams из Google описывает результаты масштабного исследования поведения пользователей в социальных сетях — в каких группах и как интенсивно общаются их участники. Масса интересных фактов, которые пригодятся при проектировании социальных интерфейсов.

The Dirtiest Word in UX — Complexity
Хорошая обзорная статья Francisco Inchauste на тему сложности интерфейсов — нормальное ли это явление или с ним нужно бороться. Он рассказывает о разнице в задачах, культурах и подходах в управлении сложными продуктами.

История

Know Your Icons — A Brief History of Computer Icons
Хорошо иллюстрированная примерами история развития пиктограмм в интерфейсах. Начиная с Xerox Star — первого коммерческого продукта, использующего концепцию GUI — статья показывает развитие метафор и стилистики в иконографике.

Inside the Mundaneum
Красиво поданная и отлично иллюстрированная история бельгийца Paul Otlet, автора идеи фасетной классификации. Буклет рассказывает о его проекте Mundaneum, который многие называют прототипом интернета.

Тренды

UX Storytellers
Регулярно обновляемый блог, который собирает интересные материалы по теме storytelling из разных отраслей. Этот подход сейчас активно продвигается в интерфейсном сообществе, так что многое окажется полезным в работе.

Checkout Abandonment on the Rise
Исследовательская компания Forrester провела опрос пользователей интернет-магазинов, в котором они рассказали об основных причинах брошенных корзин. Наиболее популярны 5 причин — высокая стоимость доставки, неготовность к покупке прямо сейчас, простое сравнение цен, слишком высокие цены, желание сохранить список покупок на будущее.

Материалы конференций

Web App Masters Tour 2010 Coverage — Reports, Presentations, Workbooks
Отчеты, презентации, конспекты и видео с серии мини-конференций Web App Masters Tour 2010, проходившей с марта по июль в Сан Диего, Миннеаполисе, Филадельфии и Сиэттле.

Постепенное вовлечение пользователей вместо формы регистрации

23 Июл

Алексей (aka lexxscorp) сделал перевод замечательной статьи Luke Wroblewski «Gradual Engagement Boosts Twitter Sign-Ups by 29%«. В статье описывается на примере Twitter’а, как можно вовлечь пользователей в проект и самое главное их заинтересовать. То есть как выполнить один из трех принципов — вовлечение (борьба с безразличием).

Недавно (весной этого года) Твитер перепроектировал процесс регистрации, чтобы увеличить количество новых пользователей. И хотя в новой версии в регистрацию добавилась ещё одна страница, то есть дополнительный шаг, конверсия всё равно выросла на 29%. Почему это произошло? Благодаря постепенному вовлечению.

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

Правильное постепенное вовлечение рассказывает пользователю об основной сущности сервиса путём простых взаимодействий. Если вы при этом осчастливите человека — даже лучше. Уилл Райт, создатель Sims & Spore, верит, что игры должны позволять человеку выигрывать в течении первых 5 секунд. Это хорошая философия, чтобы добиться постепенного вовлечения. На самом деле вы можете позволить людям за одно-два простых взаимодействия сделать то, в чём смысл вашего сервиса. Это наилучший вариант.

Термин «gradual engagement» я перевожу как «постепенное вовлечение». По-моему он точно отражает суть, но вы можете указать в комментариях свой вариант.

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

Вот как выглядела регистрация в Твитере до изменений
image

Она не попала в цель. Если человек решал зарегистрироваться, то его приветствовала форма, где он:

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

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

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

Новая версия регистрации в Твитере
image

И хотя новый процесс регистрации состоит из 4 шагов вместо 3-х и занимает больше времени, его полностью завершают на 29% больше людей, которые становятся гораздо более вовлечёнными в Твитер, чем раньше.

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

Ещё несколько мыслей

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

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

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

Экстремальные юзабилити методы от Яндекса

21 Июл