Не все читатели (как, впрочем, и я) полностью согласны со всем, о чем говорит автор, поэтому я добавлю несколько ссылок, которые советую так же прочитать на эту тему:
‘Терминологические войны‘ на  Gui.ru
‘Юзабилити, дилетанты и ненависть‘ в блоге Usethics.
Еще можно в вики заглянуть на последок на эту тему.

С стремительным проникновением RIA (Rich Internet applications) технологий в ежедневную жизнь людей, всего за несколько последних лет наметился кардинальный рост популярности индустрии юзабилити и user experience.

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

Юзабилити
Юзабилити относиться к простоте, с которой пользователи могут достигнуть своих целей, используя какой-либо инструмент. Придя к нам из области human factors, юзабилити включает в себя много важных идей из психологии и статистики.
Юзабилити фундаментально “качественный показатель”, но использует много количественных данных, необходимых для определения слабых зон, которые нужно улучшить. Наука юзабилити обычно фокусируется на проведении экстенсивного тестирования на большом количестве пользователей, чтобы узнать, как пользователи взаимодействуют с интерфейсом и в каких местах они испытывают сложности и теряются. Часто используются методы более детального тестирования как, например, айтрекинг. Высоко “юзабильными” интерфейсами считаются интуитивные, простые и такие, каким можно легко и быстро обучится.

User experience
User experience относится к тому, как пользователи воспринимают свое взаимодействие с системой. User experience дизайн включает в себя и проектирование взаимодействия, и визуальный дизайн, и проповедует интерфейс, которым приятно пользоваться. Наука user experience, в отличие от юзабилити, чаще фокусируется на психологической составляющей взаимодействия с системой. User experience специалисты для создания своих интерфейсов используют как этнографические исследования, так и психо-графические. User experience дизайн более “качественно” ориентирован чем юзабилити. Часто user experience эксперты могут давать юзабилити экспертам свои наработки для тестирования и оценки.

Пока что самым простым (и самым частым, уж простите меня) примером для разъяснения разницы между юзабилити и user experience может быть сайт известного юзабилити эксперта Якоба Нильсена. Якоб посвятил всю свою жизнь изучению юзабилити и его сайт представляет собой страницу, с которой невероятно легко взаимодействовать: все легко найти, все на виду, важные и главные идеи выделены. Но, несмотря на высокий уровень юзабилити, отсутствие интересной разметки, дизайна, и даже плохая типографика делают сайт скучным и не воодушевленным. Тут я легко могу достигнуть своих целей, но вряд ли сам процесс будет веселым и приятным.

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

Моим любимым примером такой ситуации является Apple. Их продукция очень приятна в пользовании, но с точки зрения юзабилити, некоторые вещи просто ужасны. iPhone обвиняют в том, что его интерфейс часто запутан и требует большого количества нажатий для достижения цели. Все, кто пытался использовать приложение “Maps” для поиска маршрута во время вождения могут это подтвердить.

Если вам нужно больше доказательств, попробуйте объяснить своей бабушке, как пользоваться iTunes или app store’ом. В них практически невозможно разобраться без усиленного изучения интерфейса, а это, так или иначе, и есть определение низкого юзабилити. Позитивная репутация Apple в создании интерфейсов объясняется повышенным вниманием к user experience. Неудачи на iPhone могут быть более приятными для пользователя, чем удачное достижение цели на Blackberry.

Наверное, проще всего объяснить в двух словах различие этих двух терминов как искусство и наука. Юзабилити стоит ближе к науке, тогда как user experience больше связан с чем-то более субъективным, близким к искусству.
В осознании различий между этими двумя терминами, главное понимать, что для действительно успешных интерфейсов они оба одинаково важны.

Оригинал статьи. Автор статьи: RJ Owen, Senior Developer в Effective UI. RJ был lead developer’ом на проектах для Dow Jones, Random House and the Discovery Channel а так же причастен к разработке ebay Desktop и Adobe Video Workshop.

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

Из результатов такого тестирования на самом деле достаточно сложно сделать однозначные выводы. Из тех исследований, которые мне встречались в Рунете (Уанет, не считая нескольких рекламистов,  вообще молчит) все проходили достаточно формально. С рекламистами тоже интересная история с Eye-tracking, но это отдельная история.

Для примера, 1С Битрикс у себя в блоге писали не так давно о проведении Eye-tracking тестирования своего сайта. Кроме картинок и нескольких общих слов ничего о результатах из поста узнать не выйдет. Пользователям давали задание «определить, что предлагают, зачем, по чем и для чего». Так что серьезных выводов ждать от этого и не нужно. Замечу, что я почти не использовав ни сам Битрикс не его сайт, не раз слышал истории о проблемах с юзабилити (а одна моя знакомая могла бы даже написать целый обзор на эту тему;) ).

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

Как узнать, что человек почти сразу посмотрев на «Close window», отвлекся из-за того что кнопка очень яркая/контрастная или глаз просто «на всякий случай» нашел для себя на потом выход?

Инструмент очень интересный и цены на такие системы в последнее время поползли вниз, ими начали пользоваться и у нас. Насколько я знаю как минимум Usethics, и Юзабилити Лаб уже полным ходом используют Eye-tracking. В(на) Украине есть Brainberry, R&B Group.

Нашел еще презентацию Eye-tracking от Brainberry в 2008м году. В слайдах  есть “тестовое” исследование нескольких украинских сайтов.

Юзабилити пиццы

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

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

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

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

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

Не сочтите за рекламу, просто крутой сайт и пицца хорошая. Сам я в основном заказываю пиццу в другом месте. А еще у них крутой мейл для жалоб fuck@capo.com.ua =)

В случае с отображением прогноза погоды достаточно четко ответить человеку следующие вещи:
- Нужен ли сегодня зонт (или будет ли снег/град итд).
- Стоит ли одеться теплее (будет ли сегодня особенно прохладно).
- Максимально упростить выбор места или предугадать его.
Казалось, что могло быть проще.

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

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

В украинском/российском сегменте что-то похожее есть на Gismeteo (украинский и российский сайты почему-то отличаются дизайном) есть “Мой город”, где можно выбрать свой город и отдельно видеть прогноз для него, хотя реализация хромает. Развив идею, можно сделать несколько “своих” городов. По времени, отображать погоду сейчас, и на ближайшие 2-3 дня вполне достаточно. Странно, что нигде не встретилось отдельное выделение погодны на выходные и праздники, что порой интересует больше, чем то какая погода сейчас.

Как есть, и как это должно быть

Логическая цепочка выглядит приблизительно так:

Выбор места ⇒ наличие осадков ⇒ температура

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

Yahoo

Выбор города и поиск достаточно удобен. Свой город можно легко и быстро найти. Можно добавлять несколько городов в “избранные”. Все вполне просто и ясно.
 

Gismeteo

Украинская версия сайта – пример перенасыщенности. На один день 12 показателей, в добавок к этому день разделен на четыре части. И того чтобы бегло узнать какая сегодня будет погода нам предлагают 48(!) разных значений.

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

update:

Обновленный Гисметео “учел” много замечаний:

BBC Weather

Отдельно выделена ночная температура, также отдельно спрятана информация которая реже востребована: скорость и направления ветра, давление итд.

Weather.co.ua

(скриншот немного адаптирован)

Хорошо реализованный поиск городов, блок прогноза выглядит тоже достойно.
 

Яндекс

Одна из лучших реализаций из просмотренных нами. Краткий и подробный вид отлично справляются со своей задачей.

Rambler

Bigmir)net

Новая версия бигмира выглядит достойно. Некоторые вещи можно было упустить или хотя бы розяснить. “Точка росы: -1″ неочень много нам говорит.
 

Meteoprog.com.ua

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

Zaoknom.com.ua

Симпатичное решение. Разделение дня на части в отображении осадков удачная идея (главное чтоб прогноз был достаточно точным, чего увы часто нету)
 

Ukr.net

Iphone

(не совсем сайт но отличный пример простого прогноза)

Windows 7 . Windows Media Center

MacOS Widget

I.UA

Umbrellatoday.com

Umbrellatoday (сегодня взять зонт?)

Пишем город и получаем ответ нужен ли зонт сегодня. Gочти идеальный вариант.