Категории: компонент просмотра смартфона

[derak (Cristian Deraco)]

Было бы полезно реализовать компонент темы (категории: вид смартфона), который позволяет отображать категории в виде иконок смартфона, как показано на примере изображения ниже. Что вы думаете об этом?

[Canapin (Coin-coin le Canapin)]

Привет, Кристиан, добро пожаловать обратно

@derak

Что ты думаешь?

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

Это не совсем то же самое, но я изменил макет страницы категорий на мобильной версии своего форума с:

на:

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

[Jagster (Jakke Flemming)]

Макет от ОП имеет те же проблемы, что и смартфоны:

• как идентифицировать и запоминать, что есть что, и
• когда «слишком много» становится действительно слишком много.

[derak (Cristian Deraco)]

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

Другой полезной функцией могла бы быть «Настраиваемое имя категории в мобильной версии», чтобы, например, сократить название категории с «Развлечения» до «РАЗВ».

Вот пример, который я нашёл на форуме, но в виде списка.

[Jagster (Jakke Flemming)]

@Кристиан Дерако

от развлечений до ENT, например

Почему это должно сработать? Никто не знает, что означает ENT.

[mattdm (Matthew Miller)]

Я вижу контексты, в которых это сработает — фанаты какой-либо конкретной игры или узкой темы часто имеют свой собственный жаргон и даже иконографию. Будет ли это наиболее заметным и понятным для новых пользователей? Скорее всего, нет — но это не всегда является ключевым преимуществом.

[hoangphuctran93 (Hoàng Phúc Trần)]

Можете поделиться ссылкой на доступ, чтобы я мог сослаться на неё? Или вы можете посмотреть мой сайт по адресу https://businesslab.vn. Я с радостью поделюсь тем, что знаю и сделал.
Также вы можете обратиться к странице темы категории Air Theme; я нашёл её похожей на то, что вы ищете.

[derak (Cristian Deraco)]

Я просто говорю о навигации на странице категорий. Вместо того чтобы прокручивать страницу вниз, чтобы найти категории, было бы полезно видеть их все на одной странице, как я описал в своём первом сообщении. В будущих версиях Discourse эта функция будет реализована неизбежно, так почему бы не опередить события?

[derak (Cristian Deraco)]

Да, как на последнем изображении, которое я опубликовал в первом сообщении, это определённо частично решает проблему.
Компонент темы находится здесь: GitHub - discourse/discourse-minimal-category-boxes · GitHub.

[mattdm (Matthew Miller)]

@Кристиан Дерако

Неизбежно, что в будущих версиях Discourse эта функция будет реализована, так почему бы не опередить события?

Не уверен, что понимаю этот аргумент. Почему это неизбежно? (А если так, то зачем торопиться?)

[Heliosurge (Dan DeMontmorency)]

@Jagster

У макета автора те же проблемы, что и у смартфонов:

• как определить и запомнить, что есть что, и
• когда много — это слишком много

У нас уже есть нечто подобное в сетке макетов тем с миниатюрами через Customization > Theme.

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

@Canapin

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

Но если у автора будут более упрощенные иконки категорий с текстом под ними, то это может сработать.

@derak

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

Сколько категорий вы имеете в виду? См. мое сообщение выше и посмотрите ссылку Customization > Theme для макета тем с миниатюрами.

@mattdm

@derak

Неизбежно, что в будущих версиях Discourse эта функция будет реализована, так почему бы не предвосхитить это?

Я не совсем понимаю этот аргумент. Почему это неизбежно? (И если это так, зачем торопиться?)

Действительно. лол

Я могу представить, что неизбежно, что кто-то, вероятно, создаст Customization > Theme component или, возможно, Customization > Plugin, в зависимости от того, какие функции необходимы для достижения желаемого эффекта.

[Canapin (Coin-coin le Canapin)]

@Heliosurge

Честно говоря, мне не нравится список тем в категории Customization > Theme на мобильных устройствах, так как мне труднее визуально находить нужное.

Мы знаем об этом и обсуждаем это

@hoangphuctran93

Или вы можете зайти на мой сайт по адресу https://businesslab.vn

Мне стало интересно, и я внес эти изменения, чтобы сделать что-то похожее на то, что хотел бы видеть @derak:

.category-boxes, .category-boxes-with-topics {
    gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
    width: 100%;
    flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
    display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
    text-align: center !important;
}
.category-boxes .category-logo .category-notifications-button, .category-boxes-with-topics .category-logo .category-notifications-button {
    visibility: hidden;
}
.category-boxes .category-box {
     box-shadow: 0px 0px 8px rgba(0,0,0,.2);
}

[hoangphuctran93 (Hoàng Phúc Trần)]

Они выглядят так минималистично, я рассмотрю эту версию для другого проекта ^^