Веб-дизайн *

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

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

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

Привет! Меня зовут Даниил Видишев, я продуктовый дизайнер в Inly.

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

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

Как инициатива IT-направления помогла огромному телекому поменять культуру, запустить множество digital-продуктов, и стать современной цифровой компанией.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Один из способов монетизации social discovery продуктов – виртуальные подарки. Я расскажу, как мы в Social Discovery Ventures экспериментировали с ценами на подарки, проводили исследования, внедряли новые фичи, что мы планируем внедрять дальше – и, наконец, может ли виртуальный подарок быть для клиента ценнее реального, и если да, то почему.

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

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

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

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

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

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

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

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

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

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

Рынок доставки еды один из самых перспективных в России. В 2020 году произошел глобальный переворот в восприятии онлайн-покупок. То, что прежде воспринималось как прихоть или экстренная мера, теперь стало обыденностью. Если раньше предпочитали посещение ресторанов и приготовление домашних блюд, то сегодня в почете доставка. Уже каждый 10-ый ресторан страны следует этому тренду. Несмотря на кризис в 2022 года, рынок продолжает расти, хоть уже и более спокойными темпами.

Подробнее изучить этот вопрос решили дизайнеры студии Focus.

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

Как всегда, детально и с примерами.

Контент основан на анализе интерфейсов оплаты картой у 100 ведущих российских интернет-магазинов.