User Experience: основы, полезные книги, примеры

Но независимо от того, сколько изменилось в производственном процессе, успех веб-сайта все еще зависит всего от одной вещи - того, как пользователи чувствуют его. “Полезен ли этот сайт для меня? Действительно ли он легок в использовании? Приятно ли его использовать?"

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

User Experience дизайн направлен на то, чтобы получить “Да” на все эти вопросы.

Что такое User Experience?

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

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

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

Термин “User Experience” был введен доктором Дональдом Норманом, исследователем когнитивистики, который был также первым, кто описал важность ориентированного на пользователя дизайна (понятие, что проектные решения должны быть основаны на потребностях и желаниях пользователей).

Почему так важен UX?

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

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

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

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

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

Design Interactions

Эту книгу делает уникальной то, что она содержит в себе мысли 40 блестящих умов о UX дизайне.

About Face 3: The Essentials of Interaction Design

Как подзаголовок говорит, в этой книге есть основы interaction design. Книга обязательна к прочтению для всех, кто работает в этой области.

Microinteractions: Designing with Details

Дэн Сэффер объясняет и иллюстрирует правила и структуру микровзаимодействий в этой легкой для чтения книге.

Designing Interfaces: Patterns for Effective Interaction Design

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

Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences

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

Search Patterns: Design for Discovery

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

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

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

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

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

UX, или пользовательский опыт (user experience), охватывает все аспекты взаимодействия конечного пользователя (end-user) с компанией, ее услугами, и ее продуктами. Он представляет собой совокупность всех ощущений человека во время этих взаимодействий.

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

Ключевые понятия UX

1. Проектирование взаимодействия

Под взаимодействиями понимаются все клики, скроллы и действия, предпринятые пользователем на сайте. Они являются неотъемлемой частью пользовательского опыта: если человек не может успешно взаимодействовать с сайтом, его опыт нельзя назвать положительным. Проектирование взаимодействия (interaction design) стремится раздвинуть границы простого функционала, так чтобы каждое действие пользователя вызывало у него восторг, и, в конечном счете, формировало вовлекающий пользовательский опыт.

2. Пользовательский интерфейс

Понятия UI и UX часто путают и используют (ошибочно) как синонимы. Тем не менее, (user interface) — это то, что видит пользователь и с чем взаимодействует, в то время как пользовательский опыт (user experience) — это все аспекты ощущений во время использования вашей системы.

3. Визуальный дизайн

Не последнюю роль в построении положительного опыта играет (visual design). Среднестатистический посетитель вашего сайта, вероятно, не заметит все нюансы проектирования взаимодействия или информационной архитектуры, тщательно продуманные вами, но они точно обратят внимание на визуальную составляющую. Под визуальным дизайном подразумевается все, что вы видите на странице, начиная от изображений и структуры страницы, заканчивая шрифтом под иллюстрациями и пустым пространством (whitespace). По статистике, первое впечатление на 94% зависит от дизайна, а выводы о доверии к сайту на 75% основываются на его общей эстетике.

4. Типографика

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

5. Юзабилити

Юзабилити (usability) — это обязательный минимум вашего UX. Если люди не могут использовать ваш продукт, они, естественно, не будут этого делать. Основной целью юзабилити является достижение простоты и удобства. Чем меньше внимания человек уделяет тому, как пользоваться системой, тем легче ему осуществить имеющуюся у него задачу.

6. Информационная архитектура

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

7. Контент

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

8. Функциональность

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

6 шагов проектирования UX

1. Изучить пользователей

Первым делом, необходимо понять, для кого именно вы проектируете. Существует много методов получить информацию о ваших пользователях. Сочетайте количественные и качественные данные аналитики и отзывов. Только поняв цели, потребности и желания ваших пользователей, вы сможете создать для них эффективный дизайн. Составьте профиль посетителя (persona) — собирательный образ всех ваших клиентов. Кто они? Какие у них цели? Каковы их «болевые точки»? Мотивы? Постарайтесь как можно более подробно описать ваших пользователей.

2. Определить сценарии

Далее, основываясь на результатах ваших исследований, четко определите, чего вы (а точнее ваши пользователи) пытаетесь достичь. Создайте идеальную « » (journey map) вашего клиента и выявите любые возможные барьеры на его пути. Определите как можно больше сценариев и способов применения вашего продукта/сервиса. Существуют ли какие-либо технические ограничения? Согласуется ли то, что вы собираетесь делать, с видением продукта/сервиса?

3. Сформулировать идею

Соберите воедино всю собранную информацию и приступайте к мозговому штурму. Создайте раскадровку (storyboard) или «доску настроений» (moodboard) для визуальной передачи проблемы, которую вы пытаетесь решить. Это также отличный способ представить свою идею всем заинтересованным лицам, участвующим в процессе принятия решения.

4. Создать прототип

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

5. Провести тестирование

Тестирование имеет жизненно важное значение для проектирования UX. Это не обязательно должен быть долгий, трудоемкий процесс. Согласно Nielsen Norman Group, 85% всех проблем на вашем сайте может быть выявлено всего 5 пользователями. Попросите ваших коллег произвести удаленное (remote user testing) или же предложите клиентам испытать новые функциональные возможности до их полного внедрения.

6. Повторить шаги при необходимости

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

Почему стоит инвестировать в UX?

1. Повышение лояльности к бренду

Люди взаимодействуют с вами, чтобы решить какую-то свою задачу. Если они удовлетворены опытом взаимодействия с вашим продуктом, они с большей вероятностью продолжат пользоваться им и будут рекомендовать своим знакомым. Благодаря хорошему UX пользователи становятся «адвокатами» вашего бренда (brand advocates).

2. Увеличение прибыли

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

3. Экономия времени, денег и ресурсов

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

Сразу договоримся, что UX от UI - не синонимы. Это, если хотите, - разные стороны одной монеты.

В общих чертах

User Experience - опыт взаимодействия пользователя с устройством или приложением.

User Interface - пользовательский интерфейс, посредством которого это взаимодействие происходит.

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

Usability (удобство использования) - это и часть, и следствие UX-дизайна.

Также UX и UI - это разные области дизайна, которые не существуют друг без друга.

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

Сам процесс работы неощутим. Вы просто кликаете по иконке и выполняете свои задачи. Это результат правильного UX-дизайна. Он абсолютно незаметен, если идеально выполнен.

Иными словами, результат UI мы видим, UX - понимаем. От всего вместе - ощущаем удобство использования.

Соответственно UX и UI-дизайнеры выполняют разные задачи общего проекта. Теперь можно и подробнее разобраться.

UX-дизайн

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

Да, если взаимодействие позитивное, о нём не говорят, потому что это воспринимается как должное. В противном случае - сразу прокомментируют.

Пять уровней User Experience Джесса Гарретта

1. Определение стратегии проекта (задачи бизнеса и пользователя).

2. Работа над определением всех нужных функций приложения или сайта.

3. Проектируется информационная архитектура и общее построение приложения.

4. Компоновка и прототипирование страниц.

5. Проработка блоков каждой страницы и расстановка акцентов на информации.

User Experience решает такие задачи, как:

• общая архитектура и последовательность страниц приложения;

• расположение и важность отдельных элементов (например, предусмотреть их для размеров экрана iPhone и iPad);

• удобство использования приложения;

• обновление экранов существующего приложения.

UI-дизайн

Это работа над визуальной составляющей дизайна приложения. Иными словами, привлекательная «упаковка».

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

User Interface - это визуальная реализация User Experience. Все, что заложено в приложении на этапе разработки UX, пользователь воспринимает в том виде, который отображен посредством UI.

Задачи User Interface:

• обеспечить должное взаимодействие пользователя с приложением;

• олицетворять компанию, быть частью её фирменного стиля;

• эмоциональное удовольствие пользователя от работы;

• привлечение клиента внешней эстетикой;

• обновить внешний вид интерфейса в готовом приложении (например, с выходом новой версии iOS или Android).

В целом работа над UX-дизайном более обширная, а над UI-дизайном - не менее важная.

Всем привет. Разбираться будем сегодня с такой штукой как User Experience, это вроде как какое-то приложение. Вот один чел пишет, что у него появилось приложение User Experience и оно работает в фоновом режиме, чел также говорит что оно уже было установленным когда покупался телефон. Идентификатор приложения — com.lenovo.ue.service. И вот чел спрашивает — что это за приложение? Ибо у него есть интересные разрешения — это и доступ к GPS, и чтение конфиденциальных данных каких-то, еще просит root-доступ.. Также чел еще пишет что приложение использует немного оперативной памяти…

И вот ему отвечают, что мол это не опасное приложение и единственный способ его удалить — это при помощи root-доступа. Но вот другой чел пишет что антивирус AVG находит угрозу в User Experience.

Другой чел пишет что у него стоит антивирус McAfee LiveSafe и он всегда видел угрозу в User Experience.

Так, вот что один человек написал на форуме по поводу User Experience:

Еще один пишет, что он блокирует смартфон, а через несколько минут экран загорается и гаснет.. И вот потом чел вроде как сам разобрался и вот что пишет:

Еще читаю что удалить User Experience вроде как нельзя, но отключить можно. И тут я сразу вспомнил, а может стоит обратить внимание на прогу Titanium Backup? Она мастер по работе с приложениями, я в плане удалять их, останавливать, замораживать. Короч советую. Кстати вот на форуме чел так и пишет, что если у вас есть root-доступ, то при помощи сторонней проги можете попробовать удалить com.lenovo.ue.service:

Так, вот на форуме 4PDA нашел инфу, что вроде User Experience это какой-то сервис, который отправляет данные в Lenovo, потому что им нужен опыт юзеров пользования телефона, чтобы потом использовать этот опыт для улучшения телефона.. ну что-то в этом роде, такая штука есть и в Windows 10 например, ничего тут страшного или опасного нет.. кстати в Хроме тоже есть подобное..

Хотя вот такое читаю, что антивирус ESET видит в User Experience угрозу, а если быть точнее то Spy.Luespy, типа это какой-то троян.

Ну и вот пожалуйста, я нашел коммент и тут пишется что User Experience это реально приложение для сборка информации о пользовании устройства:

И еще снова вот читаю, один чел пишет, что User Experience это что-то вроде программы для улучшения качества от Lenovo. И из-за того что она собирает какие-то данные и отправляет их куда-то, ну в Lenovo наверно, то вот из-за этого и ругаются на эту прогу антивирусы.

Вот смотрите, я тут случайно на одном сайте нашел инфу, тут говорится о нечто похожем — Esri User Experience Improvement (EUEI). И вот эта программа занимается, как мне кажется, примерно тем же что и User Experience (которое мы тут обсуждаем), вот смотрите:

Мое личное мнение что все таки User Experience это не вирус и не троян.

Вот нашел картинку, это окно О приложении:

Вот еще одна картинка и тут вижу что приложение User Experience отключено, видимо отключить все таки можно? Ну смотрите сами:

Так, значит какой вывод можно сделать? Я напишу его в виде списка.

1. User Experience это приложение, которое собирает всякую информацию и отправляет ее в Lenovo, эта информация нужна для улучшения качества будущих телефонов. Ну есть такое и в Хроме, там тоже данные собираются чтобы потом их использовать в улучшении самого Хрома, ну как-то так.
2. В связи с тем что User Experience собирает данные и отправляет их, то неудивительно что антивирусы видят в этой утилите опасность.
3. Приложение User Experience вроде как идет уже установленным в телефоне, то есть вы можете купить новенький телефон, а это приложение там уже будет.
4. Стоит попробовать заморозить User Experience при помощи инструмента Titanium Backup.
5. И еще раз скажу, мое мнение что это приложение безопасно. Но пользы от него я не вижу и его можно, как мне кажется, удалить или заморозить.

На этом все ребята. Удачи вам и чтобы вы были счастливы!!