Bueno, he avanzado bastante en el tema esta mañana ![]()
Tengo una primera propuesta de diseño para presentarles: MQTT Virtual devices view
Aquí lo detallo en algunas capturas de pantalla:
Paso n°1: Lista de dispositivos
Lista más compacta, en forma de lista y sin detallar lo que ya está en la vista de edición.
- Agrupada por habitación para mayor claridad y no repetir la información
- Más fácil de desplazarse en móvil. Más fácil de visualizar todos tus dispositivos.
- Sin botón para invertir el orden (¿quién buscaba por orden alfabético inverso?)
- Barra de búsqueda más potente
Paso n°2: Vista de edición de un dispositivo
- Vista más compacta, las funcionalidades están cerradas por defecto.
- Posibilidad de ver si un dispositivo está historizado de un vistazo
Paso n°3: Añadir una nueva funcionalidad
Me he inspirado mucho en la propuesta de @guim31 ![]()
- Vista agrupada por categorías para una búsqueda más fácil
- Concepto explicado por una pequeña descripción
- Visualización del resultado de la funcionalidad para que el usuario se proyecte
Paso n°4: Edición de una funcionalidad
- Vista más compacta.
- En algunos casos, los campos « inútiles » deberían estar ocultos o rellenados por defecto (Min/max, por ejemplo, pueden rellenarse con valores sensatos)
Conclusión
Es un primer borrador, estoy abierto a comentarios ![]()
El objetivo es luego iterar, y una vez que todos estemos de acuerdo, habrá que hacer el diseño móvil, luego la lista de todos los tipos de dispositivos (para el paso n°3), y escribir todos los textos.
Finalmente, podremos pasar al desarrollo, pero solo es frontend, nada muy complicado, lo más difícil es realmente ponerse de acuerdo y crear todo el contenido.



