Поиск
Close this search box.
Поиск
Close this search box.

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

Юзабилити Меню Сайта

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

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

Но затем вы надеваете шляпу своего владельца сайта и — БАМ — вы совершенно другой человек! Все то, что вы раздражали на других сайтах, теперь гордо живет на ваших!

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

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





Раскрывающиеся вертикальные, горизонтальные меню сайта в навигации.

В частности, зачем вам от них избавляться и какие есть альтернативы.

Давайте начнем с этого:

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

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

4 причины, по которым ваше выпадающее меню должно умереть (и что делать вместо этого).

Причина № 1: Ваши посетители могут пропускать важные страницы.

Юзабилити

Представьте, вы попали на этот сайт фрилансера.

Вы хотите узнать о них больше и навести курсор на этот ярлык навигации. Каковы шансы, что вы нажмете на ярлык «Моя история»?

Как меню вредит вашему сайту?

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

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

Какая альтернатива выпадающим меню?

Если ваше выпадающее меню состоит из 1-2 пунктов:

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

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

Юзабилити и UX
По шкале от 0 до 10, насколько вам нравится нажимать «Наша миссия» или «Наши ценности»?

Представь, ты попал на этот сайт.

Какова вероятность того, что вы хотите узнать об их ценностях, миссии и одобрениях?

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

Как выпадающее меню вредит вашему сайту?

1. Вы просите своих посетителей проделать большую работу, чтобы узнать что-то простое,

… что означает, что они не собираются это делать.

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

Но неа, ты решил заставить их работать на это!

2. Вы создали страницы с тонким содержанием.

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

В этом конкретном примере «О нас» ценности и страницы миссий имеют в среднем по 150 слов каждая. 3 страницы, содержащие всего 150 слов, которые не помогают вашим посетителям.

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

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

Какая альтернатива горизонтальным и вертикальным меню сайта?

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

Но, допустим, у вас нет выпадающего меню для раздела «О нас».

А как насчет услуг?

Причина № 3: Вам трудно найти соответствующую информацию.

Юзабилити сайтов

Представь, ты попал на этот сайт.

Вы хотите узнать об их услугах, наведите курсор на меню «Услуги», и эта красота исчезнет.

Ваш следующий ход?

Вероятно, нажав на ярлык «Услуги», в надежде попасть на страницу, где вы перечислите перечисленные услуги вместе с дополнительным текстом.

Попался! Нет такой вещи. Это просто текст.

Итак, вам нужно СЕЙЧАС решить, о каких услугах вы хотели бы узнать.

Не быстрое решение, особенно потому, что в 4 из 6 сервисов есть слово «маркетинг».

Но хорошо, вы нажимаете «Маркетинговый аудит» и начинаете читать.

Хотите узнать о других услугах?

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

Хотите вернуться к первому интересному сервису?

Какой выпадающий элемент был снова? Нет, не этот. Попробуйте еще раз!

Как это вредит вашему сайту?

Ваши посетители могут пропустить услугу, которая им действительно нужна (и вы можете потерять деньги).

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

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

Они не могут сосредоточиться так!

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

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

Мобильное Юзабилити

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

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

Ряд вариантов:

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

… Без выпадающего списка под меткой навигации по сервисам, которая ссылается на это:

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

Причина № 4: Вы сводите посетителей вашего сайта с ума.

Какая альтернатива?

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

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

Что-то вроде этого:

Правильное Юзабилити

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

  1. Если у вас есть только один выпадающий элемент:
    • либо поместите его как элемент навигации верхнего уровня
    • или удали это.
  2. Если это имеет смысл, объедините информацию на отдельных страницах из раскрывающегося меню и сделайте из нее одну страницу (например, если у вас есть раскрывающееся меню в разделе «О программе» на верхнем элементе навигации).
  3. Если у вас есть раскрывающееся меню Службы:
    • либо используйте только пункт «Услуги» верхнего уровня, который ведет на выделенную страницу «Услуги»
    • или, если вы предлагаете только 1-2 услуги, удалите элемент навигации «Службы» и создайте ссылку на соответствующие службы прямо из навигации верхнего уровня.
  4. Если у вас нет выбора, кроме как предложить своим посетителям множество вариантов навигации, используйте мега-меню.

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

Заключительные слова мудрости.

Будьте внимательным к посетителям сайта.

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

Тогда подумайте о своем сайте. Скорее всего, вы делаете те же ошибки.

✔️ Что такое выпадающее меню?

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

✔️ В чем недостатки выпадающего меню?

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

✔️ Стоит ли отказаться от выпадающего меню?

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

✔️ Что делать если уже есть выпадающее меню?

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

✔️ Как сделать горизонтальный выпадающий список?

Установите раскрывающийся список, включив раскрывающееся меню атрибута data-dropdown и class в контейнер меню. Внутри тега li элемента ul вы можете создать еще один новый тег ul для создания множества уровней раскрывающегося списка.

✔️ Как создать горизонтальное раскрывающееся меню в HTML?

Используйте любой элемент, чтобы открыть раскрывающееся меню, например элемент button, a или p. Используйте элемент контейнера (например, div), чтобы создать раскрывающееся меню и добавить в него раскрывающиеся ссылки. Оберните элемент div вокруг кнопки и div, чтобы правильно расположить раскрывающееся меню с помощью CSS.

✔️ Как изменить горизонтальное меню на вертикальное в редакторе Wix?

Изменение меню сайта с горизонтального на вертикальное в редакторе Wix.
Щелкните свое меню в редакторе.
Нажмите клавишу Delete на клавиатуре.
Щелкните Добавить в левой части редактора.
Щелкните по меню.
Перетащите новое меню на свою страницу.

✔️ Как создать вертикальное раскрывающееся меню в CSS?

Добавьте таблицу стилей и форму или HTML-страницу. Затем на странице HTML или веб-форме . NET добавьте «Div» и назовите его «divMenu».

✔️ Как создать раскрывающееся меню?

На новом листе введите записи, которые должны появиться в раскрывающемся списке. Выберите ячейку на листе, в которой вы хотите открыть раскрывающийся список. Перейдите на вкладку «Данные» на ленте, затем «Проверка данных». На вкладке Параметры в поле Разрешить щелкните Список. Щелкните в поле Источник, затем выберите диапазон списка.

Получить экспертную критику вашего сайта в компании TopUser.Pro

SEO услуги. Итоги 2019 года.

Мы опросили 1200 владельцев бизнеса, чтобы лучше понять текущее состояние индустрии SEO-услуг.

В этом новом отчете вы узнаете:

  • Сколько людей тратят на SEO.
  • Где люди находят услуги SEO.
  • Почему люди предпочитают одно агентство другому.
  • Почему люди решают покинуть своего текущего SEO-провайдера.
  • Еще больше.

Без дальнейших церемоний, давайте перейдем к нашим выводам.






Основные моменты SEO и ключевые статистические данные:

1. Американские малые предприятия тратят в среднем $497,16 в месяц на услуги SEO.

2. Мы обнаружили сильную корреляцию между более высокими расходами и более высоким уровнем удовлетворенности клиентов. Фактически, клиенты, которые потратили более 500 долларов в месяц, имели на 53,3% больше шансов быть «чрезвычайно довольными» по сравнению с теми, кто потратил менее 500 долларов в месяц.

3. Большинство владельцев малого бизнеса находят SEO-провайдеров по рефералам, поиску в Google и онлайн-обзорам. Небольшая часть SEO-клиентов (8%) нашли своего текущего провайдера по интернет-рекламе.

4. Когда дело доходит до выбора поставщика, 74% владельцев бизнеса считают репутацию поставщика SEO «очень» или «чрезвычайно» важной. Ежемесячная стоимость и собственный рейтинг и репутации Google провайдера также были отмечены как важные факторы.

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

6. Большинство владельцев малого бизнеса ожидают, что SEO-агентства помогут им обеспечить немедленный рост своей клиентской базы и прибыли. В частности, 83% наших респондентов заявили, что SEO-провайдеры должны быть в состоянии помочь им «получить доступ к новым клиентам».

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

8. Общая удовлетворенность клиентов SEO определенно низкая. Только 30% порекомендовали бы своего текущего поставщика SEO другу или коллеге. Однако мы обнаружили, что удовлетворенность клиентов среди маркетинговых агентств была выше, чем у фрилансеров.

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

10. Местоположение SEO-провайдера также играет ключевую роль в том, решит ли клиент работать с SEO-агентством или нет. 78% владельцев малого бизнеса в США считают местоположение своего провайдера «очень» или «чрезвычайно» важным фактором.

11. 44% владельцев малого бизнеса покидают своего текущего SEO-провайдера в основном из-за «неудовлетворенности результатами бизнеса». 34% называют «обслуживание клиентов / отзывчивость» основной причиной, по которой они ушли. Только 21% уходят, потому что они были разбиты конкурентом.

12. Оборот SEO-провайдера высок. 65% нашей группы заявили, что они работали с несколькими различными провайдерами SEO. 25% работали с 3 или более провайдерами.

У нас есть более подробные и расширенные результаты наших результатов ниже.

Среднемесячные расходы на SEO составляют <$ 500 в месяц.

В среднем малые предприятия тратят $ 497,16 в месяц на услуги SEO.

SEO расходы малых предприятий

Тем не менее, мы обнаружили большой диапазон расходов на SEO. Половина наших респондентов сообщили, что тратят на SEO менее 1000 долларов в год. 14% тратят $ 5k + в год. Только 2% тратят более 25 тысяч долларов в год.

Расходы малого бизнеса на SEO сильно варьируются

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

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

SEO-агентствам платят значительно больше, чем SEO-фрилансерам

Агентства также, как правило, доминируют в ценовом диапазоне высокого класса (клиенты тратят от 10 до 25 тысяч долларов в год на SEO).

SEO агентства в 8 раз чаще получают 10 тыс. 25 тыс. в год, чем фрилансеры

Как видите, 24% малых предприятий, которые работают с агентствами, тратят от 10 до 25 тысяч долларов в год по сравнению с 2%, которые работают с внештатным SEO.

Ключевые выводы: средний владелец малого бизнеса тратит $ 497,16 в месяц на услуги SEO. Кроме того, владельцы малого бизнеса тратят значительно больше с агентствами SEO, чем внештатные поставщики SEO.

Ежемесячные расходы связаны с удовлетворенностью клиентов.

Когда речь заходит о SEO, вы «получаете то, за что платите»?

По нашим данным, да.

В частности, мы обнаружили, что клиенты, которые тратят более 500 долларов в месяц, на 53,3% с большей вероятностью считают себя «чрезвычайно довольными» по сравнению с людьми, которые тратят менее 500 долларов в месяц.

Более высокие расходы на SEO связаны с более высоким уровнем удовлетворенности клиентов

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

В частности, владельцы бизнеса, которые тратили менее 500 долларов в месяц, были на 75% чаще недовольны, чем те, кто инвестировал не менее 500 долларов в месяц в SEO.

SEO недовольство коррелирует с более низкими расходами на SEO

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

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

Рефералы и поиски в Google — это лучшие способы, с помощью которых компании находят SEO.

Когда кто-то хочет нанять агентство SEO, где они смотрят?

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

Большинство клиентов находят SEO-сервисы через рефералов google-search и сайтов обзоров

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

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

Основные выводы: 28% владельцев малого бизнеса находят SEO-сервисы из уст в уста, 26% используют Google и 18% используют онлайн-платформы для обзора, такие как Yelp. Только 11% находят провайдеров SEO через онлайн или офлайн рекламу.

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

Когда кто-то находит список потенциальных поставщиков, как они решают, с кем пойти?

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

Репутация и стоимость являются ключевыми факторами, влияющими на выбор поставщика

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

Тем не менее, даже эти относительно незначительные факторы сыграли роль в том, решили ли кто-то работать с определенным поставщиком SEO. Например, 55% нашей группы указали «рефералов» в качестве важного соображения.

Рефералы влияют более чем на 50 процентов при выборе поставщика услуги

Хотя важность рефералов бледнеет по сравнению с репутацией провайдера (55% против 74%), это все же сказалось на более чем половине людей, с которыми мы общались.

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

Только 51% точно знали, где находится их SEO-провайдер.

Половина seo-клиентов не знает, где находится их seo-провайдер

Однако 78% малых предприятий в США заявили, что знание местоположения их поставщика было «чрезвычайно» или «очень» важным (46% заявили, что известное местоположение было «чрезвычайно важным»).

78 процентов владельцев малого бизнеса считают местоположение провайдеров SEO важным

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

Вот замечательный пример от Siege Media, которая на своей странице About размещает фотографию своего офиса:

Пример размещения информации о местоположении

Ключевой вывод: владельцы малого бизнеса в основном выбирают поставщика SEO, основываясь на своей репутации в Интернете. Местоположение также, кажется, играет роль. 78% нашей группы отметили, что местоположение было фактором, который помог им решить, стоит ли работать с агентством или фрилансером.

Подавляющее большинство владельцев бизнеса ожидают, что SEO-сервисы увеличат количество клиентов и трафик.

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

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

Seo клиенты ценят новых клиентов - трафик и узнаваемость бренда

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

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

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

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

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

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

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

Общая удовлетворенность услугами SEO низка.

Мы попросили участников дискуссии оценить их текущего поставщика SEO (или последнего поставщика SEO, с которым они работали), используя Net Promoter Score.

Результаты были заметно низкими.

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

Только 30 процентов владельцев малого бизнеса порекомендовали бы своего текущего поставщика услуг SEO

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

На самом деле, индустрия SEO-услуг в целом имеет оценку NPS 0, что считается «маловероятным».

Индустрия SEO-услуг имеет 0 баллов по NPS

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

SEO Агентства имели более высокий средний балл NPS, чем фрилансеры

Тем не менее, все три типа услуг имели довольно низкие баллы NPS.

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

Клиенты называют недостаток образования и ресурсов главной причиной низкого уровня удовлетворенности

NPS — полезный тест. Тем не менее, NPS может только сказать вам так много. Другими словами, трудно понять, почему услуги SEO имеют такой низкий уровень удовлетворенности.

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

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

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

В частности, 50% заявили, что «я чувствую, что мне нужно больше обучения, чтобы полностью извлечь выгоду из того, что предлагает SEO», а 28% сказали нам, что «у них нет кадровых ресурсов, чтобы должным образом извлечь выгоду из SEO».

Многие клиенты seo ссылаются на обучение и нехватку ресурсов в качестве причины ухода от seo провайдера

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

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

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

Что приводит нас к нашему второму интересному открытию — важности отчетности и прозрачности.

27% клиентов, с которыми мы общались, согласились с утверждением: «Я считаю, что SEO вводит в заблуждение и неясно, какие услуги они предлагают», 25% ответили, что «я не уверен, за что я действительно плачу за SEO».

Многим клиентам неясно, каковы преимущества SEO

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

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

Я должен отметить, что значительное количество клиентов заявили, что «я чувствую, что SEO-компании очень ненадежны» и «я не думаю, что SEO стоит денег для моего бизнеса».

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

Это означает, что простое отсутствие результатов и ROI часто является причиной низкого уровня удовлетворенности клиентов.

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

Основные выводы: Низкая удовлетворенность услугами SEO в значительной степени обусловлена ​​тремя основными факторами: 1. Недостатком обучения клиентов, 2. Недостатком доступных ресурсов и 3. Плохим пониманием того, как SEO помогает им.

Оборот в сфере услуг SEO чрезвычайно высок.

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

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

65 процентов малых предприятий работали с несколькими провайдерами SEO

Мы также обнаружили, что 1/4 нашей панели работали с 3 или более провайдерами:

25 процентов владельцев малого бизнеса, которые работали с более чем 3 провайдерами

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

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

Как существующие, так и потерянные клиенты остаются у провайдеров seo на 2 с лишним года до переключения

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

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

Например, мы классифицировали 10% наших участников дискуссии как «быстрые переключатели» (работали с 3 или более провайдерами за последний год).

За последний год 10 процентов людей работали с 3 плюс SEO компаниями

Ключевой вывод: 65% клиентов использовали два или более сервисов в прошлом. 25% работали с 3+ провайдерами.

Большинство клиентов уходят из-за отсутствия результатов и стоимости.

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

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

Вот результаты:

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

Неудивительно, что 82% наших респондентов назвали «неудовлетворенность результатами бизнеса» как фактор в своем решении. 81% сообщили, что стоимость также сыграла большую роль.

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

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

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

80 процентов потерянных клиентов говорят, что они слышали о лучшем варианте услуги

И 34% назвали плохое «обслуживание клиентов / отзывчивость» как фактор в своем решении.

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

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

Цитаты из клиентов, которые прекратили использовать услугу

Мы также спросили группу пользователей, которые были довольны своим SEO-сервисом («существующие клиенты»), что им понравилось в этом. Вот что они сказали нам:

Цитаты из клиентов, которые довольны SEO услугами

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

Существующие клиенты в два раза более вероятно будут веб-опытными, чем устаревшие клиенты

Мы попросили нашу группу самостоятельно сообщать об их уровне «веб-ловкости».

Вот результаты:

Самооценка веб-безопасности среди SEO-клиентов

Как видите, 37% SEO-клиентов считают свою веб-ловкость «несколько» или «не очень».

В результате многие клиенты просто не имеют опыта работы в Интернете для понимания ключевых терминов цифрового маркетинга, таких как «теги заголовка», «CSS» и «обратные ссылки». Это говорит о том, что SEO-компаниям следует избегать такого рода жаргона в пользу таких терминов, как «лиды», «продажи» и «рейтинг Google на первой странице».

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

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

Существующие клиенты в два раза чаще считают себя очень опытными в SEO

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

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

Заключение.

Я надеюсь, что этот опрос помог вам лучше понять индустрию SEO-услуг в 2019 году.

Я хотел бы поблагодарить Northstar Research Partners за помощь в разработке и проведении этого опроса.

✓ Что такое SEO?

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

✓ Как выбрать SEO услуги?

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

✓ Стоит ли менять SEO компанию?

Зачастую такое решение влияет негативно. Вы должны серьезно взвесить все за и против.

✓ Какой оборот в сфере SEO услуг?

65% все владельцев сайтов заказывали SEO услуги.

✓ SEO — это умирающая отрасль?

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

✓ Будет ли SEO существовать через 5 лет?

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

✓ Сложно ли научиться SEO?

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

Источник: https://backlinko.com

Как улучшить SEО оптимизацию и Юзабилити сайта.

Методы повышения трафика и Usability сайта. Советы SEO профессионала

Срочно и обязательно. Сегодня вы узнаете, КАК именно улучшить SEO оптимизацию и Usability (Юзабилити) своего сайта.

Фактически, эти 17 методов помогли увеличить органический трафик моего сайта на 21,30% за 3 месяца:

Лучшая часть?

Все здесь работает ОТЛИЧНО прямо сейчас.






1. Получите больше органического трафика с «Snippet Bait».

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

Посмотрите на это:

Повышения методы трафика и Usability сайта. Советы SEO профессионала

И это:

Трафика методы повышения и Usability сайта. Советы SEO профессионала

Мой секрет оптимизации?

Новая стратегия под названием «Snippet Bait».

Вот как это работает:

Сначала найдите ключевое слово, по которому вы уже ранжированы.

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

По данным Ahrefs, 99,58% рекомендуемых фрагментов взяты с результатов первой страницы.

Так что, если вы находитесь на странице 2, у вас практически нет шансов попасть в рекомендуемый фрагмент.

Например, вот страница с моего сайта, которая занимала место на странице 1.

Usability методы повышения трафика сайта. Советы SEO профессионала

Далее, посмотрите на Избранный фрагмент в верхней части SERP:

Сайта методы повышения трафика и Usability. Советы SEO профессионала

И определите, какой тип рекомендуемого фрагмента вы просматриваете:

  • Определение Фрагмент («Что такое контент-маркетинг?»)
  • Список фрагментов («10 лучших инструментов контент-маркетинга»)
  • Фрагмент таблицы («Цены на инструмент контент-маркетинга»)

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

(Это «Snippet Bait»)

Например, я хотел получить в Избранном фрагменте ключевое слово «ссылки nofollow».

Поэтому я написал небольшой раздел, который идеально подошел бы внутри поля Featured Snippet:

Советы  и методы повышения трафика и Usability сайта. SEO профессионала

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

SEO методы повышения трафика и Usability сайта. Советы профессионала

Отлично.

2. Улучшите время ожидания с помощью этого простого шага оптимизации.

Является ли оптимизация Dwell Time фактора значимой для рейтинга Google?

На мой взгляд: ДА.

В конце концов, если кто-то быстро отскочит от вашей страницы, он отправит четкое сообщение в Google: люди ненавидят эту страницу.

И они быстро понизят это:

Профессионала методы повышения трафика и Usability сайта. Советы SEO

Верно и обратное: снижение показателя отказов может улучшить ваш рейтинг в Google.

Вопрос в том:

Как вы мешаете людям подпрыгивать?

Вставить видео на свою страницу.

Например, недавно я сравнил показатель отказов для образца страниц с видео и без него.

А у страниц с видео показатель отказов на 11,2% ниже, чем у страниц без видео:

Советы SEO профессионала. Методы повышения трафика и Usability сайта

Вот почему я встраиваю видео почти в каждый новый пост, который я пишу.

Иногда я делаю видео целый шаг или совет:

SEO советы профессионала. Методы повышения трафика и Usability сайта

Или как способ узнать больше о конкретной теме:

Профессионала советы SEO. Методы повышения трафика и Usability сайта

Что приводит нас к …

3. Найдите ключевые слова с низким уровнем конкуренции с помощью «Призрачных постов».

Вот правда:

Большинство баллов «Конкурс ключевых слов» ОТКЛЮЧЕНЫ.

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

Важны ли обратные ссылки?

Черт, да!

Но обратные ссылки — это только одна часть головоломки. Рейтинг первой страницы также основан на:

  • Органический рейтинг кликов
  • Поиск Намерения
  • Скорость страницы
  • Насколько хорошо ваш сайт работает на мобильных устройствах
  • Внутренние ссылки
  • Еще больше

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

Вместо этого я использую «Призрачные посты».

Например:

Несколько месяцев назад я хотел получить рейтинг по ключевому слову: «Бесплатные инструменты SEO».

По словам Ahrefs, это ключевое слово «Super Hard» для рейтинга:

Методы советы SEO Профессионала.  Повышения трафика и Usability сайта

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

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

Повышения советы SEO профессионала. Методы трафика и Usability сайта

Другими словами: я никоим образом не рекламировал пост (отсюда и название: «Ghost Post»).

К моему удивлению, я взломал первую страницу для длинных версий моего ключевого слова (например, «лучшие бесплатные инструменты SEO») в течение недели или около того:

Трафика советы SEO профессионала. Методы повышения и Usability сайта

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

Именно тогда я решил продвигать пост в социальных сетях:

Usability советы SEO профессионала. Методы повышения трафика сайта

И дайте контенту столь необходимое обновление.

Как оказалось, это ключевое слово «Super Hard» было нелепо легко найти.

На самом деле, теперь я занимаю первое место по этому ключевому слову:

Сайта советы SEO профессионала. Методы повышения трафика и Usability

Несмотря на то, что на моей странице НАИБОЛЕЕ меньше обратных ссылок, чем на других результатах первой страницы:

Трафика и Usability сайта. Методы повышения советы SEO профессионала

(Примечание: я не выставляю баллы за сложность ключевого слова Арефа. Я просто показываю вам другой способ выяснить сложность ключевых слов).

С этим пришло время для …

4. Используйте дополнительные ссылки для повышения вашего органического CTR.


В прошлом году я решил сделать Organic CTR главным приоритетом.

Но я быстро столкнулся с проблемой:

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

Sitelinks.

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

Методы повышения сайта. Трафика и Usability советы SEO профессионала

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

И эти ссылки могут сделать БОЛЬШУЮ вмятину в вашем рейтинге кликов.

Как вы получаете ссылки сайта?

Оглавление.

Например, когда я опубликовал этот пост, я добавил оглавление с «переходными ссылками» к каждому совету.

(Мы создали это оглавление в WordPress. Но вы можете легко настроить их на любой платформе).

И как только моя страница попала в топ-5, Google зацепил меня ссылками.

Сайта советы. Методы повышения Трафика и Usability SEO профессионала

Эти ссылки действительно помогают выделиться.

Фактически, у моей страницы есть рейтинг кликов 14,9%.

Повышения трафика и Usability сайта.  Советы SEO профессионала

5. Хотите больше ссылок? Будьте источником.

Вот сделка:

Люди не ссылаются на «отличный контент».

Они ссылаются на источники.

Например, я опубликовал это руководство в консоли поиска Google в прошлом году.

Методы трафика и Usability сайта.  Советы SEO профессионала

И я не боюсь сказать, что он квалифицируется как «высококачественный контент».

Пост полон действенных советов:

Методы повышения Usability сайта.  Советы SEO профессионала

Он даже имеет индивидуальный дизайн:

Методы повышения трафика сайта.  Советы SEO профессионала

Несмотря на то, что это очень солидный контент, он содержит только 159 ссылающихся доменных ссылок:

Методы повышения трафика Usability. Советы SEO профессионала

С другой стороны, посмотрите это исследование голосового поиска, которое я опубликовал примерно в то же время:

Методы повышения трафика Usability сайта. SEO профессионала

Большинство людей также назвали бы этот пост «отличным контентом».

Но эта часть контента имеет 764 ссылающихся доменных ссылок:

Методы повышения трафика Usability сайта. Советы профессионала

(Это в 4,8 раза больше обратных ссылок, чем в моем руководстве GSC).

Что тут происходит?

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

Если вы не пишете о GSC и не хотите отправить кого-то на ресурс, чтобы «узнать больше», нет веских причин ссылаться на мое руководство.

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

Методы повышения трафика Usability сайта. Советы SEO

Что привело к сотням высококачественных обратных ссылок.

6. Целевые ключевые слова с большим коммерческим намерением.

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

Если бы ключевое слово получило кучу запросов, я бы сказал: «это достаточно хорошо для меня!».

Уже нет.

Сегодня я ставлю МНОГО веса на коммерческие намерения.

(Другими словами: сколько рекламодатели Google Ads тратят на эти клики?)

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

SEO профессионала. Методы повышения трафика Usability сайта.

Это ключевое слово не получает столько поисков:

Советы профессионала. Методы повышения трафика Usability сайта.

Но с ценой за клик 25,00 долларов я знаю, что трафик состоит из законных покупателей:

Советы SEO. Методы повышения трафика Usability сайта.

Интересный факт: я опубликовал эту страницу как «Призрачный пост». Как оказалось, «услуги по созданию ссылок» НАМНОГО менее конкурентоспособны, чем утверждают большинство инструментов)

Советы SEO профессионала. Повышения трафика Usability сайта.

7. Захватите больше недвижимости SERP с видео YouTube.

Нашли УДИВИТЕЛЬНОЕ ключевое слово, которое хорошо для вас?

Получите бонусный трафик от этого термина с видео YouTube.

Например, этот пост ориентирован на ключевое слово «как получить больше трафика».

Советы SEO профессионала. Методы трафика Usability сайта.

К сожалению, я застрял в пятом месте.

Советы SEO профессионала. Методы повышения Usability сайта.

Что еще хуже, я ограничен 3 видео результатами.

Советы SEO профессионала. Методы повышения трафика сайта.

(Но я над этим работаю ?)

А пока я решил создать видео на эту тему.

Советы SEO профессионала. Методы трафика Usability

И поскольку я правильно оптимизировал свое видео, оно заняло ценную недвижимость в верхней части результатов поиска Google:

трафика Usability сайта. Советы SEO профессионала

8. Рейтинг по ключевым словам «Тема + Статистика».

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

Например, «Герой студенческих займов» имеет более 21,1 тыс. Ссылок на свою страницу «Статистика студенческих займов в США»:

Методы повышения сайта. Советы SEO профессионала

Вот как они это сделали (и почему этот подход работает так хорошо):

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

(В данном случае статистика о задолженности по студенческим кредитам)

Затем они создали веб-страницу, которая курировала статистику из разных источников.

Методы повышения трафика Usability от SEO профессионала

Наконец, они оптимизировали свой тег заголовка, мета-описание и страницу вокруг ключевого слова: «Статистика задолженности по студенческим займам».

Который сейчас занимает первую страницу для этого термина:

Методы повышения трафика Usability сайта. Советы

Почему это работает так хорошо?

Думайте об этом:

Кто ищет ключевые слова «Тема + Статистика»?

Журналисты!

В частности, журналисты ищут статистику для включения в свои статьи.

И когда вы оцениваете этот термин, вы будете связаны с тем, чего завтра не будет.

Очень круто.

9. Оптимизируйте старый контент для намерений пользователя.

Я уже говорил о соответствии вашего контента поисковым целям.

Повышения трафика Usability сайта. SEO профессионала

Но суть заключается в следующем:

Если ваш сайт не тот, который хотят пользователи, Google не оценит его.

(Независимо от того, сколько у вас ссылок)

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

Например, я впервые опубликовал этот пост в 2015 году:

Методы повышения трафика Usability сайта. Советы SEO профессионала

Как вы, наверное, догадались, моим целевым ключевым словом для этой страницы было «SEO Campaign».

И я быстро вырезал место в середине первой страницы Google.

Все идет нормально.

Но однажды мой рейтинг и органический трафик начали падать.

Методы  повышения Usability сайта. Советы SEO

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

Это не так.

Именно тогда я понял, что мой контент УЖАСНО подходит для намерений пользователя.

В частности, в моем сообщении не описана SEO-кампания. Вместо этого я говорил об одной стратегии («Гестография»):

Usability сайта. Советы SEO профессионала

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

Поэтому я вернулся к чертежной доске. И я переписал этот пост с нуля.

На этот раз я постарался опубликовать то, что кому-то, кто ищет «SEO кампанию», понравится.

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

Методы повышения трафика SEO профессионала

10. Контентные партнерства.

Я большой поклонник контент-партнёрств.

Почему?

Потому что это делает продвижение вашего контента в два раза мощнее.

Думайте об этом:

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

сайта. Советы SEO профессионала

Но вы только один человек (или компания). Так что ваш охват довольно ограничен.

Но когда вы вступаете в партнерские отношения с кем-то другим, ОБА из вас отправляет людей на ваш новый контент:

Методы повышения трафика и Usability

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

Например, ранее в этом году я сотрудничал с BuzzSumo для создания этого исследования контент-маркетинга.

Советы SEO профессионала

И потому что мы оба продвигали его в нашей аудитории, он получил тонну трафика:

SEO профессионала

11. Переназначить контент в разные форматы.

В прошлом году я понял, что совершаю ОГРОМНУЮ ошибку.

Ошибка?

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

Что означало, что иногда мне нужно 14 дней, чтобы закончить одно сообщение в блоге.

Вот когда я что-то понял …

У меня уже было тонны контента на моем канале YouTube. Содержание, которое люди любили.

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

профессионала

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

повышения трафика и Usability сайта. Советы SEO

Но это было в 10 раз быстрее, чем начинать с пустого Google Doc.

Лучшая часть?

Мой пост сделан ОТЛИЧНО.

Этот пост приносит 15 701 посетителей поисковой системы в месяц.

Методы трафика и Usability сайта. Советы профессионала

И в настоящее время он входит в топ-3 по моему целевому ключевому слову:

Методы повышения Usability сайта. SEO

Что довольно круто.

12. Удвоить разбитую ссылку.


Я уже опубликовал руководство по Broken Link Building.

Так что я не собираюсь повторяться здесь снова.

Вместо этого я собираюсь показать, как я использовал Broken Link Building, чтобы получить эту приятную обратную ссылку:

повышения трафика сайта. Советы SEO профессионала

Во-первых, я искал на своем сайте контент, на который Я ЗНАЛ, что люди захотят дать ссылку. И я выбрал это руководство CRO:

Методы трафика и Usability сайта. SEO профессионала

Далее я нашел сайт, который писал о контент-маркетинге. И вставил URL своей домашней страницы в Ahrefs.

Методы повышения и Usability сайта. Советы профессионала

И нажал «Исходящие ссылки» → «Неработающие ссылки»:

Методы повышения трафика сайта. Советы SEO

Который показал мне все битые внешние ссылки этого сайта:

повышения трафика и Usability сайта. SEO профессионала

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

Методы трафика и Usability сайта. Советы профессионала

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

Методы повышения  Usability сайта. Советы SEO

Это все, что нужно сделать.

13. Найдите возможности для обратных ссылок с помощью «Link Intersect».

Не секрет, что обратный инжиниринг — это Отличная стратегия построения ссылок.

Но это не идеально.

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

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

Но когда вы смотрите, кто связывается с НЕСКОЛЬКИМИ конкурентами, из уравнения уходит много догадок.

(В конце концов, каковы шансы, что у сайта прекрасные отношения с тремя разными сайтами?).

Вот где Link Intersect вступает в игру.

Чтобы использовать его, запустите доброго старика Арефа и введите три домена в их инструмент Пересечение ссылок:

Методы повышения трафика сайта. Советы

И убедитесь, что ваш сайт находится в поле «Но не ссылка на»:

трафика и Usability сайта. SEO профессионала

И вуаля!

Вы увидите всех, кто ссылается на эти 3 сайта … но не ссылается на вас.

Методы Usability сайта. Советы профессионала

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

14. Целевые новые ключевые слова.

Хотите найти популярные ключевые слова с низким уровнем конкуренции?

Конечно, вы можете)

Вопрос:

Как?!

Целевые НОВЫЕ ключевые слова.

Я объясню…

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

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

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

Например, прошлым летом я создал руководство, оптимизированное под растущий термин «Голосовой поиск»:

Методы повышения сайта. Советы SEO

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

И в настоящее время он занимает место на первой странице Google для этого термина:

Usability сайта. SEO профессионала

15. Используйте концептуальные визуалы.


Это способ получить качественные обратные ссылки, БЕЗ необходимости работать с аутрич.

На самом деле, я использовал этот подход, чтобы получить такие ссылки:

Методы сайта. Советы профессионала

И это:

Методы повышения. Советы SEO

Все без единого электронного письма.

С этим вот шаги:

Во-первых, создайте УДИВИТЕЛЬНЫЙ визуал, который поможет людям понять сложную концепцию или идею.

Это может быть график, диаграмма, визуализация или таблица.

Вот пример:

сайта. SEO профессионала

Затем добавьте визуальный элемент в ваш контент.

 сайта. Советы профессионала

И если нужное лицо увидит ваше изображение, оно будет использовать его на своем сайте:

 сайта. Советы SEO

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

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

16. Используйте отраслевые глоссарии для ключевых идей.

Хотите креативные идеи ключевых слов?

Проверьте глоссарии промышленности.

Например, этот глоссарий по питанию охватывает более 100 различных терминов:

SEO профессионала. трафика и Usability сайта

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

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

В любом случае, глоссарии являются УДИВИТЕЛЬНЫМ способом найти новые ключевые идеи.

Совет для профессионалов: вставьте URL глоссария в Планировщик ключевых слов Google, чтобы получить мега-список вариантов ключевых слов:

SEO профессионала. Методы повышения сайта.

17. Получить обратные ссылки от кураторов контента.

Большинство людей борются с аутрич, потому что они отправляют мусор так:

SEO профессионала. Методы повышения трафика и Usability

В этом электронном письме много неправильного.

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

Поэтому я нажал «Удалить».

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

Кураторы контента такие же, как они звучат: люди, которые курируют лучшие в своей отрасли вещи.

Например, вы могли видеть Центр маркетинга SEO, который я создал несколько месяцев назад:

Ну, поскольку я получил свой контент перед кураторами контента, я смог получить несколько ссылок на свой сайт, например:

Без выкручивания рук.

Бонус № 1: Поиск ключевых слов с вопросом.

QuestionDB это как ответить на публику.

SEO методы повышения Usability сайта.

Но, на мой взгляд, это немного лучше.

Почему?

Прежде всего, НАМНОГО проще в использовании.

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

SEO методы повышения трафика сайта

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

SEO методы повышения трафика и Usability

Бонус № 2: Рейтинг за условия использования торговой марки.

Низкая конкуренция.

Большой объем.

Отличная цена за клик.

Я говорю о фирменных терминах.

Например, посмотрите на эти два ключевых слова:

SEO повышения Usability сайта.

Правильно: Mailchimp ищут в 280 раз больше, чем «программное обеспечение для электронного маркетинга».

И это та же история с большинством категорий:

Марка получает больше запросов, чем тема или категория.

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

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

Например, у меня есть этот пост BuzzStream на моем сайте.

Методы  Советы SEO профессионала повышения трафика и Usability сайта

Мало того, что моя страница оценивается как «BuzzStream Review»:

Методы   профессионала повышения трафика

Но он также занимает первое место на первой странице популярного ключевого слова бренда «BuzzStream».

Советы SEO и Usability сайта

Теперь твоя очередь…

Я надеюсь, что сегодняшняя статья показала вам, как улучшить свой SEO-рейтинг.

Теперь я хочу передать это вам:

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

Собираетесь ли вы ориентироваться на ключевые слова бренда?

Или, может быть, вы хотите попробовать Snippet Bait.

Источник: https://backlinko.com

✔️ Нужно ли добавлять видео на страницу?

Рекомендуем добавлять. Добавление видео уменьшает количество отказов на 10%.

✔️ Как получать внешние ссылки бесплатно?

Будьте источником информации. Люди не ссылаются на страницы с неуникальной информацией.

✔️ Как писать больше статей в своем блоге?

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

✔️ Как выйти в ТОП по запросам?

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

✔️ Как я могу улучшить юзабилити сайта?

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

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

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

✔️ Как мне оптимизировать для СЕО исходный код моего сайта?

Используйте лучшее построение ссылок.
Применяйте линкбилдинг.
Используйте тег заголовка.
Не спамьте код ключевыми словами.
Устраните проблемы с каноническим URL-тегом.
Создайте карту сайта в формате XML.
Используйте якорный текст.
Применяйте альтернативные тексты изображений.

UI/UX дизайн обучение принципам веб дизайна.

Взаимодействие с пользователем (UX) посредством пользовательского интерфейса (UI). UXD как инструмент менеджера

Взаимодействие с пользователем (UX) и пользовательский интерфейс (UI), — термины, которые должен знать каждый менеджер по продукту, давайте начнем с вопроса и определения: что такое сокращение UXD и как его можно определить? 

Я дам вам 20 секунд, чтобы ответить …

  • 3, 2, 1…

Ответ: 

UXD (или UEX или XD — англ. User Expirience Design) —  дизайн пользовательского опыта, и его можно определить как область дизайна, которая создает простые в использовании и приятные / приятные / восхитительные (на ваш выбор) продукты, ориентированные на потребности вашего пользователя.

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

UI/UX дизайн, по сути, является еще одной безделушкой в ​​вашем сундуке с сокровищами для управления продуктами. Все это помогает вам создавать и поставлять наилучший продукт, который решает болевые точки ваших пользователей и уменьшает разочарование и сомнения, связанные со многими продуктами, особенно SaaS (software as a service) приложения.  





Определение терминов, связанных с UI и UX: небольшая история.

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

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

И не забудьте добавить этот пост в закладки для последних условий UI / UX! Мы будем продолжать поддерживать и расширять список по мере развития терминологии.

Давайте начнем наше UI/UX дизайн обучение.

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

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

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

Голос заказчика:

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

Регистрация пользователя.

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

Что такое UI/UX дизайн-мышление?

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

Макет сайта.

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

Что такое прототип сайта?

Интересный факт: Prototype — это латинское слово, означающее «примитивную форму», поэтому по сути это ранний образец или модель, созданная для проверки концепции, идеи или процесса 

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

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

В чем разница между каркасами, макетами и прототипами?

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

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

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

 Тем не менее, он должен выражать дизайнерские идеи и не должен пропускать / пропускать важные части. Еще раз, это статично и не должно содержать слишком много деталей / контента.

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

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

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

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

UX дизайн

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

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

UI и UX различия (и многое другое).

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

  • 1) Перечислить различия между UI и UX,
  • 2) провести различие между модерируемым пользовательским тестом и немодерируемым пользовательским тестом и
  • 3) дать определения адаптивного веб-дизайна и информационной архитектуры.

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

Определить пользовательский опыт. (UX)

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

Что такое пользовательский интерфейс?

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

Значение модерируемого пользовательского теста.

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

Определить немодерированный пользовательский тест.

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

Что такое адаптивный веб-дизайн (RWD)?

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

Объясните Информационную Архитектуру. (IA).

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

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

Обучение стажеров о UI и UX-концепциях.

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

Стив разослал молодым специалистам краткий опрос, спрашивая их, что они хотели бы узнать. Оказывается, они также заинтересованы в изучении концепций UX и UI (какое совпадение!). Стив назначает презентацию на пятницу и начинает планировать урок.

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

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

Он решает дать каждому стажеру определение для изучения, а затем привести пример того, как это будет работать в реальной жизни:

Стажер 1, Элон: Каково определение пользовательского потока?

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

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

Стажер 2, Билл: Что такое вариант / концепция дизайна?

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

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

Стажер 3, Джули: что такое гештальт-принципы?

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

Стажер 4, Алисия: Что такое отставание?

Это легко! Это просто наращивание работы, которая должна быть завершена. Пример не нужен;).

Стажер 5, апрель: на что указывает показатель чистого промоутера (NPS) ?

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

Пример: апрель Биллу: «Ух ты, Билл, разве тебе не нравится работать со Слэком здесь, в офисе? Его так просто использовать — я надеюсь, что следующая компания, в которой я работаю, тоже будет его использовать. На самом деле, если они его не используют, я определенно предложу им это сделать!

Стажер 6, Гибсон: что такое тестирование А / Б?

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

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

И важно помнить: вы должны менять только ОДИН элемент за раз. Если вы измените более одного, вы никогда не узнаете, кто из них был ответственен за результат.

Пример: Netflix имеет рекламу последних фильмов, которые он показывает. Команда решает протестировать рекламу, изменив цвет кнопки призыва к действию (красный против белого). 

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

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

Да, и призыв к действию или CTA — это слово или фраза, которые заставляют пользователей взаимодействовать с продуктом желаемым образом.

Стажер 7, Дон: Как вы определяете коэффициент конверсии?

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

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

Излишне говорить, что Стив был очень доволен результатом своего урока.

Рассылка

Обучение UI и UX продолжается!

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

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

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

Стив: Билл, как бы вы определили nteraction дизайн ?

Билл: 

Дизайн взаимодействия — это изучение того, как пользователь взаимодействует с продуктом или приложением. Он сокращен до IXD и его не следует путать с UX-дизайном или пользовательским интерфейсом.

Стив: Хороший ответ. А теперь, апрель, можете ли вы объяснить, что такое правило 3-х нажатий и 5-секундный тест ?

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

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

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

Стив: Отличная работа, апрель. Да, F-образный рисунок позволяет читателям очень быстро читать веб-страницу — довольно интересно, верно? Что касается темы горизонтальных и вертикальных линий, может кто-нибудь сказать мне, что такое сетка ?

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

Стив: Отлично. А как насчет золотого сечения ?

Дон: Это математическое соотношение, встречающееся в природе, и люди считают, что это наиболее эстетически привлекательный дизайн для человеческого глаза. Соотношение составляет около 1618. Кроме того, я хотел спросить, что такое правило 60-30-10 ?

Стив: Хороший вопрос. Это правило, которое поможет вам составить цветовую схему. 60% + 30% + 10% используется, чтобы сбалансировать цвета, используемые в любом пространстве. 

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

Джули: На самом деле я также столкнулась с тем, что называется правилом 80/20. Кто-нибудь может мне это объяснить?

Гибсон: Конечно. Правило 80/20 гласит, что примерно 80% последствий происходит от 20% причин s. Другими словами, 80% использования продукта включает в себя только 20% его функций или 80% дохода компании от 20% его продуктов. Это отличное правило для использования при расстановке приоритетов при проектировании.

Стив: Теперь, главное, кто-нибудь может рассказать мне о минимально жизнеспособном продукте ?

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

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

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

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

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

Стив: Дон, ты знаешь, что такое CX ?

Дон: Да, это опыт клиентов, правильно? Это относится к взаимодействию между продуктом и клиентом на протяжении всего отношения — с самого первого момента, когда ваш клиент привлечен к вашему продукту вплоть до покупки и использования. 

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

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

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

Они хотят сделать клиента как можно более успешным (и счастливым!), Тем самым уменьшая отток клиентов и увеличивая стоимость жизни компании (CLTV). CS — это больше стратегия, чем отдел.

Стив: Отлично. Билл, можешь ли ты определить ценность проп. а USP?

Билл: Конечно. USP — это уникальное торговое предложение (вы также можете сказать, что оно имеет смысл), и они являются основными причинами, по которым пользователь выбирает один продукт вместо другого. Почему вы выбрали бы Android, например, iOS?

Стив: Давай не будем вступать в эту дискуссию …

Билл: Да, извините. Возвращаясь к другому определению: ценностное предложение описывает основную причину / мотивацию пользователя для использования продукта или основное преимущество / преимущество, которое они получают от него.

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

  • Вы знаете, что такое целевая страница
  • А персона
  • Как насчет конечного пользователя
  • Или взаимодействие с пользователем
  • Просто дай мне быстрые определения.

Просто дай мне быстрые определения.

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

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

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

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

Стив: Хорошо, всем хорошо. Похоже, вы уже на пути к тому, чтобы самим стать менеджерами по продукту!

Определение UX Writing.

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

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

Стив уже имел представление о UX-письме , но, поскольку он впервые работает менеджером по продукту, ему было полезно провести глубокое и глубокое обсуждение с Алексе о ее профессии. Она даже дала ему цитату, которую он должен помнить при обучении интернов о написании UX:

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

UX против юзабилити и UX против CX.

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

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

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

Таким образом, юзабилити относится к UX и относится к простоте доступа и / или использования продукта, услуги или веб-сайта.

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

  • Удобство использования: может ли пользователь успешно достичь своей цели? Является ли программное обеспечение, например, легким в освоении и достаточно простым в использовании?

UX : У пользователя был лучший опыт?

Да, и не путайте между UX и UX Design — UX Design — это реальный процесс создания продуктов, которые предоставляют пользователям значимый, актуальный и практический опыт.

В этот момент Алисия рассказывает Стиву, что недавно посетила конференцию, и была удивлена, что некоторые эксперты там взаимозаменяемо использовали термины CX и UX. Она убеждена, что UX и CX — это отдельные термины, которые на самом деле не должны использоваться взаимозаменяемо.

Стив говорит ей, что она права и что CX и UX действительно различаются. Он объясняет ей простыми словами:

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

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

UX, следовательно, больше по объему.

И как раз когда Стиву показалось, что он знает примерно 100% всех определений UX / UI, в которых он нуждался, Ким, последнее дополнение компании к команде UX, представляет Стиву еще несколько терминов. Он решает составить один последний список для себя, чтобы наклеить на стену.

Надеюсь, это все, что ему нужно … пока, по крайней мере!

Окончательный список условий UI / UX Стива.

Что такое сортировка карт?

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

Анализ потока кликов означает:

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

Объясните анализ конкурентов.

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

Что такое анализ использования контекста?

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

Что такое карта сопереживания?

Карта сопереживания — Инструмент совместной визуализации, который описывает то, что известно о конкретном типе пользователя

Он используется для более глубокого и глубокого понимания вашего пользователя / клиента.

Объясните поле ввода.

Где пользователи делают текст или ввод данных.

Что такое диаграмма Fishbone?

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

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

Определить рамки сущности.

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

UXD сущность

Объясните закон Хика.

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

Что такое обучаемость?

Насколько легко (или сложно) научиться эффективно использовать программное обеспечение / интерфейс и т. Д.

Значение совместного дизайна.

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

Определить мысли вслух.

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

Объясните исследование пользователя.

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

Добавление UI и UX в ваш комплект Superhero.

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

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

Да, вы супергерой, но у супергероев есть свои особенности. Человек-паук — Человек-паук из-за его способностей типа паукообразного. Супермен умеет летать. Халк просто … зеленый и сильный. Вы понимаете, о чем я.

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

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

Мониторинг важен.

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

И по словам Альберта Эйнштейна: «Если вы не можете объяснить это просто, вы не понимаете это достаточно хорошо», так что здесь мы надеемся, что моя небольшая история поможет вам сохранить эти термины UI и UX свежими в памяти — вы никогда знаю, когда они могут понадобиться.

Теперь, когда вы знакомы с некоторыми терминами UI / UX, почему бы не узнать, готов ли ваш SaaS-бизнес взять на себя задачу процветания в эпоху, основанную на продукте?

✓ Что такое прототип сайта?

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

✓ Зачем нужен прототип сайта?

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

✓ Что такое карта путешествий клиентов ?

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

✓ Что такое UX тексты?

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

✓ Как мне изучить UI и UX дизайн?

9 шагов как стать дизайнером UX/UI, без опыта работы и ученой степени.
Понять все направления веб-дизайна.
Изучить инструменты для работы.
Начать обращать внимание на готовый веб-дизайн.
Окружить себя дизайном.
Смотреть и копировать других.
Найти наставников.
Запастись терпением и взять верный курс.

✓ Что такое UI и UX в веб-дизайне?

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

✓ Как я могу бесплатно изучить UI/UX-дизайн онлайн?

Лучшие курсы для изучения UX/UI бесплатно.
Udacity — Дизайн продукта от Google.
DesignTalk от InVision.
DesignBetter от InVision.
Coursera — Введение в дизайн пользовательского опыта.
Future Learn — Цифровые навыки. Пользовательский опыт.
Hack Design.
Принципы UX-дизайна от InVision.
Lynda.com (обучение в LinkedIn).

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

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

✓ Сколько времени занимает изучение UX-дизайна?

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

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

пользовательский опыт. UX-Юзабилити. Дизайн продукта

Пользовательский опыт (UX) — это базовый процесс и общий опыт человека, использующего продукт и его работу.

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





Составляющие лучшего юзабилити сайта.

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

Мы должны сделать потребности пользователя нашей основой прежде чем что-то строить.

Давайте поговорим о пользователях и юзабилити.

Кто пользователи в первую очередь?

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

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

Давайте поговорим о том, что сопереживание влечет за собой:

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

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

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

  • Почувствовали растерянность по поводу вашего продукта.
  • Испугались использовать ваш продукт из-за его сложности.

Принципы юзабилити, чтобы люди:

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

Давайте поговорим о UI и UX ролях в дизайне продукта.

Люди склонны думать, что UI и UX — это одно и то же. Они разные, но они важны и зависят друг от друга для создания лучшего пользовательского опыта.

UI и UX играют разные роли в создании продукта

UI — пользовательский интерфейс — это то, что пользователи видят и взаимодействуют.

Рабочие места веб дизайнера пользовательского интерфейса следующие:

  • Фокус на макете
  • Цвета
  • шрифты
  • насыщенность
  • Общайтесь с веб дизайнером UX, чтобы придумать решения, приятные для пользователей, и так далее.

UX — пользовательский опыт является основным процессом и как этот опыт работает.

Работы и методы юзабилити веб дизайнера следующие:

  • Планирование проекта для продукта
  • Изучение пользователей
  • Создать наилучший опыт

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

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

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

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

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

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

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

✔️ Кого называют пользователем сайта?

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

✔️ Как сделать качественный UX сайта?

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

✔️ Какая цель оптимизации юзабилити сайта?

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

✔️ Каковы принципы юзабилити?

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

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

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

✔️ Что такое юзабилити веб-дизайна?

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

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

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

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

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

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

7 лучших методов юзабилити-тестирования.
Партизанские испытания (наиболее простая форма тестирования).
Лабораторное тестирование.
Немодерируемое удаленное тестирование юзабилити.
Контекстный запрос.
Интервью по телефону.
Сортировка карт.
Запись сеанса.

Правила создания Юзабилити дизайна интерфейсов.

Прозрачность UX интерфейса. Правила создания интерфейсов и Usability дизайна

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

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





Лучший интерфейс исчезает.

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

Помните Дона Нормана, разработчика Usability сайтов: «Я не хочу фокусировать свою энергию на интерфейсе. Я хочу сосредоточиться на работе».

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

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

Очевидное юзабилити интерфейсов.

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

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

Умберто Эко (1979) считает, что текст — роман, фильм, картинка — это место, где две стратегии сталкиваются друг с другом: стратегия автора и стратегия читателя. Mutatis mutandis, мы можем сказать, что интерфейс — это место, где две стратегии бросают вызов друг другу: стратегия дизайнера и стратегия пользователя (Девятый закон).

Предложения, контракты и грамматики взаимодействия.

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

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

Во-первых, мы идентифицируем интерактивные и неинтерактивные элементы; во-вторых, мы пытаемся определить их функции и возможные последствия взаимодействия с ними: Для чего этот значок? Happens Что произойдет, если мы нажмем на него?

Вкратце: дизайн вступает в диалог с пользователем. Или, что лучше, пользователь заставляет интерфейс говорить, исследует его, восстанавливает его код и интерпретирует его во время взаимодействия (Scolari, 2001, 2009).

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

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

В этом контексте пользователь может принять или нет предложение о взаимодействии дизайна. Если он будет принят, пользователь установит договор взаимодействия с дизайном. Этот контракт подобен «приостановке неверия», определенному теоретиками литературы (Coleridge, 1817): когда контракт на взаимодействие подписан, пользователь принимает правила и взаимодействует с интерфейсом, заставляя его работать.

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

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

  • Один клик> Выбрать элемент
  • Двойной щелчок> Открыть элемент
  • Drag’n’drop> Переместить элемент

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

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

 Правила создания интерфейсов и Usability дизайна. Прозрачность UX интерфейса

Нарушая правила разработки юзабилити интерфейса.

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

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

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

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

От микро к макро взаимодействиям в пользовательском интерфейсе.

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

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

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

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

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

Интерфейсы — это политические устройства, и они несут в себе определенные идеологии и представления о мире (Девятый Закон).

✔️ Что такое интерфейс?

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

✔️ Что такое взаимодействие с интерфейсом?

Это отправка команд на электронное устройство.

✔️ Что такое лучший интерфейс?

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

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

Это удобство пользования интерфейсом. Когда пользователь не испытывает трудностей.

✔️ Какие есть правила разработки пользовательского интерфейса?

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

✔️ Почему так важен дизайн пользовательского интерфейса?

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

✔️ Какие существуют типы пользовательского интерфейса?

Существует пять основных типов пользовательского интерфейса.
Командная строка (cli).
Графический пользовательский интерфейс (GUI).
Управляемое меню (MDI).
На основе формы (fbi).
Естественный язык (nli).

✔️ Каковы характеристики хорошего пользовательского интерфейса?

8 характеристик успешного пользовательского интерфейса.
Простота и доступность.
Лаконичность.
Наличие знакомых элементов.
Восприимчивость.
Последовательность.
Снисходительность.
Привлекательность.
Эффективность.

UX/UI интерфейс криптовалют.

Необходимость Биткоина в UX

Упрощенный пользовательский интерфейс (UX) может побудить Биткойн получить широкое распространение.

Дэн Хелд утверждает, что принятие Биткойна было ограничено из-за его сложности. По его мнению, упрощенный пользовательский UI/UXинтерфейс — это то, что нужно Биткойну.





Почему существует необходимость в упрощенном пользовательском интерфейсе?

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

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

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

Дэн Хелд, директор по развитию бизнеса в Кракене, появился в подкасте под названием «Что сделал Биткойн». В этом подкасте Дэн выступал за проектирование упрощенного пользовательского интерфейса, объясняя, как он может способствовать принятию Биткойна.

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

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

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

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

Заказать Аудит по повышению дохода или Аудит по оптимизации вы можете в у нас в компании TopUser.Pro. Мы гарантируем мировые стандарты качества и подходов к работе.

Источник: https://www.cryptopolitan.com

✔️ Зачем Биткоину UX пользовательского интерфейса?

Хороший пользовательский интерфейс позволит вовлечь большее количество людей в пользование биткоином.

✔️ Какие Google тренды биткоина в 2020 году?

Биткоин постоянно находится в тренде, но в 2020 году его популярность не растет.

✔️ Повысит ли новый UX/UI интерфейс стоимость биткоина?

Качественный интерфейс для проведения платежей повысит стоимость биткоина.

✔️ Почему биткоин не имеет удобного интерфейса для пользователей?

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

UI/UX дизайн сайта. Принципы и примеры UX дизайна.

Магический UX

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

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





Так что же это за загадочный UX и UI/UX дизайн?

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

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

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

Примеры UX-дизайна вне компьютерных технологий.

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

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

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

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

Еще один пример использования UX-дизайна до появления информационных технологий — это швейная машина.

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

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

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

UX Designer — мощный шаман в WordPress.

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

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

Используйте принципы UX дизайна.

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

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

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

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

UX дизайнерские навыки.

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

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

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

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

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

Заключение.

Хотя термин UX design появился сравнительно недавно, его область применения существует довольно давно.

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

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

Часто задаваемые вопросы. FAQ.

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

Это взаимодействия пользователя с любым продуктом или с вещью. ⏩ Что такое UX?

✔️ Какие вопросы решает UX специалист?

UX — это ваше взаимодействие со всеми вещами в этом мире. Задача перед специалистами UX — это сделать взаимодействие с вещами удобнее и веселей.

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

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

✔️ Как научится Юзабилити дизайну?

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

✔️ В чём разница между UI и UX?

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

✔️ Что формируется первым UI или UX?

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

✔️ Насколько востребован дизайн UX/UI?

Согласно отчету LinkedIn, UX-дизайн входит в 5 самых востребованных профессий.

Этапы разработки UX прототипа до дизайна.

Разработка UX дизайна

Мы рассмотрим этапы создания UX дизайна, опишем процессы разработки Юзабилити поэтапно. 

Проектирования Юзабилити (UX) состоит зачастую из таких основных этапов:

  • Определить кто пользователь (клиент) сервиса
  • Определить проблему (определить потребности пользователей)
  • Создание идей дизайна
  • Создание Прототипов. Виды прототипов
  • Тестирование конверсии, путей пользователей, времени и других параметров

Первые два этапа (обсуждение и определение проблемы) часто группируются в термин «исследование пользователей». То есть понимание какой характер пользователей. Как это влияет на их потребности. 

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

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






Результаты исследований пользователей.

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

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

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

Отчет по Юзабилити сайта

Раскадровка.

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

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

Юзабилити

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

Карта путешествия клиента.

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

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

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

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

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

Поиск идей для прототипа.

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

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

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

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

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

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

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

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

Юзабилити диаграмма

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

Результаты прототипирования.

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

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

Низкокачественные UX прототипы.

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

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

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

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

UX Прототип сайта

Примеры нарисованных компьютерных прототипов с низким качеством воспроизведения.

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

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

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

Юзабилити дизайн UX

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

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

Интерактивные прототипы.

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

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

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

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

Оценочные результаты UX подготовки.

Анализ юзабилити.

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

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

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

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

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

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

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

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

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

Аналитический Юзабилити отчет.

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

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

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

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

Оценка Юзабилити сайта

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

Что заказывают сейчас?

В статье за ​​2015 год для группы Нормана Нильсена специалист по UX Page Laubheimer проанализировал тип UX-результатов, которые дизайнеры UX чаще всего сообщают о том, что их просят создать как часть их роли. Сообщалось, что чаще всего производятся каркасы и прототипы, за ними следуют блок-схемы, карты площадок и отчеты об удобстве использования / аналитике.

Владелец авторских прав: Teo Yu Siang и Фонд дизайна взаимодействия. Условия авторского права и лицензия: CC BY-NC-SA 3.0

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

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

Владелец авторских прав: Teo Yu Siang и Фонд дизайна взаимодействия. Условия авторского права и лицензия: CC BY-NC-SA 3.0

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

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

Часто задаваемые вопросы. FAQ.

✔️ Что такое UX прототипы?

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

✔️ Что такое Юзабилити аудит сайта?

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

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

✔️ Зачем делать UX прототип?

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

✔️ Нужен ли аналитический Юзабилити отчет?

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

✔️ Какие этапы UX-дизайна?

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

✔️ Как написать отчет о юзабилити?

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

✔️ Почему так важно сделать UX прототип?

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

Мои методы оптимизации скорости сайта.

Оптимизация скорости сайта

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

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

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

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

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






Важность оптимизации скорости сайта.

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

Давайте посмотрим, как оптимизация скорости сайта влияет на ключевые факторы успеха сайта:

  • преобразование
  • видимость
  • юзабилити

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

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

Чем быстрее загружается страница, тем выше будет коэффициент конверсии. Согласно исследованию Hubspot , задержка в 1 секунду означает снижение конверсии на 7 процентов. 

Например, замедление страницы на 1 секунду может стоить Amazon $ 1,6 миллиарда.

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

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

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

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

Способы оценки скорости вашего сайта.

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

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

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

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

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

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

  • Google Pagespeed Insights — это бесплатный инструмент от Google, который запускает тест производительности на вашем сайте и предоставляет рекомендации по повышению производительности. Работает как для настольных, так и для мобильных версий.
  • Pingdom также является отличным инструментом для тестирования скорости сайта с рядом полезных функций. Он отслеживает историю эффективности вашего веб-сайта, дает рекомендации на основе данных о том, как повысить скорость веб-сайта, и генерирует понятные отчеты. 
  • YSlow также дает рекомендации по улучшению производительности страницы, рисует статистику и суммирует все компоненты.
  • Performance Budget Calculator — это бесплатный инструмент, который помогает выяснить, какой тип контента вы можете использовать для обеспечения оптимальной работы вашего сайта.

Рекомендации по ускорению вашего сайта.

Оптимизация скорости сайта

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

1. Используйте сеть доставки контента (CDN).

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

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

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

2. Переместите ваш сайт на лучший хостинг.

Хостинг скорость

Существует три возможных типа хостинга:

  • Общий хостинг
  • Хостинг виртуальных частных серверов (VPS)
  • Выделенный сервер

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

Виртуальные частные серверы и выделенные серверы намного быстрее. 

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

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

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

Другой подход заключается в аренде выделенного облачного ресурса у AWS, Microsoft Azure, Google или другого поставщика общедоступного облака. 

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

3. Оптимизируйте размер изображений на вашем сайте.

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

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

4. Уменьшите количество плагинов.

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

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

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

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

5. Минимизируйте количество файлов JavaScript и CSS.

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

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

Если вы уменьшите количество файлов JavaScript и CSS, это ускорит ваш сайт. 

Попробуйте сгруппировать весь JavaScript в один, а также сделать это со всеми файлами CSS. Это уменьшит общее количество HTTP-запросов. 

Существует множество инструментов для быстрой минимизации файлов HTML, CSS и JavaScript. Например, вы можете использовать   инструменты WillPeavy , Script Minifier или Grunt .

6. Используйте кеширование сайта.

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

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

Подходы к кешированию сайтов зависят от платформы, на которой разработан ваш сайт. Например, для WordPress вы можете использовать следующие плагины: W3 Total Cache или W3 Super Cache . 

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

7. Реализовать сжатие Gzip.

Gzip Compression — эффективный способ уменьшить размер файлов. Это минимизирует HTTP-запросы и уменьшает время отклика сервера. Gzip сжимает файлы перед отправкой в ​​браузер. 

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

8. Оптимизация базы данных в CMS сайта.

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

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

Каждая CMS требует собственных мер по оптимизации, а также имеет ряд специальных плагинов. Для WordPress, например, вы можете рассмотреть WP-Optimize.

9. Сократите использование веб-шрифтов.

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

Следующие меры помогут вам уменьшить размер трафика веб-шрифтов:

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

10. Обнаружить 404 ошибки.

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

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

 Как мы уже упоминали, дополнительные плагины могут негативно повлиять на скорость вашего сайта, поэтому мы рекомендуем запускать ресурс через внешние инструменты для обнаружения ошибок. Например, Link Sleuth от Xenu , Google Webmaster Tools (GWT) и перенаправленный плагин 404 для WordPress .  

После того, как вы обнаружили все 404 ошибки, вам нужно оценить генерируемый ими трафик. 

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

11. Уменьшить перенаправления веб-сайта.

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

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

12. Используйте методы предварительной выборки.

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

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

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

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

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

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

Заключение. Как оптимизировать скорость сайта?

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

Итак, мы рекомендуем применить простой, но эффективный подход к оптимизации скорости сайта:

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

✓ Как важна скорость сайта?

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

✓ Что такое CDN и как влияет на скорость?

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

✓ Как уменьшить размер файлов?

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

✓ Зачем и как оптимизировать базу данных WordPress?

Для повышения производительности базу данных можно оптимизировать с помощью плагина WP-Optimize.

✓ Что такое методы оптимизации сайта?

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

✓ Что определяет скорость сайта?

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

✓ Что такое оптимизация скорости страницы?

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

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

Напишите нам