Как в разы сократить время на анализ конкурентов и поиск лучших практик?
Открываем для себя Shop
25 интересных моментов в агрегаторе от Shopify, которые стоит взять на заметку
Продолжаем наше путешествие по зарубежным e-com сервисам. На этот раз под прицел моего объектива попал Shop – приложение-агрегатор от Shopify, в котором собраны интернет-магазины, созданные на этой платформе (коих великое множество).
Shop привлёк моё внимание ещё в 2023 и не раз появлялся в Фиче дня благодаря не только своему функционалу, но и просто потому, что им приятно пользоваться. А сегодня мы разберем 25 фичей и особенностей UI, которые можно перенять у этого сервиса и использовать в своих проектах.
Как всегда, делитесь этим постом с коллегами, которым материал может быть полезен, и подписывайтесь на выход нового контента в Telegram.
Shop привлёк моё внимание ещё в 2023 и не раз появлялся в Фиче дня благодаря не только своему функционалу, но и просто потому, что им приятно пользоваться. А сегодня мы разберем 25 фичей и особенностей UI, которые можно перенять у этого сервиса и использовать в своих проектах.
Как всегда, делитесь этим постом с коллегами, которым материал может быть полезен, и подписывайтесь на выход нового контента в Telegram.
Внешний вид магазинов
Владельцы магазинов могут брендировать свои страницы, загрузив фоновое изображение. Shop анализирует его цветовую схему и подстраивает фон всей страницы под это изображение.
Фон таббара
Таббар в Shop реализован интересно: вместо обычного непрозрачного блока фон его ближе к нижней границе становится более размытым и менее прозрачным.
Действия в контекстном меню
В листинге встречается необычный паттерн: карточки товаров выглядят лаконично за счет минимума кнопок. Однако, зажав их, мы получаем доступ к различным действиям, скрытым по умолчанию.
Похожие товары
Если вам приглянулся какой-то товар и вы хотели бы посмотреть похожие на него, часто приходится переходить в его карточку, и уже оттуда – к аналогам.
В Shop решили упростить этот процесс: к товарам-аналогам можно перейти сразу же через long press по карточке заинтересовавшего товара в листинге.
В Shop решили упростить этот процесс: к товарам-аналогам можно перейти сразу же через long press по карточке заинтересовавшего товара в листинге.
Анимация появления карточек
В отличие от стандартных методов перехода из листинга в карточку товара, в Shop фото карточки листинга увеличиваются, постепенно превращаясь в полную версию карточки.
Коллекции в избранном
Пользователи Shop могут создавать коллекции: этот функционал позволяет не превратить избранное в свалку и разложить всё по полочкам.
Публичные профили и коллекции
Коллекции могут быть как приватными, так и публичными в рамках Shop: последние могут использоваться, например, в качестве подборок, которыми инфлюэнсеры делятся со своей аудиторией.
Также, учитывая, что публичные коллекции доступны именно в рамках Shop, такая механика может играть роль инструмента привлечения новых пользователей в платформу.
Также, учитывая, что публичные коллекции доступны именно в рамках Shop, такая механика может играть роль инструмента привлечения новых пользователей в платформу.
Поделись подборкой с близкими
Однако может быть так, что вам не хотелось бы, чтобы все видели, что вы хотите на день рождения. Поэтому в сервисе реализована функция шеринга: получили ссылку на подборку и отправили друзьям.
Примечательно, что, как и действия с карточками товаров в листинге, шеринг коллекций спрятан в контекстное меню, доступное через long press.
Примечательно, что, как и действия с карточками товаров в листинге, шеринг коллекций спрятан в контекстное меню, доступное через long press.
Оповещения о снижении цены
Функционал избранного Shop дополняет возможностью отслеживать изменение цен, а их снижение – хороший повод напомнить о том, какие товары клиент сохранял, и побудить к покупке.
Запрос в контексте
И, продолжая предыдущий пункт, хорошая практика запроса на доступ к пушам – показывать его не сразу после установки сервиса, а в тот момент, когда он действительно актуален.
Так, запрос приходит к нам при добавлении товара в избранное, а само сообщение явно подсвечивает ощутимую ценность, которую мы получим, согласившись на получение пушей.
Так, запрос приходит к нам при добавлении товара в избранное, а само сообщение явно подсвечивает ощутимую ценность, которую мы получим, согласившись на получение пушей.
Количество покупок
В карточках популярных товаров специально подсвечивается, сколько раз их купили за последнее время, подкрепляя социальное доказательство того, что они пользуются спросом.
Заканчивающиеся товары
В карточках товаров с небольшим остатком Shop специально подсвечивает эту информацию, сигнализируя, что скоро товары закончатся.
С одной стороны, это позволяет лучше управлять ожиданиями: обидно отложить товар для будущих покупок, чтобы на следующий день узнать, что его уже раскупили.
С другой стороны, такая механика давит на FOMO (fear of missing-out), создавая ощущение срочности и позволяя селлерам распродать остатки еще быстрее.
С одной стороны, это позволяет лучше управлять ожиданиями: обидно отложить товар для будущих покупок, чтобы на следующий день узнать, что его уже раскупили.
С другой стороны, такая механика давит на FOMO (fear of missing-out), создавая ощущение срочности и позволяя селлерам распродать остатки еще быстрее.
Подписка на товары
Товары в Shop можно как покупать единоразово, так и оформлять на них регулярную подписку. Во втором случае зачастую можно получить дополнительную скидку.
Агрегация отзывов
Чтобы усилить социальное доказательство, Shop дополняет отзывы, оставленные пользователями площадки, теми, что оставляли покупатели на официальных сайтах селлеров.
Помимо прочего, это помогает, например, селлерам с историей продаж вне площадки легче войти не неё, избегая проблемы курицы и яйца: «нет отзывов – не доверяю и не покупаю».
Помимо прочего, это помогает, например, селлерам с историей продаж вне площадки легче войти не неё, избегая проблемы курицы и яйца: «нет отзывов – не доверяю и не покупаю».
Поиск в отзывах
Когда отзывов по товару становится много, с одной стороны, это повышает доверие, с другой – затрудняет поиск информации по какому-то конкретному аспекту.
В Shop нужный фидбэк по товару найти легче, т.к. в карточках реализован поиск по ключевым словам в контенте отзывов.
В Shop нужный фидбэк по товару найти легче, т.к. в карточках реализован поиск по ключевым словам в контенте отзывов.
Реакция на скриншот
Если вы делаете скриншот страницы магазина или товара, вероятно, вы хотите им с кем-то поделиться. Поэтому вам предлагают вместо скриншота поделиться ссылкой.
Такая механика, с одной стороны, повышает информативность (можно изучить больше деталей), с другой – повышает посещаемость самой площадки силами тех, с кем поделились ссылкой.
Такая механика, с одной стороны, повышает информативность (можно изучить больше деталей), с другой – повышает посещаемость самой площадки силами тех, с кем поделились ссылкой.
Связь с селлером
Примечательно, что в отличие от множества платформ, Shop не замыкает общение между продавцами и клиентами на себе, позволяя разместить ссылки на всевозможные точки контакта.
Трекинг заказов
В Shop есть интересная фича, создающая добавленную ценность: приложение позволяет отслеживать заказы не только сделанные внутри платформы, но и в других магазинах.
Нужно предоставить доступ к почте, и сервис будет парсить статусы всех заказов. Таким образом, спектр поводов зайти расширяется. А там, где новая точка контакта, там и новая возможность для покупок.
Нужно предоставить доступ к почте, и сервис будет парсить статусы всех заказов. Таким образом, спектр поводов зайти расширяется. А там, где новая точка контакта, там и новая возможность для покупок.
Виджет
Примечательно, что трекинг заказа доступен не только в самом приложении: Shop сделал специальные виджеты разных размеров, которые позволяют отслеживать заказ прямо на Home Screen
С одной стороны, это может просаживать DAU, с другой – если такой способ удобен клиенту – он со временем привыкает к нему и дольше остается с сервисом.
С одной стороны, это может просаживать DAU, с другой – если такой способ удобен клиенту – он со временем привыкает к нему и дольше остается с сервисом.
Зачем нужны данные
Часто можно встретить кейсы: когда клиента просят поделиться своими данными, но при этом не поясняют, зачем это вообще нужно и как данные будут использоваться.
Shop же, напротив, в явной форме поясняет, зачем, к примеру, нужен номер телефона, акцентируя свой посыл на ценности, которую он с помощью этих данных создаст для клиента.
Shop же, напротив, в явной форме поясняет, зачем, к примеру, нужен номер телефона, акцентируя свой посыл на ценности, которую он с помощью этих данных создаст для клиента.
Код верификации
При входе в приложение клиент получает код в email. Так как код находится прямо в pre-header text, он виден прямо из пуша, поэтому можно не переходить отдельно в почтовый клиент.
Разумеется, этот способ входа так удобен, как SMS с возможностью автоподстановки в одно касание, но лучше, чем переключаться между приложениями в попытке узнать код.
Разумеется, этот способ входа так удобен, как SMS с возможностью автоподстановки в одно касание, но лучше, чем переключаться между приложениями в попытке узнать код.
Боковые действия в корзине
Боковые действия в карточках товаров в корзине реализованы нестандартным образом и снабжены легкой анимацией: в самом начале кнопки чуть меньше, но по мере свайпа увеличиваются в размерах. Казалось бы, мелочь – а выглядит приятно.
Закрытие корзины
Во многих сервисах корзины специально сделаны так, чтобы из них было тяжелее выйти. Но если клиенту нужно вернуться в каталог, такие практики выглядят больше как палки в колеса, чем инструменты роста конверсии.
Shop в этом плане решил встать на место клиента, поэтому кнопка закрытия корзины зафиксирована в нижней части экрана, и до неё гораздо легче дотянуться.
Shop в этом плане решил встать на место клиента, поэтому кнопка закрытия корзины зафиксирована в нижней части экрана, и до неё гораздо легче дотянуться.
Отложенные товары
Если вы решили не брать товар в моменте, его можно добавить в отложенные, а сервис будет ненавязчиво напоминать, что у вас там находится, при каждом последующем оформлении заказа.
Отложенные vs. избранные товары
Интересно, что отложенные и избранные товары в Shop – это два разных множества: товар может быть отложен на будущее, но при этом не быть в составе избранного, и наоборот.
Вероятно, это делается из-за того, что в избранном может быть куча товаров, которые просто вам когда-то понравились, в то время как отложенные товары – те, по которым вы в одном шаге от покупки.
В таком случае показ полной большой подборки избранного на этапе корзины размывал бы фокус внимания. А более короткий список отложенных позволит подсветить товары более прицельно.
Вероятно, это делается из-за того, что в избранном может быть куча товаров, которые просто вам когда-то понравились, в то время как отложенные товары – те, по которым вы в одном шаге от покупки.
В таком случае показ полной большой подборки избранного на этапе корзины размывал бы фокус внимания. А более короткий список отложенных позволит подсветить товары более прицельно.
To be continued...
Итак, это были 25 интересных моментов, которые я подметил в приложении Shop от Shopify. Многие механики и особенности UI из тех, что встретились в этой статье, можно перенять и адаптировать в своих e-com проектах.
Изучая другие рынки, можно сильно прокачать насмотренность, поэтому в будущем я постараюсь развить международную тему. А вас, как всегда, призываю поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Изучая другие рынки, можно сильно прокачать насмотренность, поэтому в будущем я постараюсь развить международную тему. А вас, как всегда, призываю поделиться этим постом с коллегами, которым материал может быть полезен. Всего наилучшего и до связи в следующих статьях.
Все статьи по e-commerce