Что такое дизайн пользовательского опыта? Обзор, инструменты и ресурсы

1. Что такое пользовательский опыт?
2. Дальнейшее чтение на SmashingMag:
3. Почему важен UX?
4. Какие ситуации выиграют от UX Design?
5. Сложные системы
6. Start-Ups
7. Проекты с «ОК» бюджетами
8. Проекты с более длительными сроками
9. Что нужно знать о UX Design
10. UX Design не один размер подходит всем
11. Не может быть непосредственно оценена с помощью традиционных метрик
12. Не то же самое, что юзабилити
13. Критика UX как профессии
14. Еще одна вещь, чтобы беспокоиться о
15. Слишком далеко удален от процесса
16. Добавляет Расход
17. Результаты не поддаются прямому измерению
18. Задачи и методы UX дизайнеров
19. Оценка текущей системы
20. A / B Тестирование
21. Опросы пользователей
22. Каркасы и прототипы
23. Пользовательские потоки
24. Повествование
25. Шаблоны проектирования
26. Профили пользователей и персонажи
27. Инвентаризация контента
28. Руководства по стилю контента
29. Инструменты торговли
30. Программное обеспечение для тестирования А / Б
31. Программное обеспечение инвентаризации контента
32. Аналитическое программное обеспечение
33. Сайты о UX

Веб-сайты и веб-приложения становятся все более сложными по мере развития технологий и методологий в нашей отрасли. То, что раньше было односторонней статической средой, превратилось в очень богатый и интерактивный опыт. [Проверено и отремонтировано ссылок, март / 03/2017] Но независимо от того, насколько сильно изменился производственный процесс, успех веб-сайта по-прежнему зависит только от одного: как пользователи его воспринимают. «Этот сайт дает мне ценность? Легко ли пользоваться? Приятно ли пользоваться? ». Эти вопросы возникают в сознании посетителей, когда они взаимодействуют с нашими продуктами, и они составляют основу их решений о том, стать ли постоянными пользователями.

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

Но независимо от того, насколько сильно изменился производственный процесс, успех веб-сайта все еще зависит только от одного: как пользователи это воспринимают. «Этот сайт дает мне ценность? Легко ли пользоваться? Приятно ли пользоваться? ». Эти вопросы возникают в сознании посетителей, когда они взаимодействуют с нашими продуктами, и они составляют основу их решений о том, стать ли постоянными пользователями.

Что такое пользовательский опыт?

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

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

Дальнейшее чтение на SmashingMag:

Дизайн пользовательского опыта - это стремление заставить их ответить «да» на все эти вопросы. Цель этого руководства - познакомить вас с профессиональной дисциплиной UX-дизайна в контексте таких веб-систем, как веб-сайты и приложения.

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

По сравнению со многими другими дисциплинами, в частности с веб-системами, UX является относительно новым. Термин «пользовательский опыт» был придуман доктором Дональдом Норманом, исследователем когнитивных наук, который также первым описал важность дизайна, ориентированного на пользователя (идея о том, что проектные решения должны основываться на потребностях и желаниях пользователей).

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

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

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

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

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

Но это десятилетие стало свидетелем трансформации Интернета. Мало того, что он стал более вездесущим - в 2008 году в Интернете было по меньшей мере 1,5 миллиарда пользователей во всем мире - но веб-сайты стали настолько сложными и многофункциональными, что для того, чтобы быть эффективными, у них должен быть отличный дизайн для пользователей.

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

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

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

Какие ситуации выиграют от UX Design?

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

Сложные системы

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

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

Start-Ups

У стартапов и небольших компаний, как правило, нет ресурсов, чтобы нанять для этого выделенных сотрудников. Например, 37Signals (в настоящее время Basecamp), небольшая начинающая компания, которая создает очень успешные и надежные веб-приложения, включая Basecamp и Highrise, опирается на хорошо разносторонних людей люди, которые могут «носить разные шляпы».

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

Проекты с «ОК» бюджетами

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

Проекты с более длительными сроками

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

Что нужно знать о UX Design

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

UX Design не один размер подходит всем

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

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

Не может быть непосредственно оценена с помощью традиционных метрик

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

Не то же самое, что юзабилити

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

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

Критика UX как профессии

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

Еще одна вещь, чтобы беспокоиться о

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

Слишком далеко удален от процесса

Несколько человек, занимающихся созданием веб-сайтов, считают, что дизайнеры UX слишком далеки от реального процесса. Например, Райан Карсон, основатель Carsonified и ведущий специалист в области веб-дизайна, подверг критике специалистов по UX, которые «не вовлечены в повседневный процесс проектирования, создания, тестирования, маркетинга и обновления веб-проекта». «.

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

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

Добавляет Расход

Простая логика гласит, что наем UX-персонала стоит денег (если они не хотят работать бесплатно, и никто не хочет).

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

Результаты не поддаются прямому измерению

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

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

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

Задачи и методы UX дизайнеров

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

Оценка текущей системы

Если система уже существует, профессионал UX будет целостно оценивать ее текущее состояние. Они сообщат о проблемах и предложат исправления на основе анализа данных исследований.

A / B Тестирование

Специалист по UX может разработать исследование для сравнения эффективности и качества работы различных пользовательских интерфейсов.

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

Опросы пользователей

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

Каркасы и прототипы

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

Пользовательские потоки

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

Повествование

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

Шаблоны проектирования

Шаблоны обеспечивают последовательность и способ найти наиболее эффективный «инструмент» для работы. С шаблонами проектирования пользовательского интерфейса, например, выбор правильных элементов пользовательского интерфейса (например, вкладки модуля , панировочные сухари , слайд-шоу ) для определенных задач на основе их эффективности приводит к лучшему и более знакомым опытом. UX-дизайнеры не только предлагают шаблоны проектирования, которые используются на других веб-сайтах, но и разрабатывают пользовательские шаблоны специально для текущего проекта.

Профили пользователей и персонажи

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

Инвентаризация контента

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

Руководства по стилю контента

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

Я люблю правила брендинга Нью-Йорка

,

Есть много других результатов UX-дизайна; проверять, выписываться это более полный список ,

Инструменты торговли

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

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

Некоторые программные средства создания каркасов и создания прототипов:

Программное обеспечение для тестирования А / Б

A / B-тестирование (также называемое сплит-тестированием или многовариантным тестированием) сравнивает разные версии страницы и может проводиться с любой из нескольких программ.

По сути, программное обеспечение A / B-тестирования разделяет трафик веб-сайта на два равных сегмента. Одна группа видит версию A, а другая - версию B. Статистические данные, такие как коэффициент конверсии и показатель отказов, отслеживаются для каждой версии. Сплит-тестирование определяет, какая версия лучше, основываясь на этой статистике. Одним из самых популярных приложений для A / B-тестирования является Google's Оптимизатор веб-сайтов ,

Программное обеспечение инвентаризации контента

Существует множество способов проведения инвентаризации контента. Использование серверного приложения на месте (для которого вам потребуется доступ к веб-серверу) лучше всего подходит для производственных веб-сайтов; Будучи ближе к источнику, чем стороннее программное обеспечение, эти приложения, естественно, будут более точными и эффективными. Вы можете использовать такой же простой инструмент, как Excel, для создания и управления инвентаризацией контента (см. Шаблон GetUXIndex ()).

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

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

Инструменты обратной связи пользователей в изобилии. Общие инструменты опроса, такие как PollDaddy Это гибкие решения, которые можно использовать и для других задач. Существуют специальные инструменты обратной связи, такие как Usabilla и службы удаленного тестирования пользователей, такие как Usability Hub , которые управляют юзабилити-тестами для рецензентов

Аналитическое программное обеспечение

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

Допустим, данные указывают на то, что самым популярным браузером для сайта является Google Chrome. Google Chrome считается браузером продвинутого пользователя (в отличие от Internet Explorer, который является более распространенным). Исходя из этого предположения, разработчик UX может создать пользовательский опыт, который привлекает опытных пользователей и технически подкованных людей.

Многофункциональный и бесплатный аналитический инструмент Гугл Аналитика ,

Сайты о UX

Множество сайтов освещают тему UX. Вот несколько из них.

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

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

Обмен стека

Все еще в бета-версии, UI Stack Exchange (часть Переполнение стека сеть) является совместно отредактированным веб-сайтом вопросов и ответов для исследователей пользовательского интерфейса и экспертов. Переполнение стека На популярном веб-сайте вопросов и ответов Stack Overflow есть отличные темы с тегами UX а также Юзабилити , Разработка интерфейса пользователя UIE является крупнейшей в мире организацией, занимающейся исследованиями юзабилити. Он публикует статьи и результаты исследований на своем веб-сайте. UXmatters UXmatters - это веб-журнал, который публикует информацию о стратегиях взаимодействия с пользователем, информацию о дисциплине UX и многое другое. 52 недели UX На этом веб-сайте Джошуа Портер и Джошуа Брюер освещаются темы, связанные с «процессом проектирования для реальных людей». Коробки и Стрелки Хотя Boxes and Arrows описывает себя как «посвященных практике, инновациям и обсуждению дизайна», веб-сайт регулярно публикует первоклассные статьи об UX. Семантика Питер Морвилл, основатель Semantic Studios, ведущей информационной архитектуры, пользовательского опыта и консалтинга по поиску, пишет о пользовательском опыте (и связанных темах) в этой веб-колонке. UsabilityPost Этот блог Дмитрий Фадеев о дизайне в контексте функции. 101 вещь, которую я изучил в школе дизайна взаимодействия Дизайн взаимодействия тесно связан с UX, и этот блог предлагает короткие и «легко усваиваемые» сообщения на эту тему. UX Котировки Этот сайт предоставляет фрагменты цитат на тему UX. Цитаты от пользователя Пользовательский опыт - все о пользователе (именно поэтому персоны важны). Этот блог Tumblr рассказывает историю UX с точки зрения пользователя, показывая цитаты пользователей различных систем. Konigi Konigi индексирует новости, ресурсы и инструменты для дизайнеров UX (в красивой галерее, которая облегчает просмотр веб-сайта). 90 процентов всего В этом блоге, посвященном опыту пользователя Harry Grignull, рассказывается об информационной архитектуре, опыте пользователей и характере «хорошего дизайна». DarkPatterns.org В этой библиотеке шаблонов проектирования обсуждаются общие приемы принятия решений пользователями, которые могут помочь разработчикам UX найти шаблоны, которых следует избегать, если они хотят создать положительный пользовательский опыт. Джонни Холланд Журнал Этот веб-журнал о взаимодействии и UX-дизайне. Не забудьте проверить UX Советы раздел, который индексирует твиты, хэшированные с помощью #uxtips. UX Пруд UX Pond - это поисковая система, посвященная контенту, связанному с UX. Идеи адаптивного пути Adaptive Path, ведущая фирма по разработке пользовательского интерфейса и пользовательского интерфейса, ведет блог с полезным содержанием по дизайну UX и UI. Ставить людей на первое место Этот портал предоставляет ссылки, статьи, ресурсы и новости о UX и «ориентированных на людей инновациях», курируемых итальянской компанией Experientia. Блог nForm Блог nForm (консалтинговой команды, ориентированной на пользовательский опыт) публикует великолепный контент, относящийся к дизайнерам UX. Viget Advance Связанный с UX блог Viget Advance, компании по производству веб-сайтов. Нильсен Норман Групп Уважаемый исследователь юзабилити и новаторский автор, Якоб Нильсен, пишет колонку под названием Alertbox на тему юзабилити и UX. UX Array Сара Саммерс, евангелист пользовательского опыта для Microsoft, ведет блог о (как вы уже догадались) UX в своем блоге. UX Storytellers UX Storytellers использует одну из методологий профессии (рассказывание историй), чтобы рассказывать истории профессионалов UX, UI и IA.

Дальнейшее чтение по UX Design (и смежным областям)