Создание превью смартапа

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

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


Цель превью

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


Содержимое и контент

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


Актуальность превью

Позаботьтесь о том, чтобы контент превью подходил для детей в возрасте от 4 лет и старше. Избегайте нежелательного и запрещенного контента (ненормативная лексика, контент для взрослых и т. п.).

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


Изображение интерфейса

Важно, чтобы на всех превью для Canvas App и Native App присутствовал интерфейс смартапа. Для этого используйте скриншоты. Требования к скриншотам читайте ниже.

Изображение интерфейса на превью должно соответствовать типу устройства. Например, на превью для устройств SberBox и SberPortal не должно быть изображений смартапа на мобильных устройствах.



Изображения для Chat App

Для Chat App вы можете сделать промо с изображениями или использовать наш figma-шаблон с демонстрацией голосовых запросов. Использовать скриншоты в качестве превью для Chat App нельзя.


Создание скриншотов на устройствах

Вы можете загрузить скриншоты в качестве превью только для Canvas App и Native App. Как создать превью для Chat App, читайте в разделе Изображения для Chat App.

Убедитесь, что панель ассистента на скриншоте выглядит так же, как на устройстве. Если есть различия, не показывайте панель ассистента на превью

Способы создания скриншотов:

  1. Подключение устройства к компьютеру через ADB и отображение через эмуляцию Scrcpy.
  2. Вывод изображения в браузер Google Chrome с помощью эмулятора устройств.

Подключение устройства к компьютеру

Настройка ADB-подключения

Чтобы установить связь между компьютером и устройством SberBox, SberBox Top или SberPortal, используйте ADB (Android Debug Bridge) – консольное приложение для компьютера, с помощью которого производится отладка устройств на базе Android и их приложений, в том числе, эмуляторов.

  1. Скачайте ADB в составе пакета Android SDK Platform-Tools.
  2. Используйте Wi-Fi или USB (для SberPortal только Wi-Fi) для подключения устройства к компьютеру. Если вы подключаетесь по Wi-Fi, убедитесь, что компьютер и устройство находятся в одной Wi-Fi-сети.
  3. Авторизуйтесь с одним и тем же Сбер ID на устройстве и в SmartMarket Studio.
  4. Перейдите на вкладку Мои устройства в SmartMarket Studio, добавьте свое устройство и подключите ADB-режим, если устройство поддерживает такую функцию.
  5. Перейдите в папку с утилитами для проверки соединения на компьютере. В адресной строке напишите cmd и нажмите Enter.
  6. Чтобы проверить, доступно ли устройство и корректно ли установлены драйвера, выполните adb или fastboot команду:
adb devices

или

fastboot devices

Если устройство подключено и драйвера успешно установлены, вы увидите:

<серийный номер устройства> device

или

<серийный номер устройства> fastboot

В случае ошибки список подключенных устройств (List of devices attached) будет пустым.


Настройка эмуляции Scrcpy

Чтобы вывести изображение с устройства на компьютер, можно использовать Scrcpy – приложение для отображения на компьютере видео-сигнала от устройств, подключенных по USB или через Wi-Fi, и управления ими.

  1. Скачайте приложение:

    • Linux: apt install scrcpy
    • Windows: скачать
    • macOS: brew install scrcpy
  2. Если вы подключаетесь по Wi-Fi, подсоединитесь к Android-хосту по протоколу TCP/IP через порт 5555 (если не задан иной): adb connect <хост>[:5555].
  3. Проверьте в SmartMarket Studio, что вы включили отладку ADB на своем устройстве.
  4. Введите команду scrcpy. Изображение с устройства отобразится на экране.

Теперь вы можете сделать скриншот на экране компьютера любым удобный способом.

Отображение в Google Chrome

Чтобы создать снимки экрана смартапов без подключения устройства к компьютеру, можно использовать эмулятор устройств в браузере Google Chrome. В браузере вы сможете задать целевое разрешение экрана под конкретное устройство:

  • SberBox – 1920×1080 px.
  • SberBox Top – 1920×1080 px.
  • SberPortal – 1280×800 px.

Чтобы получить реалистичную эмуляцию устройств, используйте метод createSmartappDebugger из AssistantClient.

Заметили ошибку?

Выделите текст и нажмите Ctrl + Enter, чтобы сообщить нам о ней