Usability *

Меня зовут Станислав Хрусталёв, я автор сайта hardclient.com. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience и оцениваю сервисные модели компаний.

Некоторое время назад я задался идеей: собрать базу лучших практик UX/UI в области электронной коммерции. Как сделать покупки в интернет-магазине максимально удобными для клиента? Чтобы он возвращался снова и рекомендовал вас друзьям и знакомым?

Время шло, и из небольшой статьи материал стал превращаться в крупнейшую (?) открытую русскоязычную базу с лучшими практиками UX/UI в сфере e-commerce.

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

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

Что стоит учесть, чтобы спроектировать идеальный интерфейс сравнения? 156 гайдлайнов в этой статье.

Привет! Меня зовут Артём, я бэкенд-разработчик в KTS.

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

Стабильно, зимой и летом, мы проводили performance review для всех сотрудников компании 🌲
Стабильно, зимой и летом, HR-отдел нашей компании испытывал много боли во время его организации и проведения 🤯

Этим летом мы решили, что хватит мучить HR, пора начинать мучить программистов. Но те почему-то не согласились писать коды для решения внутренней задачи — видите ли, у них своих проектов много. Поэтому нам пришлось собрать собственного Telegram-бота в собственном конструкторе Smartbot Pro и почти полностью автоматизировать весь процесс проведения ревью всего за ~40 часов low-code разработки.

В исследованиях нашей UX-лаборатории — Alfa Research Center — мы часто измеряем удовлетворённость от банковских интерфейсов. Один из инструментов — методика SUS — System Usability Scale.

Мы решили проверить, насколько оценка SUS связана с эмоциями и с какими конкретно эмоциями. В Alfa Research Center в этом нам помогает нейросеть Sense Machine, которая замеряет настроение и реальный эмоциональный отклик человека по мимике и движениям глаз.

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

Свое приложение есть уже у большинства крупных интернет-магазинов. На их сайтах мы можем встретить блоки с призывом к установке.

Но меня поразило: насколько много компаний относятся к этому вопросу спустя рукава. Для многих это точка роста.

В статье – ответы на вопрос о том, как этого роста достичь.

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

Сегодня разберем рецепт для идеальной формы подписки: 105 гайдлайнов с примерами.

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

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

Привет! Меня зовут Максим Павлов, я управляющий партнёр KTS.

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

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

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

В этой статье мы разберем UX/UI строки поиска в интернет-магазине.

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

Чек-лист основан на анализе 200+ российских и зарубежных компаний.

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

Как сделать работу с избранным удобной для клиента? Какие тонкости стоит учесть? Разберем на 117 примерах.

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

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

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

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

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

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

В этой статье мы разберем 130 гайдлайнов с практиками, которые стоит взять на заметку, и примерами ошибок, которые лучше не совершать. Материал основан на анализе топ-100 российских интернет-магазинов из рейтинга Data Insight за последние 5 лет.

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

Как сделать выбор адреса доставки, пункта выдачи заказов, даты и времени максимально удобным?

Разберем в этой статье. Как всегда, детально и с примерами.

Привет! Мы продуктовые исследователи Alfa Research Center (ARC). Два года назад мы создали карту компетенций. Чтобы процесс шёл веселее, а рост по грейду увлекал сотрудников не меньше RPG, мы добавили геймификацию и дизайн с супергероями. Рассказываем, как приобрести такой же игровой опыт.

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

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