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

[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

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

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

У нас это уже частично реализовано в виде сетки миниатюр темы #theme.

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

@Canapin

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

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

@derak

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

О скольких категориях вы говорите? Посмотрите мой пост выше и перейдите по ссылке на тему #theme с макетом тем и миниатюрами.

@mattdm

@derak

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

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

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

Я могу представить, что неизбежно кто-то создаст #theme-component или, возможно, #plugin, в зависимости от того, что именно нужно для достижения желаемого эффекта.

[Canapin (Coin-coin le Canapin)]

@Dan DeMontmorency

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

Мы в курсе этого и обсуждаем это

@Hoàng Phúc Trần

Или вы можете зайти на мой сайт по адресу 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)]

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