¡Oye! Gracias por la pregunta
- ¡No ciegue a los usuarios con colores innecesarios! El color es poderoso para resaltar información clave . Ver más sobre color. Recomiendo obtener una paleta de colores consistente. Use rojo por una razón, por ejemplo.
- Veo que está utilizando un estilo de Office 365 para los elementos de forma plana, iconos y controles. Intenta hacerlo uniforme si puedes. No arrojes iconos por aquí y por allá. Mantenlo ordenado .
- Use una cuadrícula! Si está codificando esto, recomendaría mantener su contenido dentro de una cuadrícula estructurada [1] y si esto es solo una maqueta en Photoshop, puede usar el uso de cuadrículas. Asegúrate de que todo esté alineado; de lo contrario, enloquecerá tu cerebro. ¡Por ejemplo, ese cuadro de búsqueda es enorme!
- Haga algunas pruebas de usuario: haga que los usuarios lo prueben. ¿Es complejo? ¿Fácil de comprender? Haga que un usuario haga una tarea (desde el punto A -> punto B) y luego mírelos.
- No te distraigas con contenido no deseado. Maximice el contenido que ve el usuario , así que no hinche la página ni use el color para interponerse en una tarea. Tu cerebro funciona mejor si hace una cosa. Echa un vistazo a las micro interacciones [2]
Creo que su concepto es excelente, pero necesita hacer un poco de limpieza para que el diseño sea consistente. Intenta que los usuarios lo usen (si necesitas decirles cómo usarlo, ¡lo estás haciendo mal!) Y finalmente concéntrate en la tarea en lugar del diseño general. (¡Haz las cosas bonitas al final!)
¡Espero que ayude!
- ¿Qué alojamiento web utiliza para su sitio web?
- ¿Cuál es la mejor forma / lenguaje para hacer un front-end dinámico?
- ¿Cuánto tiempo lleva diseñar un buen sitio web?
- ¿Cuál es la diferencia entre una etiqueta y una etiqueta ?
- ¿Cuáles son los lenguajes de programación que puedo aprender simultáneamente?
Notas al pie
[1] CSS · Bootstrap
[2] ¿Qué es una microinteracción?