Изчерпателен преглед на резултатите от UX Design

Какво правят ежедневно UX дизайнерите? Много неща! Професионалистите от UX трябва да съобщават дизайнерски идеи и констатации от проучвания на широка аудитория. За целта използват резултати (материални записи за извършена работа). Списъкът по-долу съдържа най-често срещаните резултати, произведени от UX дизайнерите, тъй като те създават страхотно изживяване за потребителите.

За по-добра четимост, комбинирах резултатите от UX дейности:

  • Оценка на проекта,
  • Оценка на конкурентите,
  • Потребителско проучване,
  • Информационна архитектура,
  • Дизайн на взаимодействие

Оценка на проекта

Оценката на проекта е процес на оценка, който помага на UX дизайнерите да разберат текущото състояние на продукта.

Анализ на одита

Анализът за анализ е начин да се разкрие кои части на уебсайт или приложение причиняват главоболие на потребителите и намаляват реализациите. По време на одит за анализи одиторът ще използва различни методи, инструменти и показатели - източници на трафик, потоци на трафик, конверсии (и изоставяния) горещи точки и т.н., за да анализира къде даден продукт се обърка (или правилно). В крайна сметка одитът за анализи трябва да даде възможност на UX дизайнерите да знаят как да засилят реализациите, като улесняват потребителите да постигнат целите си на уебсайта или приложението.

Числата, предоставени от инструмент за анализи за това как потребителят взаимодейства с даден продукт - кликвания, време за сесия на потребителя, заявки за търсене, преобразуване и др., Ще помогнат на дизайнерите на UX да разкрият неочакваното, повърхностно поведение, което не е изрично в тестовете на потребителите. Изображение: Рамоция

Съвет: Влизайте в навика да тествате промените в дизайна си. Знаейки, че всичките ви промени ще бъдат тествани за A / B, ще ви предостави огромна свобода да опитате нови (и потенциално рискови) неща. Ако работят, ще разберете почти веднага. Освен това няма да е необходимо да се притеснявате, че направената от вас промяна ще съсипе всичко.

Одитиране на съдържанието

Одитът на съдържанието е процес на оценка на информационните активи в част или цялото приложение или уебсайт. Може да се каже, че одитът на съдържанието е инвентаризация на съдържанието и оценка на съдържанието на всяка страница (било качествено от човек или количествено с помощта на анализи) и / или възлагане на собственици на съдържание. Тя включва събиране на цялото съдържание на вашия уебсайт или в приложението ви и оценка на неговите относителни силни и слаби страни, за да се даде приоритет на бъдещите ви маркетингови дейности. Чрез одит ще разберете съдържанието много по-добре. Може да намерите неща, за които не сте знаели, че съществуват, да забележите дублирано или остаряло съдържание или да идентифицирате всички видове връзки в съдържанието. Резултатите от одит на съдържанието могат да се използват за глобална задача (създаване на стратегия за съдържание) или за локална задача (оптимизиране на определена страница).

Доклад за тест за използваемост

Тестването на използваемостта е начин да видите колко лесен е даден продукт, като го тествате с реални потребители. Докладът за тест за използваемост обобщава констатациите за използваемост по ясен, кратък и описателен начин, като помага на екипа на проекта да идентифицира проблемите и да работи за разрешаване.

Пример за доклад за тестване за използваемост. Изображение: tiffanyho

Съвет: Класирайте своите резултати. Всеки проблем, открит чрез тестване за използваемост, не е еднакво важен. Докладът за използваемост може да има 5 или 100 констатации, в зависимост от мащаба на изследването, а понякога може да е превъзходно един екип да премине през всички тях. Ето защо изводите трябва да се класират по тежест (ниска, средна или висока). Това ще помогне на екипа да идентифицира критични проблеми, изложени от проучването за използваемост.

Оценка на конкурентите

Оценката на конкурентите е оценка на силните и слабите страни на настоящите и потенциалните конкуренти. Оценката на силните и слабите страни на вашите съперници е критична част от вашата собствена UX стратегия.

Доклад за анализ на конкуренцията

Анализът на продуктите на конкурентите ще очертае съществуващите им функции по съпоставим начин. Този доклад за конкурентен анализ помага на UX дизайнерите да разберат стандартите на индустрията и да идентифицират възможностите за иновации в дадена област.

Конкурентният анализ позволява на дизайнерите да оценят силните и слабите страни на конкурент на избран пазар и да прилагат ефективни стратегии за подобряване на конкурентното предимство на продукта. Изображение: yellowpencil

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

Стойностно предложение

Предложение за стойност е изявление, което очертава ключовите аспекти на продукта: какво представлява, за кого е предназначен и как ще се използва. Предложението за стойност помага на екипа да формира консенсус относно това какъв ще бъде продуктът.

Предложение за стойност помага на UX дизайнерите да се съсредоточат върху важните неща. Изображение: UX Mag

Съвет: Уверете се, че предложението ви за стойност е пряко свързано с ключови бизнес цели. По този начин ще бъде много по-лесно да се водят дискусии относно времето и бюджета за UX дейности.

Потребителски изследвания

Потребителското проучване се фокусира върху разбирането на поведението, нуждите и мотивациите на потребителите чрез техники за наблюдение, анализ на задачи и други методологии за обратна връзка.

декорации

Персона е измислен персонаж, който използва продукта по подобен начин на потенциалния потребител. Персоналите улесняват дизайнерите да съпричастят към потребителите през целия процес на проектиране. Персонажите са противоречив инструмент в арсенала на UX: Някои UX дизайнери ги обичат, други ги мразят. Ето защо е важно да разберете не само предимствата, но и минусовете на персонажите, преди да ги използвате в процеса си на UX дизайн.

Персона е измислен персонаж, който подчертава поведението, нуждите и мотивацията на вашите целеви потребители. Изображение: xtensio

Съвет: Най-ефективните персонажи са създадени от задълбочени интервюта с потребители и данни от наблюдения на реални потребители. Съберете възможно най-много информация и знания за потребителите, като интервюирате и / или наблюдавате достатъчен брой хора, които представляват вашата целева аудитория.

Потребителска история

Потребителската история е просто описание на функция, разказана от гледна точка на потребителя на продукта. По принцип това е много високо ниво на дефиниция на изискване (на концептуално ниво), съдържащо достатъчно информация, която разработчиците могат да представят разумна оценка на усилията, необходими за изпълнението му.

Изображение: realtimeboard

Съвет: Използвайте потребителски истории, за да предотвратите пропадане на функции. Изпълзяването на функция е термин, който се появява редовно по време на дизайна на продукта. Тя се отнася до тенденцията да искаме да продължа да добавяме повече функции и да разширяваме обхвата на проекта. Опитайте се да откажете да добавяте функция без потребителска история, която обяснява защо тази конкретна функция има значение.

Случаи на употреба

Случай на употреба е писмено описание на начина, по който потребителите ще изпълняват задачи в приложението или уебсайта. Той очертава от гледна точка на потребителя поведение на приложение или уебсайт, докато отговаря на заявка. Всеки случай на използване е представен като последователност от прости стъпки, започвайки от целта на потребителя и завършвайки, когато тази цел е изпълнена.

Случайният случай е списък от действия или стъпки в дадено събитие, обикновено определящи взаимодействията между потребител и система за постигане на цел. Изображение: Слайдшоу

Съвет: Случаите за използване не са запазени за UX фаза; те могат да се използват и за QA фазата. По този начин, при преглед на използваемостта на даден продукт, е от съществено значение специалистът по качеството да разполага с случаите на употреба. Това ще даде на QA специалистите набор от критерии, които ще трябва да бъдат решени от проекта.

Карта на опита

Карта на опит е диаграма, която изследва многобройните стъпки, предприети от потребителите, докато те взаимодействат с продукт. Тя дава възможност на дизайнерите да формулират мотивациите и нуждите на потребителя на всяка стъпка от пътуването, проектирайки решения, подходящи за всеки.

Проста карта на опита отразява един възможен път по време на един сценарий. Изображение: efeui

Съвет: Процесът на създаване на карта за пътуване с клиенти трябва да започне с опознаване на потребителите. Въпреки че можете да се обърнете към много източници за данни за вашите потребители, един от най-очевидните е анализ на уебсайтове или мобилни приложения. Google Анализ предоставя ценна информация за това какво правят потребителите на вашия уебсайт или в приложението ви и тези данни ще ви помогнат да изградите убедителни случаи.

Табла за разказвания (текущи)

Табла за разказване са илюстрации, които представляват кадри и които в крайна сметка представляват история. В UX тази история е поредицата от действия, които потребителите биха предприели, докато използват продукта. Таблото за спомагане помага на дизайнерите да почетат реалния опит на хората, за които те проектират.

Усмивките и израженията на тъгата върху човешките лица имат силно емоционално въздействие. Това прави възможно оживяването на история в сърцата и умовете на вашата публика. Изображение: Челси Хостетер

Съвет: Когато мислят за разказване на истории, повечето хора се фокусират върху способността си (или неспособността) да рисуват. Добрата новина е, че не е нужно да сте добри в рисуването, преди да започнете да рисувате разкази. Много по-важно е действителната история, която искате да разкажете. Ясното предаване на информация е от ключово значение.

Изследване

Проучването е бърз и евтин начин за измерване на нивото на удовлетвореност на потребителите и за събиране на отзиви за продукта. Въпреки че проучването е чудесен начин за събиране на информация от голям брой потребители, очевидното ограничение е липсата на качествена представа - например защо клиентите използват продукта по определен начин.

Съвет: Дръжте анкетата кратко. Изкушението при създаването на анкета е да добавите още въпроси. Проблемът е, че може да стане болезнено дълго и хората просто ще прескачат въпроси. Ако искате да съберете по-ценна информация, трябва да използвате по-добър подход. Поддържайте краткото проучване и пуснете друго след месец или два.

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

Информационното архитектиране е практиката да решавате как да подредите частите на нещо, което да бъде разбираемо. За цифровите продукти информационната архитектура води до създаването на навигация, карти на сайтове, таксономии и телени рамки.

Изображение: Мъри Томпсън, UX щанд

Карта на сайта

Карта на сайта е диаграма на страниците на уебсайта, организирани йерархично. Улеснява визуализацията на основната структура и навигацията на уебсайта.

Пример за карта на изображението: Behance

Съвет: Ако искате да създадете карта на сайта бързо и лесно, използвайте метода за сортиране на карти.

таксономия

Таксономията е резултат от проучване на множество начини за категоризиране на съдържанието и данните: статии в уебсайт за новини, категории продукти в приложение за електронна търговия и др. Таксономията помага на дизайнерите да определят структурата на съдържанието, която поддържа целите на потребителя и бизнеса. ,

Изображение: Кристиан Ричи

Съвет: Таксономията е жив документ и трябва редовно да се проверява и актуализира.

Телена рамка

Кадърът е визуално ръководство, което представлява структура на страницата, както и нейната йерархия и ключови елементи. Wireframes са полезни, когато UX дизайнерите трябва да обсъдят идеи с членове на екипа и заинтересованите страни и да подпомогнат работата на визуални дизайнери и разработчици.

Wireframes могат да бъдат представени под формата на скици:

Скицирането е бърз начин за визуализиране на идея (като нов дизайн на интерфейса). Изображение: Никълъс Суонсън

Wireframes могат да бъдат представени и като цифрови илюстрации:

Пример за телени рамки за мобилно приложение. Изтеглете проводници, два безплатни UX комплекта с проводници за мобилни устройства и уеб, създадени за Adobe XD.

Съвет: Поддържайте простите рамки и пояснявайте. Целта на телената рамка е да покаже структурата на дизайна на страницата - подробностите идват по-късно. Ако планирате да представите телесен кадър на екипа, опитайте се да включите пояснения. Анотациите помагат за създаването на контекст и бързото представяне на ключови идеи.

Дизайн на взаимодействия

Дизайнът на взаимодействията (често съкратено IxD) е практиката на проектиране на интерактивни цифрови продукти. Това е процес, чрез който дизайнерите създават ангажиращи потребителски интерфейси с логично и обмислено поведение и действия.

Табла за разказвания (планирано)

По същество това е същата табла за картини, която видяхме в раздела за потребителските проучвания, само с една разлика: Тези разкадровки се използват за продажба на дизайнерски решения. Дизайнерите ги използват, за да покажат предимствата на предложеното решение и да убедят заинтересованите страни в него.

Изображение: digiflip

Съвет: Направете ясен резултат. Уверете се, че разказвачът ви оставя публиката без съмнение относно резултата от историята. Ако описвате неблагоприятна ситуация, завършете с цялата тежест на проблема; ако представяте решение, завършете с предимствата на това решение за вашия герой.

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

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

Потребителският поток помага да се изгради общо разбиране за всяка страница от вашето приложение или уебсайт. Изображение: Behance

Съвет: За много проекти в активната фаза на проектиране създаването на потребителски потоци може да отнеме много време, тъй като рисунките ще станат моментално остарели с промяна на екраните. Ryan от Basecamp предлага опростена версия на потребителските потоци. Този формат наистина е бърз за очертаване и той съобщава основните неща на това, което трябва да се случи.

прототип

Много хора използват взаимозаменяемите термини „телена рамка“ и „прототип“, но има съществена разлика между двете дизайнерски резултати: те изглеждат различно, общуват различни неща и служат на различни цели. Докато телените рамки са подобни на архитектурните чертежи (например план за изграждане), прототип е представяне на крайния продукт от средна до висока точност. Целта на прототипа е да тества продукти (или идеи за продукти), преди да инвестира много време и пари в крайния продукт.

Прототип дава вкус на начина, по който потребителят ще взаимодейства с продукта. Може да бъде аналог:

Аналогов прототип с ниска точност Изображение: UX Playground

Или може да бъде цифров:

Висококачествен интерактивен прототип, създаден в Adobe XD и огледален на iPhone

Най-важното е, че прототипът трябва да позволява на потребителя да изпитва съдържание и да тества основните взаимодействия с интерфейса по начин, подобен на начина, по който биха го направили с крайния продукт.

Съвет: Тествайте прототипите на реални устройства колкото е възможно повече. Докато емулаторът на вашия работен плот може да работи в някои случаи, нищо не замества усещането за дизайн на реално устройство.

заключение

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

Ник Бабич е разработчик, техно ентусиаст и любител на UX. През последните 10 години той работи в софтуерната индустрия със специализиран фокус върху развитието. Той брои рекламата, психологията и киното сред своите безброй интереси.

Първоначално публикуван на blogs.adobe.com.

Научете за Adobe XD, нашият многофункционален инструмент за проектиране и създаване на прототипи:

  • Изтеглете Adobe XD
  • Акаунт на Adobe XD Twitter - също използвайте #adobexd, за да говорите с екипа!
  • База данни за идеи на Adobe XD UserVoice
  • Adobe XD форум