Архив | Обучение RSS feed for this section

Идеальный интернет-магазин или ожидания покупателей

6 Дек

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

Банальности? Да! Но, на мой взгляд, в большинстве интернет-магазинов Рунета можно повеситься, прежде чем ты найдешь то, что искал.

Итак, сначала рассмотрим что и где посетители вашего будущего интернет-магазина будут искать мышкой на экране:

image

Очевидно, что именно в местах наиболее «черных» и «насыщенных» и стоит размещать элементы страницы.

Исходя из этой информации можно накидать структуру «идеального» интернет-магазина:

image

Здесь вроде тоже всё понятно. Главное условие — стараемся не удивлять посетителя расположением элементов, это совершенно не нужно!

Регистрация

Про регистрацию до совершения покупки уже сказано и написано было очень много. Скажем лишь, что регистрации до покупки быть не должно. Зачем покупателю это нужно? Если он захочет, то он зарегистрируется после или до. Но нельзя его обязывать.

Вот отличный вариант решения этой проблемы:

image

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

И помните, что по статистике (Статистика от компании interUX) избавление пользователя от обязательной регистрации повышает конверсию на 20-40%.

Поиск

С поиском всё сложнее. Главная Ваша задача — показывать в результатах поиска только нужную информацию.

Рассмотрим пример с books.ru:

image

Поиск ozone.ru:

image

Сделайте вывод сами 🙂

Спасибо огромное компании Rindo за эту статью.

Реклама

О портрете проекта

2 Дек

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

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

Чтобы этого не случилось мы, в UXDepot, пишем для каждого проекта небольшой документ (пара-тройка страниц, не более), который служит нам верой и правдой на протяжении всей работы по проекту.

В нем нет воды и писанины не по существу. Наоборот — четкие и краткие ответы на несколько необходимых вопросов:

  1. Какие цели преследуют создатели проекта?
  2. Какие потребности пользователей удовлетворяет проект?
  3. Целевая аудитория.
  4. Какие возможности будут у пользователя проекта?

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

Во время дальнейшей работы этот документ обычно дорабатывается и слегка корректируется в сторону выбранного курса.

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

Автор: Ярослав Бирзул

 

Как прошла Юзабилити Украина ‘10

17 Ноя

Usability.by предоставили материалы с Юзабилити Украина ’10 которые я решил опубликовать здесь тоже.

Юзабилити Украина 2010

5-го ноября в конференц-холле Президент-Отеля в Киеве прошла первая всеукраинская конференция Юзабилити Украина`10.

Конференция Юзабилити Украина 2010 закончилась и самое время подвести итоги. С главной задачей организаторы справились — им удалось собрать 250 заинтересованных в теме людей и дать им возможность поделится опытом, обсудить проекты и сделать их лучше и удобнее.

И главную роль в этом сыграли, конечно, эксперты и докладчики из украинских и российских компаний: Алексей Ильин, Алексей Копылов,Андрей Воропай, Сережа Рачок, Юрий Ветров, Евгений Мусиенко, Владислав Флакс и Юля Леонова, Павел Гокин, Ярослав Бирзул, Ольга Марченко, Юрий Пероганич, Роман Рыбальченко, Антон Анисимов, Алексей Мась, Ольга Горенко и Олег Карапузов.
В течение восьми часов они старательно стимулировали мыслительную деятельность огромного количества людей: рассказывали о своих проектах и показывали слайды, комментировали распечатанные участниками страницы на “стене проектов”, отвечали на вопросы и вникали в проблемы участников конференции.

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

Это первое в Украине мероприятие такого масштаба, посвященное вопросам юзабилити.
Организаторы планируют продолжать свою деятельность – проводить конференции и семинары — не только в Харькове и Киеве, но и в других крупных городах Украины.

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

А вот здесь можно посмотреть сами доклады!

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

17 Ноя

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

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

7 Useful Design Strategies for a Successful Pricing Table
Серия принципов, которые позволят сделать страницу выбора тарифного плана более эффективной в продажах. Статья описывает принципы подачи информации и ценообразования в целом.

10 Reasons to Use Color
Connie Malamed, автор книги “Visual Language for Designers”, описывает цели использования цвета в дизайне и интерфейсе. Каждый способ привязан к определенной цели.

Which Types of Form Fields Lower Landing Page Conversions?
Dan Zarella описывает результаты исследования онлайн-форм на более чем 40 000 страницах, в ходе которого были найдены снижающие конверсию поля ввода. Хотя выводы достаточно краткие, сама информация более чем полезная.

Content Strategy Week @ Johnny Holland
Онлайн-журнал Johnny Holland выпустил серию статей, посвященных контент-стратегии. Ее пять основных тем — организация, целостность, понимание, стратегическое планирование и оценка.

8 Principles for Creating UX Poster Deliverables
Jason Wishard описывает восемь принципов работы над постерами, посвященными интерфейсу. Это отличный способ наглядной подачи результатов исследований и хороший итоговый документ для клиента.

Professor Q. Bert — Six lessons from games to bring fun to non-game apps and maximize a positive user experience
Статья Michael Zuschlag, в которой он рассказывает об игровых способах вовлечь пользователя в работу с продуктом. Автор описывает 6 правил, которые позволят сделать приложения и веб-сервисы более вовлекающими.

The Subtle Art of Seduction (презентация Stephen Anderson)
Отличнейшая презентация Stephen Anderson, в которой он показывает массу интересных примеров представления информации, форм и других элементов интерфейса в вовлекающем и эмоциональном виде.

What is User Experience Design? Overview, Tools And Resources
Да, это очередной обзор на тему “что такое user experience”. Но это лучший среди таких обзоров, так что если появляется необходимость объяснить это кому-либо из друзей или коллег — эта статья идеально подходит.

Инструменты

MeeGo UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС MeeGo от Nokia и Intel. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам — http://friendfeed.com/jvetrau/3876c515.

Bada UI Templates, Screenshots & Guidelines
Коллекция шаблонов, стенсилов и гайдлайнов для мобильной ОС Bada от Samsung. Она только начала собираться, но со временем вырастет в такую же объемистую подборку, как и по другим платформам —http://friendfeed.com/jvetrau/3876c515.

Free Toolbar Icons for Interface or GUI Designer
Отличный набор черно-белых иконок, который идеально подходит для использования в wireframes. Особенно хорошо то, что они представлены в двух вариантах — черно-белом и бело-черном.

Паттерны

iPad: Scroll or Card?
Oliver Reichenstein из компании Information Architects описывает два основных принципа подачи контента — скроллируемая и слайдовая подача. Он описывает предысторию холиваров на эту тему и дает рекомендации по поводу того, когда и что использовать.

Label Placement in Austrian Forms, with Some Lessons for English Forms
Внимание: к материалу этой статьи нужно относиться скептически — сложно оценить репрезентативность исследования. И все-таки сам поставленный вопрос более чем интересный — насколько удобно и понятно расположение названий полей формы под ними?

Процесс

Interfaith Marriage: Experience Design Meets Agile Development
Larry Constantine описывает хорошие и плохие сценарии работы проектировщика и дизайнера в рамках гибкого процесса разработки. По его мнению, меняться приходится в основном специалисту по интерфейсам, подстраиваясь под существующий процесс. Вторая часть статьи —http://www.informit.com/articles/article.aspx?p=1636984.

Кейсы

Beyond Staggered Sprints — How TheLadders Integrated UX into Agile
Команда проектирования рекрутингового сервиса TheLadders.com рассказывает о том, как менялся процесс работы над интерфейсом в рамках перехода к гибким методикам разработки. Статья особенно хороша тем, что авторы описывают весь путь становления нового процесса, включая все неудачи.

Making Sense of Complex Controls (Ford & IDEO Collaboration)
История о том, как Ford сотрудничал с дизайн-агентством IDEO с тем чтобы привнести в приборные доски автомобилей интерфейсные идеи из современных смартфонов. Первые результаты этой работы будут доступны на рынке в 2011 году.

Теория

Clear Reporting & Critical Thinking — Why User Experience Needs to Remember its Roots in Psychology
Отличная критическая статья Whitney Hess, которая предостерегает проектировщиков и дизайнеров от того чтобы слепо верить “результатам исследований и юзабилити-тестов”. Она рассказывает о том, что нужно знать о методологии и репрезентативности таких исследований.

The Invisibility of Disability
Alexander Dawson предлагает свой способ классификации степеней доступности (accessibility) продуктов. Его классификация хороша тем, что включает в себя не только физические ограничения пользователей.

Research: How Effective is Animation in Showing Temporal Trends?
Enrico Bertini из онлайн-журнала Information Aesthetics описывает результаты исследования компании Microsoft на тему эффективности использования анимации в визуализации данных. И хотя одно исследование не может охватить такую комплексную тему, в нем есть подтверждения эффективности подхода.

Everyone Forgets Memory
Статья Jeremy Britton и Dmitry Dragilev, в которой описывается принцип работы человеческой памяти и ее влияние на работу с интерфейсами. Авторы рассказывают о том, что именно запоминают люди и как использовать эти особенности.

История

Joypad Evolution — Design Patterns and Innovations in Game Controllers
Steve Cable из компании CXPartners подготовил масштабный постер, исчерпывающе рассказывающий историю развития игровых контроллеров. В сопроводительной статье есть несколько интересных выводов.

Тренды

Mobile First (презентация Luke Wroblewski)
Одно из выступлений Luke Wroblewski на тему “сначала проектируем для мобильных”, записанное в рамках LinkedIn Tech Talks. Он также написал обзорную статью на эту тему для издания TechRadar.
В новом окне

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

Design for Mobile 2010
Отчеты, презентации, конспекты и видео с третьей конференции Design for Mobile 2010, проходившей 20-24 сентября в Чикаго.

IDEA 2010
Отчеты, презентации, конспекты и видео с пятой конференции IDEA 2010, проходившей 30 сентября-2 октября в Париже.

User Experience Russia 2010
Презентации и видео с четвертой конференции User Experience Russia 2010, проходившей 6-8 октября в Москве.

Warmgun 2010
Отчеты, презентации, конспекты и видео с первой конференции Warmgun 2010, проходившей 8 октября в Сан Франциско.

via Юрий Ветров

 

Презентация с конференции «Юзабилити Украина ’10» — Case Study: Московский Кредитный Банк. Повысить конверсию или удобство использования?

17 Ноя

Привожу пост Юрия Ветрова о прошедшей конференции Юзабилити Украина 2010.

В конце прошлой недели, с 5 ноября, в Киеве прошла первая профессиональная конференция “Юзабилити Украина 2010“. Я выступил на ней с докладом “Повысить конверсию или удобство использования? Оба варианта лучше. Кейс с сайтом Московского Кредитного Банка“. Почему бизнесу мало интересно абстрактное “удобство использования”? Презентация рассказывает о том, что сайт для значительной части клиентов — инструмент продаж и в первую очередь необходимо решать коммерческие задачи, оставляя “неподчеркнутые ссылки” на второй заход.

Презентация

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

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

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

Как измерить эффективность вложений в перепроектирование? Для этого существуют метрики, выражающие ключевые показатели в цифрах, и способы подсчета ROI (уровень возврата вложений) на их основе. В презентации дается пример такой калькуляции для метрики “конверсия посетителей в потенциальные клиенты”. Используя условные цифры, делается вывод о том, насколько нужно повысить конверсию для того чтобы вложения в юзабилити как минимум вернулись, а еще лучше — принесли прибыль. После чего рассказывается о кейсе работы над интерфейсом Московского Кредитного Банка, улучшение которого позволило увеличить конверсию по входящим заявкам на 20%.

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

Я уже второй раз за последние полгода участвую в киевской конференции (первой был UXCamp.UA 2010) и каждый раз организаторы предлагают интересные форматы. Если в случае с июльским UXCamp это была активная командная работа над реальными проектами, то на Usability.UA 2010 организаторами была предложена “стена проектов” — здесь любой желающий мог разместить распечатки страниц своего продукта и получить комментарии о хороших и плохих сторонах интерфейса. Кроме того, интересным получился конкурс идей для новых турникетов киевского метро, которое как раз отмечает полувековой юбилей.

Отличным экспромтом также получилось живое юзабилити-тестирование сайта TSN.ua, которое мы вместе с Алексеем Копыловым из компании UI Design провели ближе к завершению конференции. Его целью было показать, как не нужно проводить такие тестирования — и мы постарались сделать как можно больше ошибок. В результате получился неожиданный стендап, хорошо повеселивший подуставших к концу мероприятия участников. Этому неожиданно помог ноутбук с системой MacOS, благодаря которому родился мем “сколько нужно юзабилистов, чтобы переключить язык на Маке?”. А также показал, что интерфейсы в первую очередь “привычные и непривычные”, а не “удобные и неудобные”.

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

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

WUD’09 Russia — Видео

15 Ноя

Да да, вы не ошиблись именно Всемирный День Юзабилити 2009! Пока все ждут записи WUD’10, предлагаю посмотреть видео с прошлого мероприятия.

WUD’09 Russia 

Вот здесь вы найдете 12 записанных докладов.

Инструменты для юзабилити тестирования сайтов

13 Ноя

Спасибо большое Ксении Тайченачевой за отличную статью и обзор инструментов для юзабилистов.

Всемирный День Юзабилити (World Usability Day, WUD) — ежегодный профессиональный праздник специалистов в области человеко-машинного общения, он отмечается ежегодно, начиная с 2005 года, во второй четверг ноября. В этом году он приходится на 11 ноября.

Главный лозунг Всемирного Дня Юзабилити — «Сделай жизнь проще!», а его задача — делать окружающий мир более дружественным к пользователю.

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


Зачем нужно проводить юзабилити тестирование?

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

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