Usability.by Case study | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Категория ‘Case study’

5 июня в Москве пройдет UXPeople — конференция по проектированию и дизайну интерфейсов

UXPeople - конференция по проектированию и дизайну интерфейсов в Минске 5 июня в Москве («Инфопространство», Зачатьевский пер., д.4) пройдет конференция UXPeople, посвященная вопросам проектирования пользовательских интерфейсов, user experience, дизайну и юзабилити. В качестве докладчиков приглашены опытные специалисты и руководители из России. Среди докладчиков: Юрий Ветров (mail.ru), Максим Ильяхов (Дизайн-бюро Артема Горбунова), Михаил Жашков (Прототип), Алексей Скобелев (Markswebb Rank & Report), Михаил Жарчев (Coub), Павел Манахов (USABILITYLAB) и другие.

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

Среди кейсов: новый сайт Президента России kremlin.ru, российские онлайн-банки, кассы самообслуживания, сервис Tilda.cc, Coub, процессы в Билайн, Look at me, М.Видео и т.д.

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

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

Ждем вас на конференции.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Делая интернет-платежи простыми и удобными. Перепроектирование системы A1Pay

Перепроектирование системы A1Pay

Сделать в России простую и удобную платёжную систему как для продавца, так и для покупателя — серьёзный вызов для любого UX-специалиста/проектировщика интерфейсов. Чем интереснее и сложнее задача, тем больше опыта и знаний получаешь в процессе работы. Именно над такой задачей я работаю и в этой статье хотел бы поделиться полученным опытом по перепроектированию и доработке системы интернет-платежей A1Pay.

В статье рассмотрены этапы работы, решения, которые были приняты и то, на чём они основывались. Описать в одной статье все интересные идеи, возникшие трудности и их решения, находки и т.д. -. не простая задача. Часть важных вопросов, например, измеряемые KPI и их значения, по понятным причинам, остались совсем за рамками.

Прочитать кейс полностью

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Как делали новый дизайн сайта Expression Engine

Как делали новый дизайн сайта Expression Engine

На Хабрахабре опубликован перевод статьи «Redesigning the ExpressionEngine Site»:

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

Прочитать полностью

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Совместная жизнь Agile и UCD на примере реального проекта

Первым результатом сотрудничества наших читателей стал совместный перевод статьи «Case study of agile and UCD working together». Сегодня мы публикуем этот перевод:

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

Этот реальный случай демонстрирует, как команда проектирования UX сайта ComputerWeeekly была интегрирована в группу разработки, придерживающейся гибких методологий. Важно заметить, что сами по себе методы, которые мы использовали, не гарантируют успешное завершение проекта. Люди могут как сделать, так и провалить любой проект. Найти и удержать «правильных» людей — ключ к успеху проекта.
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

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

На сайте Software People опубликовали перевод статьи Luke Wroblewski Gradual Engagement Boosts Twitter Sign-Ups by 29%

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

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

Читать полностью

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Рост продаж после повышения юзабилити и улучшения user experience сервиса PosterXXL.ru

Павел Коноплицкий Павел Коноплицкий
Проектировщик интерфейсов и специалист по юзабилити



Улучшение user experience и повышение юзабилити сервиса posterxxl.ru привело к росту чиcтой прибыли на 133%.

Чистая прибыль за 2008  и 2009 год

Для большого количества отечественных e-commerce сайтов и интернет-магазинов рост прибыли возможен без дополнительных затрат на рекламу и продвижение, за счёт улучшения пользовательских качеств сайта. О том, как это было сделано на примере сервиса posterxxl.ru вы узнаете из этой статьи.

Прочитать всю статью

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Является ли дизайн вашего сайта понятным для пользователей? Eye-tracking даёт ответ

Эта статья является первой в цикле статей об eye-tracking исследованиях — совместном проекте сообщества Usability.by и английской компании Realeyes. Специалисты из Англии не только расскажут о технологии eye-tracking на русском языке, разберут кейсы с её практическим применением, но и ответят на любые ваши вопросы.

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

Однако юзабилити-тестирования с использованием eye tracking технологий показывает, что зачастую это не так.

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

Понимают ли посетители цель вашего сайта? Или же страница, на которую они попали, их только смущает, не давая ответ о её назначении и цели?
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Новый интерфейс для банкоматов Wells Fargo

Новый интерфейс для банкоматов Wells Fargo

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

В статье «That design is money!» Holger Struppek рассказывает о том. как этого удалось достичь.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Инструментарий Human-Centered Design

Инструментарий Human-Centered Design

IDEO в партнёрстве с International Development Enterprises (IDE), Heifer International, ICRW и фондом Билла и Мелинды Гейтс разработали инструментарий для применения практик Human-Centered Design для поиска новых решений проблем в сложных условиях и местах, где в них особенно нуждаются.

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

От бумажного до интерактивного прототипа

бумажный прототип

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

О других средствах прототипирования вы можете узнать из презентации «Обзор средств прототипирования веб-сайтов»

интерактивный прототип в Axure

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

13 ошибок в проектировании dashboard McAfee ProtectionPilot

Стивен Фью написал прекрасную книгу под названием «Information Dashboard Design: The Effective Visual Communication of Data» (кого заинтересует книга в электронном виде напишите мне), в которой он описывает много критериев для эффективной визуализации данных о состоянии системы. В статье «How to Evaluate Dashboard Design — A Case Study» Нил Ливи на примере программы McAfee ProtectionPilot привёл 13 распространенных ошибок в проектировании dashboard.

Примеры других панелей можно посмотреть на сайте Dashboard Spy

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

10 улучшений юзабилити интернет магазина Mark&Spencer

юзабилити интернет магазинов

В прошлом году интернет-магазин Mark&Spencer провёл ряд улучшений. Это позволило ему увеличить продажи на 78% за 13 недель к декабрю прошлого года.

Какие улучшения юзабилити повлияли на повышение продаж, читайте в переводе статьи «10 things M&S can do better online»

Что необходимо сделать, чтобы увеличить продажи Вашего интернет-магазина? Ответ на этот вопрос Вы получите из юзабилити анализа от группы экспертов 1point.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Контроль качества интерфейсных решений на всех этапах процесса проектирования и разработки

В прошлую пятницу, 24 апреля, в Питере прошла пятая ежегодная конференция “SQA Days 2009“. Юрий Ветров выступил на ней с мастер-классом “Контроль качества интерфейсных решений на всех этапах процесса проектирования и разработки“. В нем рассказывается об основных этапах процесса проектирования, возможных форматах взаимодействия, а также методах и подходах, которые позволяют проверить и улучшить потребительские качества продукта.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Исследование предметной области. Работа с информацией в процессе изучения

Юрий Ветров Юрий Ветров, руководитель UI Modeling Company (Санкт-Петербург)


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

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

Исследование предметной области. Работа с информацией в процессе изучения

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

История одной кнопки

Геннадий Драгун Геннадий Драгун, Lead Information Architect EPAM

Перевод статьи Douglas Bowman, “Recreating the Button”

… Я хочу рассказать о разработке кнопок, которые с недавнего времени используются в Gmail, чуть ранее они появились в Google Reader. Эти кнопки выглядят очень похоже на стандартные HTML кнопки. Но они более интерактивны. Для этих кнопок не нужны изображения, они созданы исключительно средствами HTML и CSS, плюс немного JavaScript для управления их поведением. Их внешний вид легко поменять, переписав лишь пару строк CSS, что очень важно сейчас, когда у Gmail появились темы.

Мне показалось интересным рассказать о процессе разработки этих кнопок, о всех тех итерациях, которые нам потребовались.

GMail buttons
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Редизайн Craigslist

Craigslist один из самых популярных сайтов в мире. Каждый месяц он обслуживает миллионы пользователей, которые публикуют и просматривают объявления. На момент написания статьи, Craigslist занимал 28 место наиболее посещаемых сайтов на английском языке в мире по версии Alexa. Несмотря на то, что Craigslist пользуется такой популярностью, все критикуют его за дизайн, который устарел на лет 10.

О том, как удалось добиться повышения пользовательских качеств сайта Craigslist читайте в статье Redesigning Craigslist With Focus On Usability

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Повелительный жест

Идея продукта - управление телевизором рукой

Компания Canesta, Inc. занимается выпуском недорогой электроники и разработками, которые позволяют управлять электронными устройствам (промышленным, медицинским, автомобильным, игровым и даже военным) на расстоянии, распознавать и реагировать на действия других объектов в режиме реального времени.

Осенью 2008 представители компании Canesta обратились в Kicker Studio, чтобы те создали прототип, демонстрирующий последние достижения компании на выставке Consumer Electronics Show 2009. Таким прототипом стал развлекательный центр, управляемый только жестами распознаваемыми камерами Canesta.

Полный разбор проекта от идеи до реализации читайте в заметке в блоге Kick it

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua