Una plantilla comunitaria que enfatiza el lugar y la intención

Quiero compartir un diseño que he estado haciendo para un proyecto comunitario. He estado trabajando en la abstracción de algunas de sus ideas y espero que sirva de inspiración general para configuraciones comunitarias sin fines de lucro, de código abierto, basadas en capítulos o distribuidas de otra manera.

El diseño tiene dos objetivos principales:

  • Sugerir siempre un lugar y una intención común en torno a las conversaciones.
  • Enmarcar las conversaciones dentro de un contexto más amplio de contenido destacado y áreas de trabajo.

La vista conceptual de aterrizaje:

La navegación a áreas específicas cambiará las señales contextuales. Aparte de esto, la navegación se mantiene constante:

La navegación a un área de trabajo agregará herramientas de colaboración a la navegación:

La implementación en nuestro proyecto se ve así:

En cada espacio, sugerimos un contexto e intención distintos a través de elementos visuales y texto introductorio:

En las áreas de trabajo, el menú de navegación proporciona subnavegación y acceso a etiquetas:

22 Me gusta

Parece similar a la instancia de Discourse de webcore. Muy bien.

4 Me gusta

Haces unos diseños de Discourse increíbles. ¡Gran trabajo!

Dejando de lado si lo harás o no, ¿cuánto de esto se podría compartir como un tema normal de Discourse? ¿Cuánto es un componente de tema u otra personalización más profunda?

7 Me gusta

¡Guau! ¡Qué plantilla tan increíble! :scream:

¿Cómo la creaste?

4 Me gusta

Se ve increíble. Necesitamos más de estos temas personalizados.

5 Me gusta

Gracias a todos por las amables palabras :hugs:

Sobre cómo se hace: la plantilla conceptual es solo una maqueta, las hago con Figma. No es específico de Discourse.

Para la comunidad Couchers.org la implementé en Discourse agrupando estilos en un tema y usando componentes de tema (Búsqueda en la cabecera, Banners de categoría, Enlaces de navegación personalizados, Tarjetas destacadas, Showcase de categorías, Cajas de categorías modernas, Pie de página fácil). Añadí algo de código personalizado para obtener banners distintos en la página de inicio y en la ruta “Latest”.

El diseño final y el funcionamiento de la comunidad dependen entonces de ajustar la configuración: a nivel de sitio, en los componentes, en las categorías, para las etiquetas. Por lo tanto, no podrías implementar la plantilla solo compartiendo un tema y componentes agrupados.

Conceptualmente no lo veo como un tema, sino más bien como una plantilla, diseño o modelo. Aún no estoy seguro del mejor término. Su objetivo no es tanto cambiar la apariencia, sino cambiar el funcionamiento y la experiencia de usuario para soportar un caso de uso o modelo de comunidad específico. También estoy trabajando en otras plantillas y me pregunto cuál sería la mejor manera de compartirlas. Necesitarías una forma de exportar e importar todas las configuraciones anuladas. Ahora mismo, la única forma que conozco es usar una copia de seguridad, pero sería genial encontrar una forma que solo se dirija a la configuración y no al contenido del sitio.

9 Me gusta

Ya puedes exportar/importar la configuración del sitio:

Puede que lleve un poco de trabajo documentar cada una, pero una forma sencilla podría ser publicar un nuevo tema aquí en Meta (adecuadamente etiquetado, etc.) describiendo todas las personalizaciones utilizando una estructura como esta:

  1. Concepto de diseño y sitio de demostración (si está disponible)
  2. Tema como archivo exportado
  3. Componentes del tema como una lista con una breve descripción general de la configuración cambiada
  4. Plugins con breves notas sobre la configuración de cada uno
  5. Configuraciones que se han cambiado de los valores predeterminados como un archivo .yml
7 Me gusta

¡Estas son geniales sugerencias! Gracias por compartir @nathank

5 Me gusta

¿Buscas más trabajo freelance?

5 Me gusta