Great Pro

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

1. Google Analytics

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

2. UsabilityHub

Масштабная онлайн-платформа, на которой дизайнеры и простые пользователи оценивают сайты по следующим методикам:

• Five Second Test – пользователи смотрят на страницу ровно 5 секунд и дают оценку по своему первому впечатлению;
• Click Test – пользователи некоторое время взаимодействуют со страницей, и вы получаете результат в виде тепловой карты их кликов;
• Navigation Test – пользователи проверяют навигацию страницы и оценивают, удобно ли им было совершить целевое действие;
• Preference Test – пользователи видят несколько вариантов дизайна и выбирают тот, который понравился.

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

3. Firebase

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

4. UX Checklist

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

5. Qualaroo

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

6. Mixpanel

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

Каждый из этих инструментов успел проявить себя как добротное и надежное решение, которое всегда должно быть под рукой, если ваша деятельность так или иначе связана с UX. Поэтому забирайте и пользуйтесь на здоровье. А если вас интересует разработка продающих сайтов или мобильных приложений, обращайтесь к нам по номеру +38-063-717-60-04 или пишите на hello@greatpro.com.ua. С радостью подскажем, проконсультируем и поможем. Удачи!

 

Похожие материалы:

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Что нужно знать о UX-дизайне кнопок на сайте?

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Онлайн-инструменты для тестирования сайта

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера

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

1. Отказаться от локальных терминов

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

2. Не использовать «м/ж-конструкции»

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

Довольны ли вы качеством обслуживания?

— Доволен(на)
— Не доволен(на)

Или даже:

— Доволен / довольна
— Не доволен / не довольна

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

Довольны ли вы качеством обслуживания?

— Да, очень
— Скорее да
— Скорее нет
— Определенно нет
— Затрудняюсь ответить

3. Правильно склонять слова рядом с числами

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

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

4. Поработать с кнопками

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

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

 

Похожие материалы:

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Сам себе редактор: 6 способов всегда сдавать текст без ошибок

Продающий текст своими руками: гид для «неписателя»

Must have инструментарий для работы с текстом

Что нужно знать о UX-дизайне кнопок на сайте?

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

1. Кнопка выглядит как кнопка

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

2. На кнопку удобно нажимать

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

3. Кнопка реагирует на взаимодействие

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

• реагировать на наведение курсора в десктопных версиях;

• переходить в «нажатое» состояние после того, как по ней кликнули курсором или пальцем;

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

4. Текст на кнопке не вводит в заблуждение

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

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

5. Кнопок много… еще как бывает

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

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

 

Похожие материалы:

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Как будет выглядеть солидный интернет-магазин летом 2020

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

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

1. Налаживаем структуру

Целевая страница – это не совсем «чистый лист», на котором копирайтер с дизайнером могут дать стопроцентную волю своему креативу. Здесь есть некоторые правила, доказанные годами практики. И главное из них заключается в том, что от порядка подачи информации на лендинге зависит его убедительность и эффективность. Плюс-минус базовая схема работающего лендинга выглядит так:

1) стартовый экран (интригующие заголовок с подзаголовком, которые заставляют читателя остаться на странице);

2) знакомство + оффер (самая важная часть лендинга, включающая в себя раскрытие клиентских болей и выгод);

3) доказательная база (отзывы, кейсы и развенчанные мифы, призванные снять сомнения покупателя);

4) раскрытие цены (аргументы в пользу того, что у вас за те же деньги покупатель получит больше, чем у конкурентов, и что эти вложения точно себя окупят);

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

2. Добавляем конкретику

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

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

3. Делаем упор на «боли»

Лендинг – это не о крутости товара и компании в целом. Это о покупателе, его болях и задачах, а главное – о способе их решения и о выгодах, которые получит клиент, нажав кнопку «Заказать». Всякому человеку хочется читать о себе, а не о вас. Поэтому, будь вы хоть трижды лауреатом премии «Качественное качество», расскажите об этом коротко и ближе к концу, уделив основное внимание болям покупателя и его конечным выгодам.

4. Перепроверяем юзабилити

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

5. Устраняем технические факапы

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

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

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

 

Похожие материалы:

Анатомия landing page: структура продающего текста

Как влюбить клиента в ваш сайт?

5 коронных способов обосновать цену на сайте

6 признаков того, что ваш сайт устарел

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Шаблонный или уникальный дизайн сайта? Выбираем идеальное решение

Онлайн-инструменты для тестирования сайта

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

1. Полезный контент

Несколько лет назад специалисты The New York Times Consumer Insight Group провели обширное исследование с целью выявить реальную мотивацию людей, которые делятся чужим контентом в социальных сетях. И вот что получилось:

• 68% опрошенных отметили, что репосты для них – это способ заявить окружающим о своих интересах и убеждениях;
• 84% таким образом выражают свое теплое отношение к автору материала, бренду;
• 94% хотят поделиться важным контентом с друзьями.

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

2. Превью

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

3. Фото и видео

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

4. Принципы типографики

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

• дефолтные шрифты;
• длина строк по 50-60 символов для десктопа и 30-40 для смартфона;
• соотношение контраста между текстом и фоном на уровне 4:1;
• межстрочный интервал на 30-40% больше высоты символов;
• никаких висячих строк;
• минимум переносов.

5. Расположение кнопок

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

6. Адаптивная верстка

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

7. Дополнительная мотивация

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

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

 

Похожие материалы:

Оптимизация сайта под социальные сети: 5 принципов SMO

Нужен ли блог на коммерческом сайте?

5 способов повысить вовлеченность в соцсетях

Три проблемы современного блоггинга

10 заповедей типографики в веб-дизайне

Соцсети + Видео = Лю…?

Секреты веб-дизайнера: как добавить сайту солидности