Actualización: La antigua barra de navegación superior de administración ha sido oficialmente descontinuada y eliminada en la versión 3.4. La navegación por la barra lateral ha visto grandes mejoras últimamente y, en el futuro, es la única forma de navegar por la administración de Discourse.
Hemos estado trabajando internamente en algunos cambios sobre cómo funcionará la estructura de navegación en las áreas de administración de Discourse. La primera parte de este trabajo es la introducción de una barra lateral de administración. Se ve así:
Esta barra lateral funciona de manera similar a la barra lateral del chat. Es contextual y solo aparece cuando un administrador ingresa a cualquier parte del área de administración del sitio, y se reemplaza con la barra lateral contextual apropiada al salir del área de administración.
En esta primera iteración, los enlaces de navegación son una simple copia 1 a 1 de los enlaces de navegación antiguos en la parte superior de la página. En el futuro, planeamos hacer una reestructuración adicional aquí, pero por ahora queríamos lanzar esta forma inicial para ver qué piensa la gente.
Hay algunas advertencias que esperamos abordar pronto:
Actualmente no hay un reemplazo para el outletadmin-menu de la antigua barra de navegación.
Hay algunas inconsistencias en cómo se ve la interfaz de usuario ahora que la barra superior ha desaparecido.
No admitimos secciones y enlaces personalizados en la barra lateral de administración.
Estamos considerando cómo admitir sitios de Discourse que tienen su propia barra lateral basada en temas personalizados.
Esto está oculto detrás de una configuración experimental del sitio admin_sidebar_enabled_groups por ahora. Abrimos el debate para recibir comentarios.
Solo he echado un vistazo rápido hasta ahora, pero se ve bien.
No hay una entrada de menú para Registros de errores, pero todavía hay un menú horizontal para la sección Registros que incluye un enlace a Registros de errores.
Sí, no estaba seguro de añadir esto a la barra lateral ya que te lleva a una página completamente separada (Logster)… tal vez estaría bien si se abriera en una nueva pestaña. Lo pensaré
Hola Martin Gracias por esta increíble actualización
He notado que la página admin/upgrade falta en la barra lateral y, en el móvil, no reemplaza el contenido de la barra lateral, sino que aparece debajo del contenido predeterminado de la barra lateral.
Gracias, sí, quiero decir que tengo que desplazarme hacia abajo en la barra lateral móvil para ver las secciones de administración. Así que ahora no funciona exactamente como en el escritorio. En el escritorio, solo muestra las secciones de administración cuando estoy en /admin, pero en el móvil, la sección de administración aparece debajo de los menús de la barra lateral predeterminados. Haré una captura de pantalla / video sobre esto y actualizaré esta publicación.
Una de mis barras laterales de administración favoritas está en el backend de Ghost porque el filtro justo en la barra lateral es un placer de usar. Solo quiero compartir el patrón como comentario:
\n\nchat separate sidebar mode está en pantalla completa, si eso significa algo. ¿Qué más… la versión es 3.2.0.beta4-dev (20f950a116) y estoy seguro de que esto comenzó después de esa actualización. Y el modo seguro no ayudó.\n\nNo es un problema importante. Y tampoco es demasiado molesto.
Encuentro que esta es una forma muy engorrosa de navegar en dispositivos móviles.
Si aún no sabes que buscar en la barra lateral, no hay una forma obvia de saber que la barra lateral está llena de opciones específicas del contexto.
Para navegar entre páginas, tienes que llegar a la esquina superior de la pantalla, desplazarte hasta el final de la barra lateral y hacer un toque preciso en el submenú correcto que deseas. Visualmente, el menú de administración es indistinguible del resto de la barra lateral.
En contraste, con el método anterior, se te presentan inmediatamente las secciones de nivel superior que están a 0-1 deslizamientos de distancia y te permiten profundizar para encontrar la subsección de administración exacta que deseas en lugar de requerir que el usuario sepa de antemano.
En general, me gusta la idea, pero creo que empeora la experiencia de usuario móvil, no la mejora. En general, casi nunca uso la barra lateral en dispositivos móviles. Creo que es demasiado engorroso abrirla y tal vez las opciones son demasiado detalladas/pequeñas.
Comparé otras aplicaciones y una cosa que noté es que el acceso a la barra lateral suele ser un gesto muy simple. Discord y Twitter te permiten simplemente deslizar horizontalmente para abrir la barra lateral. La aplicación de eBay tiene un botón en el menú inferior. Mi aplicación bancaria abre la barra lateral cuando presionas el botón de retroceso. El tema común es que todos estos gestos los haría normalmente sin siquiera pensarlo, pero abrir la barra lateral de Discourse en dispositivos móviles se siente como una acción muy deliberada.
Creo que para que esta barra lateral experimental funcione de manera efectiva para mí, necesitas un acceso más fácil al menú móvil y también ocultar todas las configuraciones no específicas de administración. El botón “volver al foro” es en realidad un buen detalle porque realmente te hace sentir que estás en un contexto separado al navegar por la sección de administración.
Pero sí, supongo que mi consejo general para Discourse es que si la barra lateral se va a convertir en una característica de navegación esencial en dispositivos móviles, realmente necesitas mejorar la facilidad con la que se abre y se cierra. El hecho de que mi teléfono sea un modelo más grande y que la parte superior de mi pantalla sea actualmente una zona muerta para la entrada táctil ha resaltado especialmente lo inaccesible que es la barra lateral para mí.
Definitivamente está pasando algo raro en el móvil, y Martin lo arreglará la próxima vez que lo revise… ¡probablemente después de las fiestas!
Estamos utilizando la misma funcionalidad básica que la barra lateral para el chat y el foro. Por lo tanto, la forma en que se abren/cierran y la forma en que funcionan las secciones y los enlaces serán prácticamente las mismas.
Dicho esto, mi preferencia personal ha sido hacer que la sección de administración sea visualmente distinta del foro o del chat, y no permitir que los sitios personalicen la apariencia del backend. De esta manera, sabrás que estás en una sección de administración de “backend” de la que querrás salir para volver al foro.
@awesomerobot ¿qué opinas de esto, para la barra lateral y quizás incluso para el menú de notificaciones? Sé que permitimos deslizar para cerrarlos deslizando hacia la izquierda (barra lateral) y deslizando hacia la derecha (menú de notificación). Pero, ¿podríamos permitir una apertura más intuitiva de estos menús deslizando hacia la derecha y hacia la izquierda?
Esto es un poco más complicado para nosotros que para una aplicación nativa, porque estamos basados en la web. Safari en iOS reserva el deslizamiento para la navegación hacia atrás/adelante y, hasta donde sé, no hay una buena manera de evitar esto… ¿aunque tal vez eso haya cambiado? Blocking Navigation Gestures On iOS Safari - PQINA
Y una opinión diferente, porque volví a la vieja escuela.
Arriba está la ruta más corta y las opciones son más fáciles de alcanzar sin necesidad de moverse hacia los lados y luego desplazarse.
Además, cada vez que hay necesidad de trabajar con una pantalla más pequeña, y en ese sentido cualquier iPad de tamaño estándar es más pequeño, la barra lateral es demasiado difícil de usar.
Espero que el viejo estilo permanezca allí como una opción.
Me gustaría hacer una sugerencia de UX para esta barra lateral experimental.
Mi sugerencia:
Agrega una pestaña mientras estás en el menú de administración para cambiar entre el menú del foro y el menú de la barra lateral de administración en la parte superior, para que no tengas que salir del menú de administración para acceder a un menú del foro, y permitiría un clic menos en lugar de desplazarte hacia abajo hasta el menú de administración.
Esto también puede mejorar los problemas móviles, ya que en lugar de desplazarte, puedes tocar un botón y te llevará allí.
Mi boceto de cómo creo que podría verse esta sugerencia: