Что такое UX на самом деле? Разбор

Сегодня мы наконец разберемся, что на самом деле значит User Experience или UX. Зачем почти в каждой компании целый исследовательский центр.
vedensky 17 декабря 2021 в 06:05

Помните, как приложения загружались раньше?

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

Сейчас приложения либо загружаются быстро, либо используют анимации с иногда забавными текстами. С таким подходом нам спокойнее и понятно, что происходит. А знаете что изменилось? Анимация, цвета, скорость загрузки? Нет, главное — изменился UX, то есть пользовательский опыт. И сегодня мы поговорим об этом загадочном понятии.

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

Вы можете прочитать кучу статей про UX, посмотреть все эти полуторачасовые лекции на YouTube и скорее всего пройти пару курсов по UX. Но всё равно вы не поймете, что это это такое. Поэтому сегодня мы расставим все точки над UX/UI. Объясним, что такое пользовательский опыт и покажем на практике, как его изучают и проектируют.

Что такое UX?

Итак, что же такое UX? Отмотаем время лет на 30 назад. На дворе начало 90-х, персональные компьютеры еще не стали массовым явлением. Они дорогие, громоздкие, и всё еще непонятные и пугающие.

В начале 90-х годов, в те времена опыт покупки персонального компьютера был не самым приятным, начиная от поиска информации о продукте, покупки, распаковки и сборки. И вот в это, пока еще неопределенное для ПК, время, в компанию Apple приходит учёный в области когнитивной психологии Дон Норман.

Он создает и возглавляет «Отдел проектирования пользовательского опыта» (User Experience Architect’s Office). И мир узнает новый термин — UX.

Сам автор термина Дон Норман, объясняет это так.

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

Задачей отдела Дона Нормана было улучшить этот опыт на всех этапах.

Согласитесь, звучит немного размыто. Поэтому примеры: давайте сперва поймем, что такое плохой UX?

Вот есть хороший пример c сайта ux.pub про Playstation 5.

Хорошо известно, что в PS5 маловато внутренней памяти, но есть возможность её расширить. Для чего вам нужно сначала где-то найти совместимый SSD диск. Далее нужно вскрыть устройство совершенно неочевидным образом и установить диск. И на каждом этапе легко накосячить. Поэтому ходе процесса вы будете:

? Нервничать, из-за страха сломать консоль.

? Вы будете испытывать чувство дискомфорта.

? Вы будете предвкушать сожаление.

Но вот вы с горем пополам установили диск, и скрестив пальцы включаете консоль.

И что вы увидите?

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

Вам никто не сообщает, что всё прошло хорошо. Наоборот в вас селят сомнения словами “если у вас возникли проблемы…” Более того вам показывает скорость чтения, но никто не говорит — хорошо это или плохо. А ведь достаточно было добавить небольшое сообщение, что этой скорости достаточно, и вы бы могли вздохнуть спокойно и не жить дальше с мыслью, что теперь из-за неправильного SSD в любой момент что-то может пойти не так.

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

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

Специалист по UX

И тут появляются специалисты по UX. Чаще всего называют UX-дизайнерами, хотя к дизайну они не всегда имеют какое-либо отношение. И вот почему: UX-дизайнер занимается не дизайном, а проектированием эмоционального отклика пользователя при взаимодействии с продуктом. Для чего UX-дизайнеры составляют карту клиентского пути или Customer Journey Map. И выглядят такие карты реально часто пугающе. Вот к примеру, карта посетителя гипермаркета (интерактивная версия).

Что это? По сути на этой карте указаны эмоции пользователя, которые он испытывает по мере взаимодействия с продуктом или компанией, и предложения как сделать эмоции позитивнее. Но каким образом мы можем управлять эмоциями человека? Разберём на примере.

Вам нужно принять участие в видеоконференции, допустим через Microsoft Teams. Она начинается, вам кидают ссылку-приглашение, вы на неё нажимаете и выясняется, что вам нужно зайти через ваш аккаунт Microsoft. А вы забыли либо логин, либо пароль. И дальше начинаются пляски: восстановление пароля, всякие вводы капчи, подтверждения по SMS, а  ведь созвон давно идёт. Вы нервничаете, злитесь, ошибаетесь.

И еще ладно, если вы находитесь в спокойной обстановке: дома или в офисе и сидите за большим экраном. А если вы в кафе или вообще созваниваетесь на бегу со смартфона?

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

Контекст

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

Поэтому в UX есть понятие контекста. Если вернуться к предыдущему примеру: если вы делаете созвон дома и в уюте — это один контекст. Тут можно никуда не спешить, всё привычно и удобно. Например, работая за компьютером, ввести капчу в браузере неприятно, но не критично. А если вы за рулём и мобильное приложение требует указать, где на картинке автобус? То могут быть проблемы. Как бы тут в реальный автобус не въехать.

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

Лаборатория

И для того, чтобы проработать различные контексты, компании строят огромные исследовательские центры, напичканные технологиями, в которых имитируют контексты из реальной жизни. В России совсем недавно такой центр открыл Альфа Банк. Собственно в нём мы и подготовили этот ролик.

Чтобы вы понимали насколько все серьезно: это огромное помещение площадью 500 квадратных метров и здесь находится сразу 15 тестовых пространств, среди которых есть:

  • Вагон метро
  • Квартира
  • Офис
  • Улица
  • И даже целое Phygital отделение банка

Тут ребята тестируют новые идеи продукты и сервисы. Как всё устроено?

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

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

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

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

Выводы

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

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

USB-C станет в 2,4 раза мощнее?

Через обновлённый USB-C можно будет быстрее заряжать мощные и требовательные ноутбуки, а также большие мониторы.
aka_opex 27 мая 2021 в 07:59

USB-C разъём скоро получит версию 2.1 и этот апгрейд сделает интерфейс мощнее почти в 2,5 раза.

На форуме USB Implementers сообщили, что скоро появится возможность сделать новую спецификацию питания через разъём. Благодаря новой категории Extended Power Range (EPR) через такие разъёмы можно будет получать питание мощностью до 240 Вт. Для сравнения сейчас питание ограничено стандартом Power Delivery мощностью 100 Вт.

Сила тока останется на той же отметке в 5 Ампер, но за счёт новой технологии изменится вольтаж с 20 до 48 В.

Такой апгрейд позволит быстрее заряжать игровые ноутбуки и питать большие мониторы через этот разъём. При этом понадобится ещё и новый кабель, который будет поддерживать силу тока в 5 А и вольтаж в 50 В.

Sony показала интерфейс PlayStation 5 и новые фишки

Как будет выглядеть главное меню PlayStation 5? Почти также как в PS4, но с незначительными изменениями и улучшениями.
aka_opex 15 октября 2020 в 06:42

Сегодня компания Sony выпустила очередной ролиук из серии State Of Play, в ходе которого показала новую версию пользовательского интерфейса, который со времен PS3 принято называть XMB — XrossMediaBar.

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

Среди забавных нововведений — подсказки к трофеям теперь будут видеть пользователи с подпиской PlayStation Plus. ТАкже магазин теперь не отдельное приложение — он интегрирован в интерфейс.

Говорят, что интерфейс адаптирован под 4K-телевизоры, при этом иконки игр и приложений нам показались довольно небольшими и напоминают иконки приложений в iOS или Android. А по форме это кажется — сквиркл.

В целом интерфейс не сильно видоизменился в сравнении с PlayStation 4.

Напоминаем, что старт продаж намечен на 19 ноября. Приставка стартует одновременно по всему миру.

Google сделает красиво

Компания поможет быстро создать уникальный интерфейс смартфона
Arina 13 марта 2017 в 06:45

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

  • Готовый вариант
  • Обои
  • Иконки
  • Лаунчер
  • Виджеты
  • Клавиатура

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

Источник: Android

Google готовит масштабный редизайн Play Music

Илья Рябов 14 ноября 2016 в 03:46

Google не дождалась 2017 года и обновляет дизайн приложений прямо сейчас. Вслед за агрегатором новостей, изменится интерфейс стримингового сервиса Play Музыка.

Новая Google Music

Дизайнеры сосредоточат внимание пользователя на поиске свежих композиций. Главный экран займёт «витрина» с рекомендациями и тематическими подборками.
(далее…)

LG подробно рассказала об особенностях UX 5.0

Илья Рябов 28 марта 2016 в 06:05

LG удивила публику на MWC 2016 необычной конструкцией нового флагмана G5 и дополнительными аксессуарами.

LG UX

Закрепить вау-эффект призвана оболочка UX 5.0, возможности которой компания продемонстрировала в отдельном ролике.
(далее…)

Google «узаконила» бар нижних кнопок в Material Design

Илья Рябов 15 марта 2016 в 06:42

Внимательные пользователи отметили, как в приложениях Google стал отображаться новый элемент интерфейса — нижний бар с кнопками. Сначала он появился в Google+, спустя пару месяцев — в Google Photos.

Navigation bar

Сегодня Google обновила догмы Material Design, в которых «узаконила» этот элемент, пришедший из iOS.
(далее…)

Создатель Material Design раскритиковал интерфейс iOS

Илья Рябов 30 декабря 2015 в 06:37

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

iOS vs Android

За удачный внешний вид Android 5.0, до которого систему долго ругали за неопрятный облик, стоит благодарить создателя Material Design Матиауса Дуарте. Вице-президент Google по дизайну и родоначальник нового тренда в дизайне интерфейсов в интервью Wired раскритиковал интерфейс iOS.
(далее…)

Скриншоты оболочки TouchWiz 6.0 попали в сеть

Илья Рябов 3 декабря 2015 в 03:35

В сеть «утекли» скриншоты, которые демонстрируют внешний вид надстройки TouchWiz над Android 6.0 Marshmallow.

TouchWiz

Главным и заметным отличием нового интерфейса стал плоский дизайн и общее упрощение оболочки.
(далее…)

Samsung запатентовала голографический интерфейс для смартфонов

Илья Рябов 12 августа 2015 в 02:53

Несколько лет назад идея нажимать на экран казалась странной. Если же сегодня в руки попадает телефон с кнопками, то ступор на пару секунд гарантирован. Подобные мозговые «сбои» ясно показывают, насколько люди привыкли к сенсорным дисплеям.

Однако Samsung решила пойти ещё дальше. Стало известно, что компания запатентовала голографический интерфейс для смартфонов.
(далее…)