company_banner

Красивое удобнее, чем некрасивое? Обзор исследований



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

    Это попробовали проверить с помощью эксперимента. В 2000 году вышла известная публикация (в названии спойлер) What is beautiful is usable (N. Tractinsky*, A.S. Katz, D. Ikar).

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


    Один из макетов — главное меню: в нем нужно выбрать цифрами нужный пункт

    Уровней юзабилити было два: дефолтный и плохой.

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



    Студенты должны были выполнить обычные «банкоматные» задачи: снять и внести деньги, проверить баланс — и их комбинации. Перед и после выполнения задачи у них спрашивали: выглядит ли красиво, информативно и удобно? Также замеряли время выполнения задач.
    Перед началом работы коэффициент корреляции Пирсона между тем, насколько удобным и красивым казался интерфейс, был довольно высокий: r = 0,66.

    На всякий случай проговорим, что корреляция — это статистическая взаимосвязь двух величин. Она не означает того, что одно явление является причиной или следствием другого, но помогает сделать прогноз, как изменится одна величина при изменении другой. Линейный коэффициент корреляции изменяется от −1 до 1. Чем ближе корреляция к 0, тем меньше связь между величинами. Если корреляция отрицательная, значит, одна величина растет, когда другая падает. А если положительная, то они увеличиваются или уменьшаются взаимосвязанно.

    После эксперимента оценки студентов тоже сильно коррелировали между собой: r = 0,71.
    Общая удовлетворенность использованием сильно коррелировала не только с воспринимаемым юзабилити (r = 0,87), но и с воспринимаемой эстетикой (r = 0,71).

    Это большая корреляция или маленькая? Например, взаимосвязь стоимости рубля в долларах и барреля нефти за 2014—2016 годы равна 0,94. Это больше, чем у красоты и юзабилити, то есть нефть и рубль связаны сильнее.

    А корреляция между удельным весом водки в структуре продажи алкоголя и уровнем суицидов почти такая же, как у красоты и юзабилити: r = 0,86 среди мужчин; r = 0,71 среди женщин.
    В общем, Трацинский по результатам эксперимента установил, что красота и юзабилити связаны очень сильно.



    Обзор исследований


    После Трацинского проводили довольно много исследований на эту тему, и все показывали разное.

    Есть два больших обзора исследований — 2010 и 2012 годов.

    В 2010 году Хассенцахль и Монк попробовали сравнить исследования о связи юзабилити и красоты (The Inference of Perceived Usability From Beauty, Marc Hassenzahl & Andrew Monk).

    А в 2012 то же самое сделали швейцарцы с датчанами (Is beautiful really usable? Toward understanding the relation between usability, aesthetics, and affect in HCI, Alexandre N. Tuch, Sandra P. Roth, Kasper Hornbæk, Klaus Opwis, Javier A. Bargas-Avila).

    Перечни статей, вошедших в обзоры, немного разные, так что рассмотрим оба.


    Цветом отмечены исследования, которые есть в обоих обзорах

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

    Термины




    Хассензахль вводит 3 понятия, к которым и пытается свести весь остальной зоопарк других исследователей.

    Хорошесть (goodness) — оценка продукта в целом



    Гедонистическое качество (hedonic quality) — аспекты пользовательского интерфейса, которые обращаются к желанию человека получать удовольствие и избегать скуки и дискомфорта. Аспекты, которые интересны, оригинальны, интересны и привлекательны. Положительный субъективный опыт. Где-то тут внутри помещается красота, эстетика



    Прагматическое качество (pragmatic quality) — то, что обычно подразумевается под юзабилити. Наличие нужного функционала и простота доступа до него.



    Способ вычисления



    Сравнение исследований в статье Marc Hassenzahl & Andrew Monk, 2010

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

    Если исследование помечено как Participant, то каждый участник оценивал продукт, а корреляцию вычисляли между оценками каждого конкретного участника. Если участник оценивал несколько продуктов, то вычислялось среднее между оценками этого участника и уже между этими средними строили корреляцию.

    Если исследование помечено как Pooled — оценки различных продуктов, сделанные одним и тем же участником, рассматривались как независимые наблюдения.

    Корреляция


    Коэффициент корреляции изменяется от 0,92 до 0 (нормальный разброс, конечно), но медиана 0,49 — меньше, чем нефть и рубль, но больше, чем корреляция между ростом и длиной пениса, например (0,44, 1899 Loeb)



    Изменчивость коэффициента: 25% процентиль = 0,14; 75% = 0,68).

    Во втором обзоре не анализировали методы расчетов и не вычисляли среднюю корреляцию.


    Сравнение исследований в статье Alexandre N. Tuch, 2012

    Но если просто посчитать среднее арифметическое (я уверена, что это делается не так, но как могу), получится 0,48. Совпадает с первым обзором.

    Выводы


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

    Но в большинстве исследований ученые пришли к выводу, что связь между красотой и юзабилити есть. Если посчитать медианный результат по всем исследованиям, корреляция будет около 0,49.

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

    Напоследок:



    Два варианта сайта, на которых проводилось тестирование в одном из исследований. Кстати, тот который с открытой головой полностью заборол (80% против 20%) обычный для категории от 7 лет до 14, для студентов и дальше — наоборот.
    Tinkoff
    it’s Tinkoff — просто о сложном

    Комментарии 12

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

      Среди каких, где? В офисе Тинькова?

      Красивое удобнее, чем некрасивое?

      Черное легче, чем синее? А белое больше, чем зеленое?

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

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

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

        Приложение банка уже не просто интерфейс для работы с деньгами, а чертов инстаграм с историями, а если ты их не смотришь то тебе придет пуш уведомление! Ты хочешь отключить пуш об историях? а настройки такой НЕТ, пишешь в чат, и какой то оператор студент отключает тебе вообще все уведомления, включая уведомления списания денег ))

        Перевод на компанию? Если раньше для этого был логичный пункт с логичными полями для ввода данных, то теперь есть перевод по номеру договора, в котором 3 пункта, номер договора, сообщение получателю, и деньги. А где остальные поля? А ты сначала данные введи, нажми продолжить, и тебя будет ждать вторая страница для данных! Логика? ее нет.

        Даже оплата платежки по квартире превращается в разминирование бомбы, сканируем QR, приложение все распознает и спрашивает, надо ли включать ндс? А я знаю? Сбербанк не спрашивает, он делает.

        Раньше были цели, по сути просто счет копилка, нажал добавить, ввел название, стоимость, и тип цели что бы иконка была, самолетик там, домик. Теперь ты создаешь цель, тебя спрашивают сумму, и все, вот твоя цель! Как название сменить? В настройках цели можно узнать ее ставку, завершить цель, а название то где? А все не так просто, оказывается строку цели можно СДВИНУТЬ! при том нигде больше в приложении никак и ничего не двигается, только эти строки, что мешало это все добавить в пункт настроек?

        И таких примеров я могу написать еще с десяток.
        Пост о юзабилити от тинькова, это не полезное чтиво, а насмешка над их клиентами которым приходится использовать их же приложение.
        0
        В восприятии красоты всегда есть три слоя: отражение функциональности, текущие тренды ≈ мода, индивидуальные особенности. Первое более-менее объективно; второе — социально, то есть, строго говоря, субъективно, но с шансами определить «системную ошибку»; третье — чисто субъективно. Влияние третьего слоя легко свести на нет большим объёмом, но вот надёжных методик разделения слоёв и фильтрования системной ошибки во втором слое, насколько я понимаю, сегодня нет. Так что да, это всё пока крайне сомнительно.
          0

          Интересно, известных попыток персонализировать дизайн сайта/приложения ещё не было? Условно, зашёл из Москвы, — получил дизайн, говорящий об эксклюзивности и возвышенности. Зашёл из Зажопинска, — о стабильности и незыблемости?

            0
            Эм. Эти попытки вокруг нас уже лет 20 точно )
            Самый простой пример — персонализация лент в соц сетях.
              +1
              Но это же контент, а не внешний вид. Внешний вид, кажется, все-таки не подстраивают под человека (ну, кроме темной темы ночью).
              Хотя приложение Сбербанка, кажется, меняет приветственную картинку в зависимости от региона (на Байкале у меня появились нерпы и это довольно прикольно было), но это тоже не совсем то.
                0
                Ну для начала нужно что-то знать о пользователе. Персонализация по геолокации имеет проблему, с которой я постоянно сталкиваюсь — ошибки определения из-за провайдера. Я постоянно, во всех магазинах, в Краснодаре.
                Темная тема — самое доступная с технической точки зрения. Можно попытаться узнать настройку правша/левша. Но если мы с пользователем работаем давно, то по собранной статистике можно менять интерфейс, делать более доступными часто используемые функции и т.п.
                  0
                  В одном из мессенджеров, кажется, можно было настраивать цвет кожи всех смайликов )
                    0
                    Да, есть такое.
                    Но то, что может настроить пользователь не дает «волшебства», когда оно (приложение) само все для тебя сделало :)
                    Но не везде такие функции нужны, а много где и вредны.
          0

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

            0
            Интересно, что в обеих обзорах наименьший коэффициент корреляции у MP3 / аудио плейеров. Не потому ли, что в этом сегменте разработчики в погоне за «красивостью» сильно перегнули планку? (то, что изображено на картинке в статье может и красиво — это дело вкуса, — но «юзабилити» там явно стремится к нулю)

            То есть — может для максимального удобства использования есть какой-то оптимальный уровень красоты? такой, что и более красиво, и менее красиво будет только хуже?
              +1
              В обоих обзорах одна и та же статья про mp3 плееры.
              То ли в этой статье статье, то ли в другой разбивали красоту дополнительно ещё на две категории: классическая и экспрессивная. И классическая отвечала (как мне кажется) за читаемость и вот это вот все, а экспрессивная за безумный полет мысли и художник так видит. То есть с классической красотой перегнуть, наверное, нельзя, а вот с экспрессивностью может и можно, если продукт не рекламный.

              image
              Обозреваемые в статье скины плееров

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

            Самое читаемое