Как и обещали, делимся результатами нашего исследования пользователей продуктовых интернет-магазинов. Рассказываем, почему люди не покупают продукты онлайн и как можно их переубедить.
Usabilitylab
Владельцам продуктовых интернет-магазинов: как побороть страхи покупателей | USABILITYLAB г.Москва
Почему люди не покупают продукты онлайн? Способы победить страхи пользователей и повысить конверсию
Существует популярное убеждение, что всё самое важное должно быть расположено над “сгибом” экрана, потому что люди не пользуются скроллом. На самом деле оно устарело уже несколько лет назад, и до сих пор появляются новые данные в его опровержение. Например, по данным Clicktale (2017 год), примерно 77% посетителей сайтов используют скролл, причем 22% доходят до конца страницы.
Даже последнее исследование Nielsen Norman Group показало, что 43% времени просмотра страницы приходится на область “под сгибом”. В 2010 году этот показатель составлял лишь 20%, а 80% всего времени пользователи проводили на первом экране. С тех пор изменился не только веб-дизайн, но и сами пользователи и их поведение.
Наконец, некоторые эксперты говорят о том, что само понятие “сгиба” теряет смысл. Пользователи просматривают сайты с огромного количества устройств с самыми разными размерами экрана, и на каждом из них “сгиб” будет находиться в разном месте.
Это значит, что “сгибов” можно больше не бояться и не пытаться запихнуть всё самое важное в первый экран. Гораздо важнее:
1. заинтересовать пользователя и показать, что есть смысл прокрутить экран ниже;
2. удерживать внимание пользователя за счет релевантного контента, подзаголовков и изображений;
3. сверстать страницу так, чтобы не возникало тупиков, когда из-за неудачно расположенного баннера или изображения возникает ложное впечатление, что страница уже закончилась;
4. показывать навигацию даже при скролле ниже "сгиба", например, при помощи прилипающего к верхней грани окна браузера меню.
Даже последнее исследование Nielsen Norman Group показало, что 43% времени просмотра страницы приходится на область “под сгибом”. В 2010 году этот показатель составлял лишь 20%, а 80% всего времени пользователи проводили на первом экране. С тех пор изменился не только веб-дизайн, но и сами пользователи и их поведение.
Наконец, некоторые эксперты говорят о том, что само понятие “сгиба” теряет смысл. Пользователи просматривают сайты с огромного количества устройств с самыми разными размерами экрана, и на каждом из них “сгиб” будет находиться в разном месте.
Это значит, что “сгибов” можно больше не бояться и не пытаться запихнуть всё самое важное в первый экран. Гораздо важнее:
1. заинтересовать пользователя и показать, что есть смысл прокрутить экран ниже;
2. удерживать внимание пользователя за счет релевантного контента, подзаголовков и изображений;
3. сверстать страницу так, чтобы не возникало тупиков, когда из-за неудачно расположенного баннера или изображения возникает ложное впечатление, что страница уже закончилась;
4. показывать навигацию даже при скролле ниже "сгиба", например, при помощи прилипающего к верхней грани окна браузера меню.
Традиционно, ссылки для тех, кто хочет углубиться в вопрос:
http://abovethefold.fyi/ - целый сайт, посвященный скроллу (обратите внимание на возраст собранных там исследований, самое старое опубликовано в 1998 году)
https://www.nngroup.com/articles/scrolling-and-attention/ - новейшее исследование Nielsen Norman Group (2018 год); интересно сопоставлением с результатами их же классического исследования 2010 года;
https://www.clicktale.com/resources/blog/resourcesbloginvest-in-customer-experience-software/ - исследование ClickTale (2017 год)
https://usabilitygeek.com/how-scrolling-can-make-or-break-your-user-experience/ - просто хорошая обзорная статья, посвященная этому вопросу.
http://abovethefold.fyi/ - целый сайт, посвященный скроллу (обратите внимание на возраст собранных там исследований, самое старое опубликовано в 1998 году)
https://www.nngroup.com/articles/scrolling-and-attention/ - новейшее исследование Nielsen Norman Group (2018 год); интересно сопоставлением с результатами их же классического исследования 2010 года;
https://www.clicktale.com/resources/blog/resourcesbloginvest-in-customer-experience-software/ - исследование ClickTale (2017 год)
https://usabilitygeek.com/how-scrolling-can-make-or-break-your-user-experience/ - просто хорошая обзорная статья, посвященная этому вопросу.
abovethefold.fyi
Above the fold is a myth.
Come for the URL, stay for the message.
Хотите оценить, на какую зарплату потянут ваши навыки в UX? Нашли сайт, который позволяет это сделать. Маленький совет: не воспринимайте результаты близко к сердцу. http://www.nauxui.com/
От чего зависит успешность поиска в интернет-магазине? Эксперты из NNGroup недавно поделились результатами масштабного исследования поиска на e-com сайтах. Специально для вас мы прочитали их статью, перевели и сформулировали практические рекомендации, которые помогут вам улучшить поиск на своем сайте.
Usabilitylab
Поиск в интернет-магазине: советы от юзабилити-экспертов | USABILITYLAB г.Москва
Советы от экспертов в области UX по улучшению поиска в интернет-магазине
В фейсбучной группе UX-Club идет обсуждение: как читать инструкцию, которая на фото? И нет, ответ "по рядам, слева направо" неверен. Правильно читать по столбцам: вставить карандаш, прокрутить колесики, вытащить карандаш, сдвинуть кнопку. Еще один наглядный пример того, что в UX не бывает мелочей.
Accessibility из первых рук. Известный блогер Wyslacom при поддержке Сбербанка снял часовое видео о том, как незрячий пользователь пользуется техникой Apple.
YouTube
Как незрячий пользуется iPhone, MacBook и Apple Watch
Видео создано при поддержке проекта Сбербанка «Особенный банк».
Теперь мобильное приложение Сбербанк Онлайн адаптировано для незрячих клиентов. Меню мобильного приложения и его
функционал теперь озвучивается.
Пользуйтесь всеми возможностями: оплачивайте…
Теперь мобильное приложение Сбербанк Онлайн адаптировано для незрячих клиентов. Меню мобильного приложения и его
функционал теперь озвучивается.
Пользуйтесь всеми возможностями: оплачивайте…
"Сколько вы берете респондентов для юзабилити-тестирования" — один из самых частых вопросов от тех, кто обращается к нам за услугами. Отвечаем: как правило, мы берем восемь респондентов. А вот почему именно восемь, можно ли брать меньше и нужно ли брать больше — подробно разбираем в статье.
UsabilityLab
Юзабилити-тестирование: сколько нужно респондентов | UsabilityLab г.Москва
Эксперты UsabilityLab рассказывают, сколько респондентов нужно привлекать для юзабилити-тестирования и почему
Гамбургерные меню — любимый многими проектировщиками элемент интерфейса, потому что он позволяет быстро и эффективно решить вопрос экономии места на экране. Спрятал всю навигацию за кнопку, и проблема решена. Но на самом деле всё не так просто. Иногда лучше подумать и выбрать более здоровую альтернативу. Почему — рассказываем в статье.
Telegraph
Меню-гамбургеры: вред и польза
На всякий случай уточним: меню-гамбургер — это навигационное меню, которое открывается по нажатию на неприметную кнопку с тремя полосками. Оно позволяет экономить место на экране, и поэтому его так любят использовать, особенно в мобильных интерфейсах.
Приложение Газпромбанка занимало последнее место в нашем юзабилити-рейтинге в этом и в прошлом году. Буквально пару недель назад они глобально обновили приложение, чему даже посвятили рекламу в Фейсбуке. Нам стало интересно, что же изменилось. Поэтому мы внимательно изучили приложение, отметили изменения к лучшему и новые юзабилити-проблемы и написали про это статью. Читайте, чтобы не повторять чужих ошибок в своих приложениях и использовать чужие удачные находки.
Usabilitylab
Новое приложение Газпромбанка: критический обзор | USABILITYLAB г.Москва
Критический обзор обновленного приложения Газпромбанка «Телекард 2.0» от экспертов USABILITYLAB
Что лучше для просмотра длинных списков: переключатель страниц или бесконечный скролл? Оптимальный вариант, по мнению специалистов Baymard Institute, лежит между этими двумя альтернативами. А что это за вариант — узнаете из статьи ;)
Vk
Переключение страниц или бесконечный скролл?
У каждого из этих паттернов есть свои минусы. Переключателем страниц неудобно пользоваться, особенно на мобильных. Бесконечный скролл может тормозить работу сайта, а еще мешает добраться до важной информации в подвале (опять же, особенно на мобильных). Как…
Какое оборудование нужно для проведения юзабилити-тестирований? В статье мы рассмотрели три варианта: минимальный набор; оборудование, входящее в полноценную юзабилити-лабораторию; набор для выездных тестирований.
Usabilitylab
Что нужно для юзабилити-тестирования | USABILITYLAB г.Москва
Как обустроить юзабилити-лабораторию? Статья от экспертов USABILITYLAB, компании с самой современной на российском рынке юзабилити-лабораторией
Иногда у дизайнера интерфейса возникает мысль: а не сделать ли этот интерфейс темным? Может, приложению нужен ночной режим, или хочется придать стиля и дороговизны, или кажется, что так будет легче восприниматься информация. Мы написали небольшую заметку, где собрали результаты научных исследований и практические рекомендации экспертов по использованию темного оформления. Для тех, у кого нет времени читать: при всех прочих равных обстоятельствах светлый фон и темные шрифты все-таки предпочтительнее.
VK
Светлые vs темные интерфейсы
Интерфейсы, оформленные в темных тонах, выглядят стильно и профессионально. Но до сих пор нет устоявшегося мнения насчет того, влияет ли..
В год мы проводим около 100 проектов, связанных с юзабилити-тестированиями. Для части клиентов такой тип проекта является новым опытом, и они задают нашим менеджерам уточняющие вопросы: чем юзабилити-тестирование отличается от фокус-групп? как оно проходит? сколько длится проект? как выглядит отчёт? будем ли мы регистрировать движения глаз? Ответы на все эти вопросы мы собрали на одной странице, так что, если вы хотите больше узнать о том, как мы делаем юзабилити-тестирования — эта статья для вас.
UsabilityLab
Справочник UX-методов
Обзор методов UX исследований. ✅ Описание методов юзабилити исследований. ⭐⭐⭐⭐⭐ Здесь вы найдете все методы UX/UI/СХ исследований, применяемых UsabilityLab.
«Возьмем, к примеру, лифт. На кнопках сейчас часто делают надписи по Брайлю. Но если лифт не говорит, на каком этаже он только что остановился, то это замечательный аттракцион. Вроде и сделано, а пользы от этого нет». Михаил Войцеховский, вице-президент и сооснователь социального движения «Белая трость», рассказал блогу «Нетологии» о том, как живется незрячим и слабовидящим. Очень полезная статья для всех, кто хочет заниматься доступностью.
vc.ru
Мир и интерфейс в восприятии незрячих
Интервью с вице-президентом и сооснователем социального движения «Белая трость» Михаилом Войцеховским о том, как слабовидящие и незрячие пользуются компьютером и смартфоном и как им живётся в российской и цифровой действительности.
Ученые скрывают это, но мы расскажем: на самом деле, цвет кнопки с призывом к действию, который гарантированно повысит конверсию вашего сайта — это... Ладно, если честно, гарантированного рецепта успеха не существует, но подобрать правильный цвет для кнопки все-таки можно попробовать. Собрали в одной статье то, что известно о выборе цвета для CTA-кнопок на сегодняшний день.
Vk
CTA-кнопки: какой цвет лучше?
Какого цвета должна быть кнопка с призывом к действию (CTA-кнопка)? На самом деле, никто не знает. Некоторые пытаются найти руководство к действию в статьях о психологии цвета — “зеленый символизирует жизнь”, “синий символизирует спокойствие”, вот это всё.…
Написали обзор на новую функцию в приложении Сбербанк Онлайн: заявка на перевод пенсии в банк. Наш эксперт, проводивший оценку, изрядно озадачил сотрудников ПФР: они даже звонили ему, чтобы узнать, зачем он подает эту заявку, если еще не получает пенсию. Но чего не сделаешь ради истины! В общем, читайте и анализируйте, ведь, возможно, когда-нибудь и вам придется проектировать интерфейс для своей мамы или даже для себя в будущем...
Usabilitylab
Юзабилити-обзор функции "Перевод пенсии в Сбербанк" в приложении "Сбербанк Онлайн" | USABILITYLAB г.Москва
Удачные решения и юзабилити-проблемы новой функции в приложении Сбербанк Онлайн. Обзор от экспертов USABILITYLAB