Новый магазин Webasyst и Инсталлер 2019

Владимир Тупоршин-мл.

TL;DR: Всем сюда https://www.webasyst.ru/store2019/


В начале 2019 года состоится долгожданное обновление интерфейса магазина Webasyst и Инсталлера, и ознакомительная версия нового интерфейса уже доступна на сайте: https://www.webasyst.ru/store2019/

Основные изменения, которые уже доступны в первой ознакомительной версии нового магазина Webasyst, коснулись навигации и списков продуктов:

  • разделение на два больших раздела «Плагины» и «Темы дизайна»,
  • фильтрация плагинов и тем дизайна в каталогах,
  • добавление продуктов в «Отложенные» с возможностью покупки набора продуктов в одном заказе (счете),
  • всегда доступный поиск.

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

Раздел «Плагины»

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

Скоро в этом разделе появится ротация продуктов: сезонные подборки, рекомендации, выделение лучших новинок, лучших разработчиков, продуктов месяца и прочее. Контент будет обновляться и стимулировать покупателей заходить чаще и следить за интересными новинками.

Выделение плагинов вместо приложений в качестве главного продукта стоит понимать правильно. Мы по-прежнему считаем, что основным перспективным форматом для крупных проектов на основе Webasyst являются именно приложения, и поэтому будем приоритетнее обращать внимание аудитории именно на приложения (поэтому, как всегда, ждем интересных и полезных приложений!). Но в целом хотим добиться, в первую очередь, удобства для пользователя, и поэтому плагины представляются по умолчанию.

Раздел «Темы дизайна»

Для тем дизайна мы ввели понятие стиля.

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

Стиль прикреплен к отрасли (индустрии) и цветовому оформлению, что позволяет для одной темы дизайна добиться разнообразного внешнего оформления с точки зрения покупателя. Не на уровне галереи скриншотов и настройки темы после покупки, как это происходит сейчас, а именно на уровне представления в магазине Webasyst — в том числе в результатах поиска и фильтрации.

У каждой темы дизайна может быть не более 5 стилей. Возможно, это ограничение мы пересмотрим и увеличим, но только если от этого будет действительная польза для пользователя и отсутствие сложностей для разработчика.

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

Планы на 2019

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

Вообще мы замыслили большой пул нововведений, направленный на удобство работы для разработчиков. И обновление интерфейса магазина Webasyst и Инсталлера, которое мы сейчас показываем — это только первый этап. Дальнейший план обновлений включает много всего: триалы тем дизайна, загрузка своих промо-баннеров для рекламы собственных продуктов, кастомизация собственной страницы разработчика, запуск акций (скидок) на свои продукты, ответы на отзывы, премиум-размещение, ускорение модерации, снижение ограничений на рекламу других своих продуктов и многое другое.

Пора готовиться!

Мы публикуем ознакомительную версию https://www.webasyst.ru/store2019/ по двум причинам.

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

Во-вторых, чтобы все разработчики смогли заранее подготовить свои продукты к новом оформлению. Особенно это касается, конечно, авторов тем дизайна. Редактируйте, смотрите, тестируйте, добавляйте стили (обложки). Все это никак не повлияет на представление продуктов в текущей версии Инсталлера и магазина Webasyst, но позволит добиться нужного оформления в превью-версии нового магазина.

Планируемое время релиза нового магазина — первый квартал 2019 года.

Кстати, интерфейс Инсталлера наконец станет в точности таким же, как и интерфейс магазина Webasyst на сайте :)

27 декабря 2018
  • Колмаков Игорь 27 февраля 2019 14:19

    Важный вопрос и думаю меня поддержат.

    Тема содержит шаблоны под приложения - сайт, магазин, фото, хаб и т.п.

    Разработчик определяет стоимость темы в зависимости от вложенной работы (создание отдельных шаблонов) и их дальнейшей поддержки.

    Например: тема состоящая из шаблонов для магазина, сайта, фото, блог стоила бы 8000 руб, а тема из шаблонов магазина, сайта, фото, блог, хаба, поддержки, рассылки и других популярных - например 12000 руб

    Разработчик указывает стоимость за тему в общем (за все шаблоны). НО! Не всем покупателям нужны все шаблоны/приложения "хаб" и "поддержка" и он не готов платить за все шаблоны, например ему нужны только сайт и магазин.

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


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




  • Павел Трофимов 27 февраля 2019 16:03

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

  • Алексей Webasyst 27 февраля 2019 16:05

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

    сайт - 1200 руб
    магазин - 3000 руб
    фото - 1200 руб
    блог - 1200 руб


  • Посмотрите очередное обновление https://www.webasyst.ru/store2019/

    Добавлен механизм ротации актуальных подборок продуктов на главных страницах. Увеличена значимость отзывов в оформлении (как в списках продуктов, так и на странице продукта). Доработана общая навигация на десктопах и мобильных устройствах. Ну и еще много всего.

    На следующей неделе мы планируем начать показывать новый магазин Webasyst пользователям. Пока в ознакомительном режиме на сайте. Но как только будет готово обновление приложения «Инсталлер» (уже очень скоро), все пользователи увидят его у себя в бекенде Webasyst.

    Разработчикам тем дизайна очень рекомендуем не откладывать подготовку стилей (обложек) для тем дизайна. Если обложки не добавлять, то темы не будут находиться с помощью фильтров, например, по цвету и отрасли и, соответственно, будут хуже представлены для потенциальных покупателей.

    В планах на ближайшие месяцы:

    • Документация по CSS-классам, которые можно использования в описаниях продуктов (да-да, мы знаем, что вы об этом очень просите! опубликуем документацию, как только все протестируем).
    • Инсталлер в бекенде Webasyst: внешне будет почти таким же, как и магазин на сайте (единая навигация, единый контент).
    • Улучшенная страница профиля разработчика со связью с профилем эксперта и хабом + возможностью выделения лучших продуктов (загрузка своих баннеров).
    • Улучшения в системе сбора отзывов о приложении от пользователей.
    • Ответы на отзывы пользователей :)
    • Триалы/примерка тем дизайна до покупки (опциональная настройка в темах).
  • Павел Трофимов 8 марта 2019 23:34

    Триалы/примерка тем дизайна до покупки (опциональная настройка в темах).

    Так триалы или все же примерка? Только в облаке или на сторонних серверах тоже?

  • Так триалы или все же примерка? Только в облаке или на сторонних серверах тоже?

    Не вижу вариантов триала\примерки на стороннем сервере, думаю речь идет об облаке. Там можно запретить редактирование файлов и скачивание темы дизайна.

  • Павел Трофимов 9 марта 2019 12:44

    Там можно запретить редактирование файлов и скачивание темы дизайна.

    Запрет редактирования в свою очередь исключает понятие классического триала. Остаётся примерка в облаке.

    В общем пока непонятно. Потому и хотелось бы некоторых разъяснений.

  • Подскажите какого размера (ширина) сейчас нужно загружать изображения для скриншетов плагинов, в рекомендации написано 980 но в примере магазина 2019 ширина 920


  • Подскажите какого размера (ширина) сейчас нужно загружать изображения для скриншетов плагинов, в рекомендации написано 980 но в примере магазина 2019 ширина 920?

    Спасибо за замечание. В гугл-доке все-таки указан неправильный размер. Исправим — на 970!

    Все скриншоты сейчас автоматически уменьшаются к размеру 970px по максимальному ребру (1940px для Ретина-дисплеев). Какими бы большими не были исходные картинки, именно в этом размере они будут отданы на сайте (генерация на лету, как в Shop-Script — *.970.jpg).

    Рекомендуем не экономить на размере исходных скриншотов и загружать и 1000px+, и 2000px+, и даже 3000px+, чтобы на Ретина-дисплеях (а таких устройств все больше и больше) все детали были видны достаточно четко. Необходимое  масштабирование и оптимизация картинок будут произведены автоматически.

  • Кстати, предпоказ https://www.webasyst.ru/store2019/ клиентам мы начнем уже на этой неделе.

    И еще в ближайшие дни ожидайте отдельного топика на форуме с документацией по HTML/CSS, которые можно использовать в описаниях продуктов в новом магазине Webasyst и Инсталлере.

  • Обрезка по высоте 650 останется? то-есть видимая область будет 920x650 соответственно нужно заливать скриншеты в данной пропорции чтобы все вместилось?

  • Максимальная высота 650px для зоны скриншотов задана для того, чтобы со страницей было удобно работать на самых популярных разрешениях экрана (1366x768, 1920x1080, 1280x800), и для просмотра блока со скриншотами не нужно было скроллить. Возможно, что со временем мы можем адаптировать размеры блока скриншотов и как-то изменить это значение 650, но вряд ли это изменение будет каким-то радикальным.

    Если нужно разместить длинный (глубокий?) скриншот, то это лучше делать в основном описании продукта.

  • Если нужно разместить длинный (глубокий?) скриншот, то это лучше делать в основном описании продукта.

    Нет, задача как раз разместить скриншет, чтобы он не был обрезан и в то же время занял всю возможную площадь, сейчас размещаем скриншеты в пропорции 920x650, вписываются идеально на всех устройствах, просто не хотелось бы чтобы потом это изменилось и пришлось бы переделывать все скриншеты

  • Не волнуйтесь, радикально размеры скриншотов меняться не будут, и переделывать ничего не придется. Если высота контейнера и поменяется, то только незначительно и для того, чтобы адаптировать скриншоты под разрешения других типов устройств (планшетов, телефонов). Текущие размеры в своей основе сохранятся.

  • Открываем предпоказ для пользователей: https://www.webasyst.ru/blog/store2019-preview/

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

  • Павел Трофимов 28 марта 2019 22:48

    При наличии обзора от Webasyst он некрасиво "прилипает" к тексту описания плагина. Отступ бы добавить...

  • Новый интерфейс перенесен на основной адрес магазина Webasyst на сайте — https://www.webasyst.ru/store/

    Обновление приложения «Инсталлер» ожидается в течение нескольких ближайших недель.

  • Владимир Сергеев 4 апреля 2019 15:06

    Круто! 

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

    Или добавить возможность загрузки скриншотов прямо в стили. 

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

  • Павел Трофимов 4 апреля 2019 19:53

    В предпросмотре криво отображаются элементы описанные в п.6.4 документации.

  • Павел Трофимов 4 апреля 2019 20:24

    В настройках плагинов раньше была категория Каталог товаров. С выходом нового маркета она пропала. В связи с этим ряд плагинов не могу отнести ни к одной из предложенных. Например, Фильтр и поиск товаров в бекенде, Управление товарами.

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

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

    Павел, спасибо. Посмотрим насчет категории «Каталог товаров». Ну а плагин «Фильтр и поиск товаров в бекенде» точно подойдет в категорию «Поиск и фильтры» :)

  • creativit.ru 5 апреля 2019 10:11

    Доброе утро!

    Не включили возможность заполнения по новому для страниц продуктов, только для основной страницы описания (отдельное поле).

  • Павел Трофимов 5 апреля 2019 11:21

    Ну а плагин «Фильтр и поиск товаров в бекенде» точно подойдет в категорию «Поиск и фильтры» :)

    Хм...  Ну в принципе да, подойдет =)

    Еще момент:

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

    Сухой остаток: либо убрать, либо вернуть категорию.

  • Павел Трофимов 8 апреля 2019 22:39

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

  • Владимир Сергеев 9 апреля 2019 00:06

    В разделе тем дизайна на узких экранах в фильтрах косячит счётчик. Причём косяк проявляется только в типах. 

    Смотрел на iPhone SE (Safari, iOS 12.2). Как в вертикальной ориентации, так и в горизонтальной. 




  • Спасибо! Учли замечания и обновили /store/

  • creativit.ru 9 апреля 2019 14:51

    UPD (ибо так и не учли). Не включили возможность заполнения по новому для страниц продуктов, работает только для основной страницы описания (отдельное поле). В частности, h4 так и не доступно для применения на дополнительных страницах продуктов, в итоге нет и желания переделывать, чтобы потом еще 20 раз переделывать.

  • Это пока не сделано в связи с особенностями старого Инсталлера. Когда обновление для Инсталлера будет на подходе, для страниц тоже можно будет использовать новый формат. Сообщим об этом.

  • Владимир Сергеев 10 апреля 2019 14:11

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

  • Владимир Сергеев 13 апреля 2019 14:07

    Всем сторонним разработчикам на заметку
    Изменился url на страницу разработчика. 

    Был:  webasyst.ru/store/vendor/xxxxxx/ 
    Стал: webasyst.ru/store/developer/xxxxxx/

    Команде Webasyst на заметку
    Открываем страницу эксперта.
    Если у эксперта есть опубликованные продукты, то там будет старая ссылка. 



Чтобы добавить комментарий, зарегистрируйтесь или войдите