Что такое UX Дизайн.

Что такое UX Дизайн

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

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

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






Оглядываясь назад.

В 1993 году Дон Норман ввел термин «пользовательский опыт» для своей группы в Apple Computer. До этого роли UX Design в отрасли не было. Работа дизайнера была больше связана с эстетикой, чем с бизнесом. UX Designers, как мы знаем сейчас, начали появляться в конце 90-х вместе с пузырем доткомов, но их называли Information Architects.

Что такое UX/UI дизайн?

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

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

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

Настоящее UX Дизайна.

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

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

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

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

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

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

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

Понимание взаимозависимостей в дизайне.

UX Дизайн сайта

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

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

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

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

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

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

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

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

Управление сложностью в UX/UI.

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

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

Непрерывный совместный подход может помочь нам справиться со сложностью и неоднозначностью.

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

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

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

Решение проблем в UX/UI Design.

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

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

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

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

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

Эксперимент и обучение в UX разработке.

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

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

В общем, мы быстро собираем группу людей в межфункциональные команды и решаем:

  • Каковы наши гипотезы?
  • Что мы хотим попробовать?
  • Кто собирается это попробовать?
  • Как долго они собираются это пробовать?
  • Как мы узнаем, сработало ли это?

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

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

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

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

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

✓ Кто такой UX Designer?

Специалист, который рассчитывает дизайн на основе привычек поведения пользователей.

✓ Что такое Юзабилити эксперименты?

Это A/B тестирование. Берется два или более вариантов дизайна. Тестирование показывает какой дизайн удобнее пользователю.

✓ На основе каких данных делаются A/B тесты?

UX специалист обладает обширными знаниями в успешных дизайнах. Он выбирает варианты и проводит тестирование.

✓ Как выбрать UX дизайнера среди всех дизайнеров?

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

✓ Чем именно занимается UX-дизайнер?

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

✓ UX-дизайн — это то же самое, что графический дизайн?

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

✓ Что такое плохой UX?

Плохой пользовательский опыт, также известный как «Плохой UX», случается время от времени, вероятно, в каждой компании. Когда мы думаем о UX, мы склонны думать о цифровых интерфейсах. Однако эта ассоциация восходит к тому времени, когда термин «пользовательский опыт» впервые появился в 1990-х годах, когда началось широкое использование Интернета.

Что такое Jobs To Be Done в UX-Юзабилити.

UX jobs done

Один классный фреймворк, о котором, к сожалению, знают немногие: Jobs-To-Be-Done (JTBD). Его популяризировал профессор Гарвардской школы бизнеса и автор “Дилеммы инноватора” Клейтон Кристенсен.

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

5 минут назад Петя купил сникерс.

Повлияла ли какая-то из характеристик, перечисленных выше, на факт покупки? Нет, не повлияла. Петя купил сникерс не потому, что ему 30 лет, а потому что он проголодался.

Смысл в том, что у нас всех постоянно возникают какие-то задачи (“работы” в терминологии JTBD): убить время, стоя в очереди; приготовить полезный завтрак; поделиться впечатлениями от поездки. Когда мы начинаем пользоваться каким-то продуктом, мы по сути “нанимаем” его, чтобы он помог нам выполнить какую-то конкретную “работу”. Продукт не матчится с человеком или его особенностями, он матчится с проблемами, которые он решает.

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







User stories vs job stories.

Даже если вы не эксперт в UX, наверняка слышали (или видели) такой шаблон:

As a <type of user>, I want to <action/some goal> so that <outcome>

По сути, это и есть user story — какое-то краткое описание фичи со стороны пользователя. <Type of user> обычно основывается на одной из ваших Персон (про Персон можно почитать подробнее здесь, если вкратце — вы проводите user researches, анализируете онлайн-данные и создаете несколько (стандартно 5–6) собирательных пользователей, которые представляют ключевые сегменты вашей аудитории).

Я, честно, несколько раз пыталась использовать Персон и user stories в работе, но постоянно сталкивалась с одними и теми же проблемами:

  • по идее, Персоны должны поддерживать нужный уровень эмпатии в команде, особенно для тех, кто не так много общается с пользователями. На самом деле, никто в команде не был в состоянии запомнить все характеристики даже одной Персоны. Каждый запоминал что-то свое, и в итоге у всех получалась совершенно разная картинка;
  • что делать, если твоя аудитория слишком большая и сегментированная? У всех разные цели, разные профессии, разный бэкграунд — комбинаций явно больше, чем 6. Еще интереснее, когда по персональным и соцдем характеристикам аудитория примерно однородна. Тут обычно начинаются попытки все каким-то образом объединить в “Лену, юриста” или “Ваню, студента” — это значит, что мы начинаем делать предположения. Какие-то аспекты и вовсе могут сбить с толку: к примеру, мы делаем фичу “поделиться в соцсетях” для новостного сайта. То, что наша персона работает врачом, должно как-то повлиять на разработку фичи, должны ли мы это как-то учесть? Вот здесь у меня, например, начиналась трансформация what в why — а зачем вообще кому бы то ни было делиться нашими новостями в соцсетях? Что движет пользователем, какая у него мотивация? И, как ни странно, многие персоны при ответе на этот вопрос объединялись в одну группу.

Не будем так уж обижать персон, в целом, это хороший инструмент, чтобы “познакомить” разработчиков с пользователями. Но для определения продуктовой стратегии и приоритизации фич подходит не очень. Вот цитата из статьи Пола Адамса, VP of Product в Intercom (а ранее работавшего в Google и Facebook):

“Whilst best in class personas focus on goals (goals are what drive people’s behaviour) as well as attributes, the reality is that most personas focus on attributes alone, and even goal-driven personas artificially break apart audiences. So critically, personas artificially limit your product’s audience because they focus on attributes rather than motivations and outcomes”.

Таким образом, мы плавно подошли к job stories, которые Intercom и изобрели. И суть в том, что фокус с персональных характеристик смещается на контекст:

When <situation> I want to <motivation> So I can <outcome>

Давайте сравним:

As a 30-летний Петя, I want to съесть что-нибудь вкусненькое, so that я больше не был голодным.

When у меня есть всего 2 минуты, чтобы перекусить между встречами, I want to съесть что-то, чтобы это было просто, быстро и подняло мой уровень сахара в крови, so I can продержаться до обеда и сохранить рабочее настроение.

Чувствуете разницу?

Job story в действии.

UX-Юзабилити

Разберем теперь более подробно, как составлять job story.

Есть у нас, к примеру, спортзал, где мы хотим увеличить продажи месячных абонементов. Сначала посмотрим на персон (описание довольно условно, в реальности оно гораздо более подробно и детализировано):

  • 30-летняя Маша, мать двоих детей. Маша поправилась после родов и хочет прийти в форму, но заниматься может всего два раза в неделю. По факту же занимается она и того реже, частенько пропуская тренировки. По образованию Маша филолог, в свободное время любит рисовать и читать художественные книжки;
  • 25-летний спортсмен Никита, завсегдатай нашего спортзала. Никита студент на факультете менеджмента, у него много времени и не очень много денег. Никита любит кататься на велосипеде и ходить в походы с друзьями.

В каком случае такие описания будут нам полезны?

Например, для таргетированной рекламы. Хотим мы привлечь больше Маш или Никит — пожалуйста: устанавливаем настройки кампании в соответствии с определенными характеристиками наших персон и ждем.

Годятся ли они для разработки, тем более, инновационной?

На мой взгляд, не очень. Персона — это какой-то конечный результат исследований и нашего труда; эта та аудитория, которая у нас уже есть. Ориентируясь на персоны, мы искусственно ограничиваем свой продукт, не разрабатываем фичи для новых, потенциальных пользователей. Опять же, фокусируясь исключительно на “старичках”, улучшая продукт для них, мы выпадаем из конкурентной борьбы. Почему? Потому что не думаем о других способах решения проблемы наших пользователей. Мы думаем о том, как они видят это решение, и отполировываем его — вместо того, чтобы в корне менять подход и перебирать варианты решения.

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

Давайте вернемся к нашей Маше. Вот пример job story, который мог бы случиться:

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

Важно ли тут, что Маше 30 лет? Что у нее двое, а не один ребенок? Кто она по образованию? И что вообще это Маша, а не Аня? Нет, на передний план выходит одна единственная характеристика: что у нашего пользователя есть маленькие дети. В job stories это часть контекста, а не описания пользователя — просто потому, что в контексте могут оказаться совершенно разные по профилю пользователи. В примере с детьми это может быть Маша, а может быть и Никита, если его старшая сестра уехала в командировку и попросила посидеть с детьми, а он не хочет пропускать тренировку.

Легче всего это понять на примере Uber. Вроде как уж здесь-то точно есть две конкретные персоны: водитель и пассажир. На самом же деле, эта характеристика лишь часть контекста: в зависимости от ситуации водитель может оказаться на месте пассажира, и наоборот.
Если мы говорим про магазин сладостей, и контекст “Хочу изредка побаловать себя сладким после тяжелого дня или успешного проекта”, сюда могут попасть как Маша и Никита, так и диабетик Миша, вегетарианка Алиса и сидящий на диете Петя. Мы думаем не о том, что разнит наших пользователей, а что их объединяет. Таким образом, те фичи, что мы делаем и релизим, получают больший охват.

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

  • в целом, важно понимать, как выглядит ваша текущая аудитория, — это понимание приходит после регулярных user researches и работы с аудиторными циферками;
  • но конкретно перед разработкой фичи или продуктовой стратегии нужна job story.

Как провести исследование для job story.

Итак, допустим мы прониклись и хотим написать хорошую job story. С чего начать? Конечно, с исследования.

Большинство текущих исследований фокусируются на моменте потребления продукта, тогда как job story research пытается понять, когда и в каких условиях у клиента закралась первая мысль о покупке продукта (то есть, то, что случилось еще ДО начала его использования). Исследователь основывается на предположении, что на клиента в момент решения о покупке действуют четыре силы:

  • недовольство текущей ситуацией (“push”) — “Этот спортзал работает только по утрам, а я хочу заниматься вечером”
  • притягательность нового решения (“pull”) — “Другой спортзал открыт круглосуточно”
  • тревога, что что-то может пойти не так — “А что если в новом спортзале будет слишком много народу?”
  • привязанность к тому, что есть — “Я хожу в этот спортзал уже год и знаю всех тренеров”.

Собственно, основная задача в таком интервью — выявить эти четыре фактора. При этом очень важно понимать не только рациональные, но и эмоциональные аспекты решения (условно — “шел ли дождь, когда вы делали покупку?”):

— В какой спортзал вы ходили раньше? Откуда вы о нем узнали?
— Расскажите, какой образ жизни вы вели в то время? Часто ли испытывали стресс?
— Расскажите мне про свой прежний спортзал. Как часто вы занимались? Опишите по шагам, что происходило после того, как вы открывали входную дверь.
— Что вас особенно расстраивало в прежнем спортзале? Когда вы начали задумываться о поиске нового?
— Когда вы впервые услышали про текущий спортзал? Было ли у вас несколько опций или только одна?
— Как долго вы принимали решение о переходе? Что вас сдерживало от покупки?

И так далее. Очень важный момент: разговаривать надо не с пользователем, а с покупателем; человеком, который принял решение о покупке. То есть, вы должны интервьюировать не ребенка, которому родители купили абонемент в спортзал, а как раз родителей.

Зачем все это и что оно нам дает?

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

Когда “работа” продукта заканчивается.

Продукты решают не изолированные проблемы, а проблемы, которые происходят в каком-то workflow: есть то, что случилось “до”, и то, что произойдет “после”. То есть, таким образом, у “работающего” продукта есть начальная и конечная точки. Вопрос в том, как их правильно определить.

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

Так где же золотая середина?

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

  1. Пользователь вечером штырит инстаграмчик
  2. Понимает, что уже очень поздно и пора спать
  3. Ставит будильник на 7
  4. Спит
  5. Просыпается, идет на кухню выпить воды
  6. Спит
  7. Будильник звенит в 7, пользователь переставляет его на 7–30
  8. Будильник звенит в 7–30, пользователь встает
  9. Включает радио
  10. Делает зарядку.

“Работа” вашего продукта должна начинаться с того шага, где вы можете добавить какую-то ценность для пользователя. Для нашего примера это, скорее всего, шаг 3. Мы, конечно, можем влезть и раньше: например, если пользователь обычно встает в 7 утра, а уже 12 вечера, и телефон активен, наше приложение отправит ремайндер: котик, а не хотите ли поставить будильник и пойти спать? Можем пойти еще дальше: сделать фитнес-браслет, который будет трекать пульс и активность пользователя и рекомендовать ему лучшее время, чтобы пойти спать (и будить его, соответственно, тоже в лучшее время для подъема). Нужно ли это? Испытывает ли пользователь “боль”, соответствующую масштабам исследований и разработки? Это и нужно понять и решить продуктовой команде в самом начале.

А когда же “работа” должна заканчиваться?

Когда:

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

Конкуренция в контексте JTBD.

Что такое UX

Какое-то время назад я писала про компанию BVG, которая де-факто монополист в сфере общественного транспорта в Берлине. BVG тратит огромные деньги на рекламу — вопрос: зачем она это делает, если и так все метро, автобусы и трамваи принадлежат исключительно ей?

Если посмотреть на этот вопрос с точки зрения JTBD, ответ придет сам собой. “Работа” пользователя в этом контексте — добраться из точки А в точку Б, а не воспользоваться общественным транспортом. И тут BVG оказывается никаким не монополистом, а лишь одним из участников рынка — наравне с:

— велосипедами
— велосипедами/скутерами напрокат
— такси
— собственными автомобилями
— каршерингом
— да даже передвижением пешком.

JTBD позволяет шире посмотреть на проблемы пользователя и выявить ваших настоящих конкурентов.

Прямая и непрямая конкуренция

С прямой конкуренцией все понятно. Но есть еще один вид конкуренции, о котором все забывают.

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

То есть, условный BurgerKing и FitBit продают совершенно разные продукты и решают разные проблемы, но борются за одного и того же пользователя. Это непрямая конкуренция.

Прямая конкуренция — соперничество за “работу”
Непрямая конкуренция — соперничество за “результат”

TopUser.Pro работает на результат при всех равных параметрах!

Удачи в углубленном изучении JBTD!

✓ Что такое JTBD

Это то как удовлетворить все потребности покупателя.

✓ Как работает принцип JBTD

Предоставьте клиенту уровень обслуживания о котором он только мечтает.

✓ Где используется принцип JTBD

Все успешные компании используют принцип Jobs-To-Be-Done. 90% компаний кто его не используют становятся банкротами.

✓ Почему работает принцип Jobs-To-Be-Done?

Из-за отсутствия монополий на рынке. Кто больше обслуживает, тот больше зарабатывает.

✓ Как работа вашего продукта должна быть связана с личностью вашего клиента?

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

✓ Как использовать JTBD?

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

✓ Что такое JTBD framework?

Структура выполнения работ — это подход к разработке продуктов, основанный на понимании как конкретной цели клиента, или «работы», так и мыслительных процессов, которые приведут этого клиента к «найму» продукта для выполнения работы.

Юзабилити тестирование сайта. 11 видов UX тестов и методов.

проверка юзабилити 11 самых информативных тестов UX

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

Что такое тестирование юзабилити?

  • Есть  ли у вашего сайта, продукта, услуги практическое назначение? Чем больше пользы, тем больше клиентов.
  • Может ли пользователь найти то, что ему нужно? Будь то информация или продукт. Сведения и объекты должны быть доступными.
  • Достаточно ли эмоций в вашем дизайне? Какие впечатления остаются у людей от изображений, индивидуальности, брендинга и других элементов продукта? Не слишком ли их много?





Что такое UX?

Краткое изложение, представленное Доном Норманом Якобом Нильсеном,  определяет UX  как:  «Все аспекты взаимодействия конечного пользователя с компанией, ее услугами и продуктами».

Как протестировать UX?

Для описания методов проверки используются разные термины:

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

Методы пользовательского тестирования.

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

Существует два основных типа пользовательского тестирования:

  1. Модерируемый тест.
  2. Немодерируемый тест.

1. Модерируемый пользовательский тест.

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

преимущество тестирования с присутствием координатора и наблюдателей в офисе

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

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

Плюсы:

  1. Проверка пользователей во время текущего теста для получения дополнительной информации.
  2. Обратная связь и эмоциональные отклики немедленно.
  3. Хорошее качество образцов с жестким контролем активности пользователей.

Минусы:

  1. Нанять лабораторию или студию может быть дорого.
  2. У вас может не быть оборудования для проведения внутреннего модерируемого теста.
  3. Потребуется время, чтобы набирать, предварительно проверять, запускать тесты и анализировать их результаты.
  4. Ограничено несколькими местами, если не проводится удаленная модерация.

2. Немодерируемый пользовательский тест.

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

преимущества удаленного тестирования ux

Плюсы:

  1. Возможность набрать группу пользователей для тестирования со всего мира.
  2. Легко работать с большими объемами выборки.
  3. Минимальные расходы благодаря низкой компенсации и отсутствию необходимости в дополнительных услугах.
  4. Быстро!
  5. Известные первоначальные затраты и хорошее соотношение цены и качества.

Минусы:

  1. Качество выборки может быть низким, если набор персонала выполнен неправильно.
  2. Невозможно наблюдать за участниками теста во время сеанса проверки.
  3. Если пользователь застрял в тесте, вы не сможете направить его в верном направлении.

3. Пятисекундные юзабилити тесты.

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

Пятисекундные тесты на удобство использования лучше всего подходят для ответа на следующие вопросы:

  • Для чего используется этот сайт?
  • Легко ли посетителю познакомиться с компанией?
  • Какие преимущества дает эта услуга или продукт?

Как создать пятисекундный тест:

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

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

4. Метод: Сортировка карточек.

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

сортировка карточек при UX тестировании

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

Чтобы провести тест юзабилити сортировки карточек для вашего веб-сайта или приложения, вы можете использовать:

  • настоящие карты;
  • бумажные стикеры;
  • заметки;
  • онлайн-программное обеспечение для сортировки карт.

Есть 2 типа классификации:

  1. Открытая сортировка карточек:  участники могут свободно организовывать темы контента в группы, которые имеют для них смысл. Затем участники помечают эти группы тем без заранее определенных классификаций.
  2. Сортировка закрытых карточек: участники сортируют темы контента по заранее определенным категориям.

5. Древовидный метод юзабилити тестирования.

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

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

Как использовать древовидные тесты:

  1. Создайте свое «дерево». Это структура вашего сайта.
  2. Напишите серию задач «найди». Например: вы купили новые часы и вам нужен защитный чехол. Где бы вы хотели купить его?
  3. Наберите участников для вашего теста. В большинстве случаев вы хотите задействовать пользователя вашего веб-сайта или продукта.
  4. Попросите участников выполнить ваши тестовые задания.
  5. Проанализируйте окончательные результаты вашего юзабилити-теста.

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

6. Повторы сессий.

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

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

Как и в Google Analytics, чтобы начать работу с повторами сеансов, все, что вам нужно сделать, это установить на своем сайте фрагмент javascript, чтобы начать сбор данных. 

7. Опросы.

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

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

Например: пользователь только что приобрел товар: отправьте ему мотивированный опрос, чтобы узнать, насколько сложным или легким был процесс покупки.

довольный пользователь оставляет отзыв

8. Тепловые карты.

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

отображение перемещения пользователя по сайту тепловая карта касаний экрана

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

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

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

9. Отзывы от пользователей.

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

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

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

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

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

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

Можно попробовать разные дизайны и расположение элементов сайта. A/B тест покажет, какие нашли больший отклик у пользователей.

A B тестирование показывает какой из двух вариантов дизайна больше нравится пользователям

11. Биометрические UX исследования.

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

Они разочарованы? Он им нравится? 

Возможность точно понять чувства пользователя во время опыта помогает нам оптимизировать и улучшить наш UX.

Биометрические исследования  включают в себя множество методов исследования, в том числе:

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

Заключение: контрольный список для пользовательского тестирования.

  1. Начните с определения результатов и целей, которых вы хотите достичь, путем тестирования пользовательского опыта.
  2. Спросите, на какие вопросы важно ответить в пользовательском тесте для достижения ваших результатов или целей.
  3. Выберите метод исследования UX, который даст ответы на ваши вопросы. Точно так же не забудьте выбрать метод, который соответствует вашему времени, стоимости и другим ресурсам.
  4. С помощью инструмента или услуги по удобству использования проведите тест UX с настоящими людьми-тестировщиками и соберите качественные отзывы и количественные данные.
  5. Анализируйте тестовые данные, дизайн сайта.

Информативных вам UX-тестов!

По материалам сайта: userpeek.com.

✓ Какие основные направления UX тестов?

Они бывают поведенческими – показывают, что делают пользователи и «отношенческие» – дают узнать что им нравится, а что нет.

☆ Что такое фокус-группа как тест юзабилити?

Несколько пользователей и модератор собираются для обсуждения идей по дизайну и архитектуре сайта.

✓ Как еще пользователи могут участвовать в создании сайта?

Они могут написать на бумаге то, какой они видят структуру сайта и что им будет удобно.

☆ Когда используют тестирование с помощью дневников пользователей?

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

☆ Что такое юзабилити-тестирование в UX?

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

☆ Что такое юзабилити-тестирование сайта?

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

☆ Как написать тестовый пример UX?

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

Методы юзабилити тестирования сайта.

успешное юзабилити тестирование: 6 простых шагов

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

юзабилити тестирование предполагает комплексный подход

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

Чтобы убедиться, что вы настроили объективную проверку юзабилити, вам необходимо понимать ее процесс. Рассмотрим 6 простых шагов для успешного анализа поведения пользователей.






Шаг 1. Определите цели тестирования.

Начните с четкого определения целей пользовательского тестирования. Что вы хотите проверить и какие ответы ожидаете получить?

Варианты целей тестирования:

  • Завершение задачи. Может ли пользователь достичь своей цели на веб-ресурсе? Что ему в этом мешает? Как далеко могут зайти посетители сайта в воронку выполнения задачи?
  • Сколько тратится времени. Сколько времени нужно пользователю на достижение цели? На выполнение задачи уходит слишком много или слишком мало времени?
  • Эффективность потока. Могут ли пользователи легко перемещаться по продукту? Была ли какая-то часть пользовательского потока запутанной? Нужно ли добавить, либо удалить какие-то шаги?
  • Обнаружение ошибок. Были ли у пользователей какие-либо ошибки? Когда они возникали? Их можно было избежать? Если да, то как? Как неудача сказалась на пользователе?

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

Шаг 2: выберите метод юзабилити тестирования.

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

  • Индивидуальные глубинные интервью. Этот метод занимает больше всего времени. Он требует обученного модератора теста и подготовленного сценария.
  • Удаленное пользовательское тестирование. Это экономически эффективный метод. Оно может проводиться в естественной обстановке для участников, например, дома или на работе.
  • Карточная сортировка. Участники организуют карточки содержания в дендрограмму, которая им наиболее понятна.
  • A/B тестирование. Пользователям предлагаются два варианта цифрового продукта, чтобы определить, какая версия работает лучше. Для получения точных результатов этому методу требуется больше участников, чем другим.
  • Отслеживание движения глаз. В этом анализе используется программное обеспечение, чтобы отслеживать, куда смотрят пользователи, взаимодействуя с вашим продуктом.
  • Фокус группы. Этот тест включает модерируемое обсуждение между небольшими группами пользователей. Оно проводится в комнате, оборудованной двусторонним зеркалом.

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

Шаг 3. Найдите типичных пользователей для тестирования.

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

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

  • Возраст
  • Пол
  • Место расположения
  • Образование
  • Профессия
  • Доход
  • Техническая подготовка
  • Другие характеристики вашего продукта

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

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

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

Шаг 4. Создайте сценарии задач.

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

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

Юзабилити тестирование сайтов

Вот пример плохого сценария задачи:

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

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

А вот пример удачного сценария задачи:

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

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

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

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

Шаг 5. Создание единой схемы тестирования.

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

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

Лучше всего использовать сценарий для репликации среды тестирования и обеспечения согласованности во всем.

Фиксируйте все, что вы делаете и говорите во время пользовательского тестирования. Это включает в себя, когда и как вы что-то говорите и делаете. Хотя это может показаться чрезмерным, поверьте нам – это не так. Воссоздание тестовой среды – единственный способ быть на 100% уверенным в точности своих результатов.

Шаг 6: проанализируйте результаты юзабилити тестирования.

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

После того, как вы закончите подведение итогов, поработайте вместе с дизайнерами и разработчиками, чтобы:

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

Пользовательское тестирование: проверять, анализировать, повторять.

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

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

Тестируйте, анализируйте и повторяйте!

По материалам сайта: adamfard.com

❤️ Что еще нужно учитывать при тестировании?

Важно не помогать пользователям выполнить задачу, не отвлекать их.

❺ Какие вопросы нельзя использовать при тестировании?

Те, на которые можно ответить «да» или «нет» – они не информативны, наводящие.

❤️ Какой должна быть продолжительность проверки?

Не слишком долгой, но достаточной, чтобы получить ответы на свои вопросы. Не более 12 задач за сеанс,

❺ Где найти участников для тестирования?

По объявлению на сайте, среди клиентов, через агентство.

❺ Какой метод используется для юзабилити-тестирования?

В основном для тестирования юзабилити используется метод черного ящика.

❺ Какой пример нагрузочного тестирования?

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

❺ Каковы основные принципы юзабилити-тестирования?

Понимание потребностей пользователей.
Определение целей теста.
Формирование команду тестировщиков.
Настройка тестовой среды.

Топ 10 ошибок в Юзабилити дизайна на сайте.

Топ 10 ошибок в веб-дизайне.

Хотя сейчас многие злодеяния юзабилити дизайна встречаются реже, чем раньше, они все же есть. Рассмотрим десять самых вопиющих преступлений против пользователей. Это бедствия веб-дизайна и ужасы HTML.

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






1. Плохой поиск на сайте.

Юзабилити дизайн важен и для поиска

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

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

Намного лучше, если сервис для работы с информацией в Интернете отводит «лучшие ставки» в верхней части списка для важных запросов, таких как названия ваших продуктов.

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

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

2. PDF файлы для онлайн чтения.

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

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

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

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

3. Не меняется цвет посещенных ссылок.

Простой и важный прием юзабилити для повышения конверсии.

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

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

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

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

4. Дизайн-многобукв. Не сканируемый текст на страницах.

Стена текста смертельна при просмотре страниц! Устрашает. Скучно. Больно читать.

не сканируемый текст

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

  • подзаголовки;
  • маркированные списки;
  • выделенные ключевые слова;
  • короткие абзацы;
  • перевернутую пирамиду;
  • простой стиль письма.

5. Фиксированный размер шрифта в дизайне.

К сожалению, таблицы стилей CSS дают веб-сайтам возможность отключить кнопку «изменить размер шрифта» в веб-браузере и указывают постоянную величину букв, цифр и знаков. 

Приблизительно в 95% случаев фиксированный размер шрифта крошечный, что значительно снижает читабельность для большинства людей старше 40 лет.

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

6. Заголовки страниц с низкой видимостью в поисковых системах.

Поиск является наиболее важным способом обнаружения веб-сайтов пользователями. Также это один из самых удобных способов поиска по отдельным веб-сайтам. 

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

Заголовок страницы содержится в теге HTML <title> и почти всегда используется в качестве кликабельного заголовка для списков на страницах результатов поисковой системы SERP. Поисковые системы обычно показывают первые 66 символов заголовка, так что это действительно микро-контент.

Заголовки страниц также используются в качестве записи по умолчанию в «Избранном», когда пользователи создают закладки для сайта. Для вашей домашней страницы начните с названия компании, после чего добавьте краткое описание сайта. 

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

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

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

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

Слоганы на домашних страницах являются связанной темой: они также должны быть краткими и быстро сообщать о цели сайта.

7. Много того, что выглядит как реклама в дизайне страниц.

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

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

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

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

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

8. Нарушение правил Юзабилити дизайна.

размещение текста в похожем стиле

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

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

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

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

Закон Якоба о пользовательском опыте в Интернете гласит, что «пользователи проводят большую часть своего времени на других сайтах».

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

9. Открытие нового окна в браузере.

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

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

Дизайнеры добавляют новые окна браузера, полагая, что пользователи остаются на их веб-ресурсе. Эта стратегия самоубийственна, поскольку отключает кнопку «Назад». Она является обычным способом возврата пользователей на предыдущие сайты. 

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

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

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

10. Содержимое страницы не отвечает на вопросы пользователей.

Юзабилити страницы сайта

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

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

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

Худший пример того, чтобы не отвечать на запросы пользователей, – это избегать перечисления цен на товары и услуги. 

Ни один сайт электронной коммерции В2С не допустил бы такой ошибки, но он встречается в B2B , где представлено большинство «корпоративных решений». Вы не можете определить, подходят ли они для 100 человек или 100 000 человек. 

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

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

По материалам сайта: www.nngroup.com.

✔️ Какие бывают виды поисковых систем?

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

✔️ Какой бывает веб-реклама на сайтах?

Контекстной, баннерной, вирусной и тизерной.

✔️ Что такое B2B и В2С?

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

✔️ Что такое слоган?

Это лаконичная фраза, несущая рекламное предложение компании.

✔️ Как оценить удобство использования сайта?

Методы оценки юзабилити.
Базовое тестирование удобства использования на существующем сайте.
Фокус-группы, опросы или интервью для определения целей пользователей.
Тестирование Card Sort для помощи в разработке IA.
Тестирование каркаса для оценки навигации.

✔️ Какие типичные проблемы с графическим интерфейсом вы ищете на веб-странице?

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

✔️ Что делает приложение плохим?

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

Как люди читают контент онлайн: Юзабилити исследования.

как люди читают онлайн исследования

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

Чем больше вещи меняются, тем больше они остаются неизменными.

Недавно мы опубликовали 2-е издание нашего юзибилити исследования «Как люди читают онлайн», спустя почти 15 лет после публикации 1-го этапа. Оглядываясь назад на результаты 5-ти исследований, проводимых для этих изданий, мы можем проследить, как изменилось или нет поведение при чтении в Интернете.

Мы говорим об этом с 1997 года:

Люди редко читают в Интернете – они гораздо чаще сканируют, чем читают слово в слово.

Это одна из фундаментальных истин поведения, связанного с поиском информации в Интернете. Оно не изменилось за 23 года и оказывает существенное влияние на то, как мы создаем цифровой контент.

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

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






Методология: Eyetracking.

Оборудование Eyetracking отслеживает взгляд пользователя, когда он использует интерфейс.

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

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

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

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

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

Ранние юзабилити исследования 2006-2013 гг.

В 2006 году мы провели масштабное исследование, посвященное отслеживанию, чтобы понять, как люди читают онлайн. В нем приняли участие более 300 участников. Результаты изучения 2006 года легли в основу первого издания нашего доклада «Как люди читают в Интернете».

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

Последние юзабилити исследования 2016-2019 гг.

В 2016 и 2017 годах мы провели 2 количественных исследования отслеживания движений глаз в двух разных местах в Соединенных Штатах:

  • Роли, Северная Каролина – 46 участников,
  • Сан-Франциско, Калифорния – 105 участников.

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

В 2019 году мы провели крупномасштабное исследование, посвященное отслеживанию событий. Оно предназначено специально для сбора результатов для второго издания отчета «Как люди читают онлайн». Исследование проводилось в двух местах:

  • Роли, штат Северная Каролина, США – 48 участников,
  • Пекин, Китай – 12 участников.

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

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

Что изменилось?

Новые макеты, новый шаблон.

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

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

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

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

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

Юзабилити исследования

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

Юзабилити исследования сайта

Один участник отсканировал эту страницу описания продукта для Apple Watch 3, слева, которая имела зигзагообразный макет. Его движения глаз показаны в газеплоте, справа. Они переходили от изображения к тексту, к изображению, к тексту по принципу движения газонокосилки.

Комплексные страницы результатов поиска.

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

Богатые, разнообразные макеты современных SERP вызвали разработку нового паттерна: пинбол. В такой схеме пользователь просматривает страницу результатов по крайне нелинейному пути, перебирая результаты и функции SERP.

пинбол взгляд

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

анализ взгляда

Один участник искал информацию о ценах на Ботокс. Пронумерованный газеплот показывает все его фиксации за 14 секунд, которые сформировали рисунок пинбола. И да, он просмотрел 158 точек за 14 секунд. Эта скорость сканирования нормальная.

Помимо изменения структуры взгляда, эти функции SERP также оказали огромное влияние на поведение поиска информации. Функции SERP могут:

  • Действовать как указатели: их изображения могут помочь пользователям быстро убедиться, что они ищут предполагаемый объект.
  • Обратить внимание пользователя: функции SERP имеют большой визуальный вес на странице, что может отвлечь взгляд пользователя в разных направлениях. Это главная причина паттерна пинбола.
  • Учесть запросы и задачи. Некоторые функции SERP, такие как элемент People и ask или карусель, позволяют Google представить несколько расширенных интерпретаций запроса и позволяют пользователям исследовать эти альтернативы, не покидая страницы.

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

Модели взгляда в Китае.

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

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

Ф-образец

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

Единственным исключением был рисунок пинбола; из более чем 60 случаев поиска мы наблюдали только один случай паттерна пинбола на Baidu SERP.

Мы предполагаем отсутствие шаблонов пинбола, потому что Baidu обеспечивает:

  • Меньше функций SERP на запрос, чем Google.
  • Функции SERP, которые не так привлекательны визуально, как функции SERP от Google, меньше и меньше изображений.
  • Элементы боковой панели, содержащие рекламу и ссылки на другие выдачи в меньшей степени связаны с текущим запросом пользователя, чем панель знаний Google. Например, связанные запросы Baidu или элементы поиска людей.

Существует как минимум 3 основных различия между использованием Интернета в США и Китае:

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

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

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

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

Новые элементы контента.

По сравнению с 2006 годом популярность получили 3 типа контента:

  • таблицы, включая сравнительные таблицы;
  • встроенные элементы, цитаты и реклама;
  • пользовательский контент отзывы и посты.
пример

ScienceMag.com использовал полные кавычки, как показано здесь, а также встроенные сообщения о своей рассылке.

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

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

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

Юзабилити

Участница отсканировала эту статью на сайте Science Magazine почти линейно и полностью, пока не попала во встроенную рекламу. В этот момент ее внимание резко упало.

Что не изменилось?

Тенденция к сканированию.

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

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

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

  • Уровень мотивации: насколько важна эта информация для пользователя?
  • Тип задачи: ищет ли пользователь конкретный факт, просматривает новую или интересную информацию или исследует тему?
  • Уровень фокуса: насколько сфокусирован (или не сфокусирован) пользователь на поставленной задаче?
  • Личные характеристики: проявляет ли этот человек склонность к сканированию и имеет ли он тенденцию к сканированию даже в условиях высокой мотивации? Или она очень ориентирована на детали в своем общем подходе к чтению онлайн?

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

Мы можем разработать контент, который поддерживает сканирование:

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

Большинство моделей взгляда.

Почти все модели взгляда, наблюдавшиеся в 2006 году, присутствовали в нашем исследовании 2019 года:

  • F-паттерн;
  • Слоеный пирог;
  • Пятнистый узор;
  • Образец приверженности;
  • Исчерпывающий обзор;
  • Обходной паттерн;
  • Зигзагообразный узор;
  • Последовательный образец;
  • Любовь с первого взгляда.
Исследование сайта

Слева: один из наших самых ранних примеров F-паттерна, обнаруженный в начале 2000-х годов на 1900storm.com. Справа: недавний экземпляр F-паттерна на Investopedia.com.

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

Полный отчет «Как люди читают онлайн» содержит:

  • Глубокие объяснения и анализ для всех моделей взгляда и поведения, упомянутых здесь.
  • Более 340 иллюстраций, визуализация данных взгляда и скриншоты из исследований, 90% из которых являются новыми для второго издания.
  • Актуальные видео-клипы повторного просмотра сессий трекинга.

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

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

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

По материалам сайта: nngroup.com.

✔️ Что такое SERP?

Это страница, предложенная поисковой выдачей в ответ на запрос пользователя.

✔️ Что такое линейное чтение?

Это чтение каждой буквы, слова и строки в тексте.

✔️ Я правильно поняла, сканирование – это просмотр материала целом для поиска нужной информации?

Да, именно так.

✔️ Что такое Baidu?

Это китайская поисковая система для работы в Интернете.

✔️ Как пользователи могут читать онлайн?

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

✔️ Как мало читают пользователи?

Подавляющее большинство пользователей прочитают около 20% текста на средней странице.

✔️ Почему люди сканируют веб-сайты?

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

Настройка рекламы в Facebook.

Реклама Facebook





Помните «старые добрые времена» в Facebook, когда у них только начали появляться бизнес-страницы на платформе?

Вы бы опубликовали обновление на своей странице в Facebook со ссылкой на веб-сайт, большинство подписчиков вашей страницы увидят его в своей временной шкале, а некоторые перейдут по ссылке.

Это был простой способ генерировать трафик, и это было бесплатно!

Facebook

То были времена….

А затем, в ноябре 2014 года, Facebook объявил, что начнет ограничивать «органический охват» страниц Facebook.

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

Способы рекламы в Facebook

Просто для того, чтобы вы четко поняли терминологию: «органический охват» означает, какой процент подписчиков вашей страницы в среднем увидит ваше сообщение, не платя Facebook (т.е. БЕСПЛАТНЫЙ трафик).

По сути, этот график показывает, что 98-99% подписчиков вашей страницы не увидят ваши сообщения в своей шкале времени, если вы не заплатите Facebook.

И это даже не что-то новое в рекламе!
Это было просто ускорение тенденции, которая началась еще в 2013 году:

Органический охват страниц

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

Хотя это может быть официальной «линией компании» от Facebook, это также очень хорошо сказалось на их прибыли и набедренных карманах их акционеров, как вы можете видеть на графике ниже:

Эффект от охвата

На этом этапе вы можете сказать:

«Facebook — пустая трата времени. Я просто больше не буду беспокоиться об этой платформе »

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

Отказ от Facebook вообще не является правильным шагом.

Вместо,

Вы должны просто изменить свое мышление о Facebook:

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

Когда вы смотрите на Facebook как платформу для платной рекламы , ее преимущества становятся очень очевидными!

Facebook как платформа
Привлечение трафика

Привлечение трафика на ваш сайт из Facebook все еще может быть очень дешевым!

Трафик Facebook

Ни один веб-сайт в Интернете не имеет больше трафика, чем Facebook, и он продолжает расти!

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

И это единственный путь, которым вы должны смотреть на Facebook как на владельца бизнеса и маркетолога!

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

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

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

Однако….

Есть правильные и неправильные способы настройки рекламы на Facebook!

Реклама Facebook

Давайте начнем с:

Неправильная настройка рекламы на Facebook.

1. «Покупка лайков».

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

2. Полагаться исключительно на процентный таргетинг.

Вот что я имею в виду под этим:

Facebook таргетинг

Вот почему таргетирование на основе интересов может быть проблематичным: 

  1. Людям может понравиться страница, чтобы принять участие в каком-либо конкурсе или выиграть приз, а не потому, что они искренне заинтересованы в теме или бренде.
  2. Страница, на которую подписчики нацелены, покупает фальшивые лайки на «кликах», чтобы быстро и искусственно увеличить число своих поклонников.
  3. Страница, на которую вы нацеливаете своих подписчиков, запустила кампанию с низкими таргетингом в Facebook и получила низкокачественных подписчиков.
  4. Facebook, возможно, вывел неправильные общие интересы о ком-то на основании страниц, которые ему понравились (например, им понравилась страница McDonald’s, чтобы участвовать в розыгрыше, поэтому Facebook теперь думает, что им нравится нездоровая пища или мясо, но на самом деле они — вегетарианский тренер по здоровью… )

Правильный способ рекламы в Facebook:
ремаркетинг / ре-таргетинг.

1.Вы ориентируетесь только на людей, которые посещали ваш сайт в течение определенного периода времени или подписались на ваш список рассылки.

Преимущества этого подхода:

  1. Больше никаких догадок и неточных таргетингов: вы знаете, что эти люди проявили интерес к вашему бизнесу.
  2. Снизьте расходы на рекламу.
  3. Увеличьте количество «конверсий», которые вы хотите, чтобы люди предпринимали (например, зарегистрируйтесь в своем списке адресов электронной почты, совершите покупку, сделайте запрос, загрузите рекламную брошюру и т. Д.)

2.Ориентация посетителей на ваш сайт с использованием пикселя Facebook.

Пиксель Facebook — это фрагмент кода, который вы получаете с Facebook и устанавливаете на свой сайт.

Это выглядит так:

Ориентация с помощью пикселя

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

Пиксель Facebook, который вы устанавливаете на своем веб-сайте, помечает их, чтобы указать, что они посетили ваш веб-сайт, а также отслеживает конкретные страницы, на которых они были.

Вероятно, это единственный тип «преследования», который вы можете сделать, это законно и не доставит вам неприятностей… 

Это также КЛЮЧ к эффективному использованию Facebook в качестве бизнес-инструмента!

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

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

Настройка: Пользовательская аудитория

Не думаете ли вы, что нацеливание на этих людей намного более ценно (и даст лучшие результаты), чем нацеливание на случайных пользователей Facebook, основываясь на том, что, по их мнению, Facebook заинтересовало их?

3.Ориентация на ваших подписчиков электронной почты и существующих клиентов, для которых у вас есть номер телефона.

Это называется пользовательской аудиторией в списке клиентов, и вот как это работает:

У вас есть база данных электронной почты или список телефонных номеров ваших клиентов и потенциальных клиентов?

Знаете ли вы, что вы можете загрузить его на Facebook?

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

Теперь вы можете рекламировать этих людей независимо от того, являются ли они уже поклонниками вашей страницы в Facebook или нет!

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

Теперь вы можете рекламировать этих людей независимо от того, являются ли они уже поклонниками вашей страницы в Facebook или нет!

Настройка: Ориентация на подписчиков

4. Добавьте немного «Волшебства Facebook» — «Двойник».

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

Теперь вы говорите Facebook:

«Иди и найди мне больше людей, которые почти такие же, как эти».

(отсюда: «похожий»).

Все, что вам нужно, это не менее 100 человек в вашей пользовательской аудитории из одной страны (любой страны!), И Facebook предоставит вам подобную аудиторию в течение максимум 24 часов!

Настройка: Представление аудитории в Facebook

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

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

По материалам сайта: mgdigitalmarketing.com.au

✔️ Почему Facebook является отличной платформой для рекламы?

Так как Facebook предлагают дешёвый доступ к высококвалифицированным клиентам.

✔️ Почему таргетирование может быть проблемным?

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

✔️ Каковы преимущества ремаркетинга?

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

✔️ Как работает пользовательская аудитория?

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

✔️ Сколько стоит разместить рекламу на Facebook?

Если вы измеряете цену за клик (CPC), реклама в Facebook стоит в среднем около 0,27 доллара за клик. Если вы измеряете стоимость тысячи показов (CPM), реклама в Facebook стоит около 7,19 долларов США за тысячу показов (Hootsuite).

✔️ Стоит ли платить за рекламу в Facebook?

Да. Цена за клик ниже, но если вы правильно настроите кампании, они будут привлекать качественные клики, которые принесут пользу вашему бизнесу. В результате реклама в Facebook часто является гораздо более выгодным способом продвижения вашего бизнеса, чем другие рекламные каналы.

✔️ Почему реклама в Facebook такая дорогая?

Реклама в Facebook становится дороже, потому что спрос превышает предложение. Это естественный прогресс для рекламной платформы, основанной на аукционах. Это также является причиной роста цен в сезон конкурентных покупок, например, в четвертом квартале.

Система SUS. Оценка пользовательской способности.

Юзабилити аудит

В 2020 году это 35-я годовщина создания самой используемой анкеты для измерения восприятия юзабилити. Шкала юзабилити системы (SUS) была выпущена в этот мир Джоном Бруком в 1986 году.

Первоначально она была создана как «быстрая и грязная» шкала для администрирования после юзабилити-тестов в таких системах, как приложения VT100 Terminal («Зеленый экран»).

SUS не зависит от технологий. Она была протестирована на оборудовании, потребительском программном обеспечении, веб-сайтах, мобильных телефонах, IVR и на желтых страницах. Стала отраслевым стандартом со ссылками в более чем 600 публикациях.






Шкала юзабилити системы.

SUS — это вопросник из 10 пунктов с 5 вариантами ответов.

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

SUS использует следующий формат ответа:

SUS

Счет SUS.

  • Для нечетных предметов: вычтите одно из ответа пользователя.
  • Для элементов с четными номерами: вычтите ответы пользователей из 5
  • Масштабирование всех значений от 0 до 4 (четыре — самый положительный ответ).
  • Сложите преобразованные ответы для каждого пользователя и умножьте сумму на 2,5. Это преобразует диапазон возможных значений от 0 до 100 вместо от 0 до 40.

Интерпретация результатов SUS.

Несмотря на широкое использование SUS, было мало рекомендаций по интерпретации системы, приемлемых модификаций элементов и информации о надежности и достоверности.

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

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

Что такое хорошая оценка SUS?

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

Лучший способ интерпретировать ваш результат — преобразовать его в процентильный ранг путем нормализации. Был создал калькулятор и руководство, которое берет необработанные оценки SUS и генерирует процентильные ранги и буквенные оценки (от A + до F) для восьми различных типов приложений.

На графике ниже показано, как процентильные ранги ассоциируются с баллами SUS и буквенными оценками.

Результаты SUS

Этот процесс похож на «оценку по кривой», основанную на распределении всех баллов. Например, необработанный показатель SUS, равный 74, преобразуется в процентильный ранг 70%. Показатель SUS, равный 74, имеет более высокое воспринимаемое удобство использования, чем 70% всех протестированных продуктов. Это можно интерпретировать как оценку B-.

Вам нужно набрать более 80,3 балла, чтобы получить А (10% лучших результатов). Это показывает что пользователи с большей вероятностью будут рекомендовать продукт другу. Если вы набрали в среднем 68 баллов, вы получите C, а все, что ниже 51, — F (и вы попадете в нижние 15%).

Как SUS ставит баллы?

Даже при том, что оценка SUS может колебаться от 0 до 100, это не процент. Хотя технически правильно, что показатель SUS, равный 70 из 100, представляет 70% возможного максимального значения. Оценка на этом уровне будет означать, что протестированное приложение выше среднего. Фактически, оценка 70 ближе к средней оценке SUS 68. На самом деле более уместно назвать ее 50%.

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

SUS измеряет юзабилити и обучаемость.

В то время как SUS предназначался только для измерения воспринимаемой простоты использования (одно измерение), недавние исследования показывают, что он обеспечивает глобальную меру удовлетворенности системы и суб-шкал юзабилити и обучаемости. Элементы 4 и 10 обеспечивают измерение обучаемости, а остальные 8 элементов обеспечивают измерение удобства использования. Это означает, что вы можете отслеживать и составлять отчеты как по подшкалам, так и по глобальной шкале SUS.

Надежность SUS.

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

Частые вопросы о SUS.

✔️ Что такое SUS?

Шкала юзабилити системы SUS была создана как «быстрая и грязная» шкала для администрирования после юзабилити-тестов.

✔️ Как интерпретировать результат SUS?

Лучший способ интерпретировать ваш результат — преобразовать его в процентильный ранг путем нормализации. Был создал калькулятор и руководство, которое берет необработанные оценки SUS и генерирует процентильные ранги и буквенные оценки (от A + до F) для восьми различных типов приложений.

✔️ Какой уровень надежности SUS?

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

✔️ Какой результат в системе SUS считается хорошим?

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

✔️ Какие вопросы используются в анкетах по удобству использования?

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

✔️ Как измеряется SUS?

Для каждого из вопросов с нечетным номером вычтите 1 из оценки.
Для каждого из вопросов с четными номерами вычтите их значение из 5.
Возьмите эти новые значения, которые вы нашли, и сложите общий балл.
Затем умножьте это на 2,5.

✔️ Как рассчитывается Umux Lite?

Для базовой оценки UMUX-LITE вычтите единицу из оценки каждого пункта анкеты. Сложите обе эти скорректированные оценки и разделите их сумму на 12. Умножьте это число на 100. Чтобы сравнить ваши оценки UMUX-LITE с оценками SUS, вам необходимо преобразовать ваши оценки UMUM-LITE с помощью уравнения регрессии.

Юзабилити | UX | вместе с Искусственным интеллектом в 2020/2021.

Юзабилити и Искусственный Интеллект

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






Профессия дизайнеров UX положительно влияет на ИИ.

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

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

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

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

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

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

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

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

Искусственный интеллект быстро растет.

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

AI и UX

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

Соедините ваш ИИ и UX вместе и посмотрите, как все это работает.

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

юзабилити и искусственный интеллект

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

Посмотрите, как ИИ влияет на UX.

# 1 — «Чувство» от человека к человеку происходит с онлайн-чатами.

чат ИИ

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

# 2 — Улучшенный пользовательский опыт.

Опыт пользователя

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

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

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

Заключение.

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

✓ Кто такой юзабилити дизайнер?

Юзабилити или Ux дизайнер — это человек, который разрабатывает дизайн на основе поведения пользователей.

✓ Кто такой Uxer?

Специалист, который разрабатывает дизайн, тексты и формы взаимодействия с сайтом путем A/B тестирования своих идей.

✓ Что такое UX?

User Experience или в переводе Пользовательский Опыт. Действия, которые совершает пользователь на сайте по пути к покупке товара, регистрации или другого действия для чего сделан сайт.

✓ Как помогает ИИ в Юзабилити?

Искусственный интеллект способен проводит в тысячи раз больше тестов чем человек. Это делает его незаменимым помощником для Uxer.

✓ Заменит ли ИИ UX-дизайнеров?

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

✓ Как ИИ применяется в дизайне?

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

✓ UX умирает?

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

Как добавить социальные иконки на сайт.

Социальные сети

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

Почему бы и нет? Это идеально подходит.

Цели маркетинга в социальных сетях — продвигать контент, обслуживать клиентов и строить отношения. 

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

Существует довольно много вариантов подключения сайта к соц. сетям. 

Пять основных типов интеграции социальных сетей:

  1. Иконки Соц. Сетей
  2. Кнопки Поделиться в социальных сетях
  3. Социальные виджеты страниц Facebook
  4. Единый вход (позволяет посетителям создать новую учетную запись или войти в систему с использованием социальных учетных данных)
  5. Встроенный социальный канал

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

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






1. Не помещайте социальные иконки в шапку сайта.

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

Представьте, что вы идете в магазин, а на самой большой вывески написано «выход». Это было бы полезно? Возможно нет. Тогда почему на каждой странице вашего сайта есть большие знаки выхода?

Не поощряйте посетителей сайта уходить. Не приглашайте их покинуть ваш сайт.

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

Вот как это выглядит в шапке:

Социальные иконки

Небольшое исследование стандартов веб-дизайна обнаружило, что в 2015 году 26% ведущих маркетинговых сайтов имели социальные иконки в заголовке. В 2019 году это число сократилось до 20%. Это выходит из моды.

Лучший способ добавить ваши социальные иконки.

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

Серые кнопки социальных сетей

Обратите внимание, что кнопка регистрации по электронной почте (более ценное взаимодействие для бренда) более заметна. Кнопки социальных сетей (которые являются менее значимыми для бренда) менее заметны.

Это не юридическая консультация, но …

Твиттер не хочет, чтобы вы портили их логотип. 

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

Социальная иконка

Какие социальные иконки чаще всего нажимают ваши посетители?

Мало кто когда-либо проверяет, но на вопрос можно ответить через Google Analytics.

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

Клики по социальным сетям
Проценты кликов по иконкам на каждую социальную сеть

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

Где лучшее место для добавления социальных иконок?

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

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

2. Не связывайтесь с мертвыми аккаунтами

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

Итак, когда вы должны добавить значок социальной сети?

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

  1. Вы размещаете контент там постоянно? (активный канал публикации)
    В социальной сети по крайней мере столько же релевантного контента, сколько на вашем сайте.
  2. Вы общаетесь с людьми в этой социальной сети? (активный сетевой канал)
    Вы не просто присутствуете, но вы общаетесь с людьми, общаетесь и строите отношения. Если кто-то задает вопрос, вы отвечаете на него.

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

Следующий вопрос: куда поместить эти социальные иконки?

3. Не добавляйте кнопки общего доступа на служебные страницы.

Вы когда-нибудь делились сервисной страницей? Вы когда-нибудь видели, чтобы кто-то делился страницей сервиса? Это почти никогда не происходит.

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

UX совет. Не добавляйте кнопки общего доступа на служебные страницы

А как насчет кнопок на страницах продуктов электронной коммерции?

Люди когда-либо делятся продуктами? Да, но почти никогда. Когда мы посмотрели веб-сайт электронной коммерции и сравнили просмотры страниц (Google Analytics) с социальными акциями (Buzzsumo) и обнаружили, что такие акции редки.

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

В онлайн-каталоге Vienna Beef самые популярные продукты делятся примерно на 1 из 1000 посетителей. И эти акции почти все в Facebook.

Даже отличный продукт делится 1 из 1000 посетителей

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

Мы обнаружили, что обмен информацией между 1 и 1000 посетителями (это 0,001%).

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

4. Не показывайте низкие цифры.

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

Не расстраивайтесь … но следите за своими виджетами.

Не показывайте низкие цифры в социальных иконках

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

У более простых виджетов есть еще одно преимущество. Они загружаются быстрее.

5. Остерегайтесь тяжелых Javascript.

Социальные иконки практически невесомы. Но виджеты социальных сетей (поделиться, подписаться и т. Д.) Создаются с использованием Javascript. И чтобы загрузить, они должны общаться с серверами в Facebook, Twitter, LinkedIn или Pinterest.

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

Есть несколько способов избежать раздувания кода, который создают социальные виджеты:

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

Беспокоитесь, что социальные виджеты замедляют вас? Проведите аудит ваших страниц с помощью Lighthouse в Chrome Dev Tools.

Результат аудита

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

Ссылайтесь на социальные сети, где вы активны

Размещайте социальные виджеты так, чтобы не отвлекать посетителей и не замедлять сайт

Вы нашли это полезным? Если это так, вы можете присоединиться ко мне в Facebook, где публикую интересные статьи или подписаться на Youtube канал.

По материалам статьи: https://www.orbitmedia.com/blog/website-social-media-integration/

<

✓ Зачем нужна интеграция социальных сетей на сайт?

Для получения возможности пользователям делится вашим сайтом или его услугами, новостями.

✓ Как добавить кнопку социальных сетей на магазин?

Использовать виджет или соответствующий плагин.

✓ Почему не стоит использовать плагины соц. сетей с счетчиками?

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

✓ Где лучше размещать кнопки социальных сетей?

На страницах благодарности, блогах, вакансий сайта.

✓ Как добавить иконки социальных сетей в HTML?

Во-первых, мы должны ввести код Html в любом текстовом редакторе или открыть существующий файл Html в текстовом редакторе, в который мы хотим добавить липкие значки социальных сетей.
Теперь нам нужно разместить курсор сразу после тега title в теге head документа Html, а затем прикрепить ссылку CDN.

✓ Как связать значок в HTML?

Чтобы вставить значок, добавьте имя класса значка к любому встроенному элементу HTML. Элементы i и span широко используются для добавления значков. Все иконки в библиотеках являются масштабируемыми векторными значками, которые можно настроить с помощью CSS.

✓ Как добавить значки социальных сетей в Font Awesome?

Перейдите на страницу иконок на сайте Font Awesome. Здесь вы увидите список доступных для использования значков. Любые значки серого цвета на самом деле являются частью премиум-пакета, поэтому вам необходимо обновить их, чтобы использовать.

ЗАЯВКА

Обратный Звонок

Напишите нам