¿Qué recursos podría encontrar yo (un programador) para ayudarme con algunas habilidades básicas de diseño para una aplicación web interna? No pretendo que parezca que está listo para usar, pero me gustaría agrupar la información en un formato agradable, que los datos tabulares se muestren bien, obtener algunos íconos para "ayuda", ordenar, eliminar, agregar, ahorro, etc. Me gustaría comenzar con algunas de las mejores prácticas para cuando diseñe informes para que puedan imprimirse relativamente limpios, etc.
Las habilidades requeridas pueden abarcar el diseño gráfico, el diseño de la interfaz de usuario, la arquitectura de la información, la experiencia del usuario y el desarrollo front-end (CSS, HTML, JS).
Sin saber cuál de esas habilidades puede o no tener, algunas sugerencias generales:
Los marcos son definitivamente una buena idea. Bootstrap es uno de los más famosos, pero MailChimp también tiene una colección de elementos atómicos que se pueden usar para ensamblar nuevas interfaces de usuario rápidamente. Se llama una biblioteca de patrones .
Algunas otras referencias interesantes (más como un frenesí de enlaces, ¡pero puede encontrar algunas de estas interesantes!):
Compose to a Vertical Rhythm es una guía para calcular el ritmo vertical óptimo (el espaciado y la disposición del texto a medida que el lector desciende por la página) utilizando el tamaño de fuente, la altura de línea y el margen o relleno.
Un enfoque similar pero para las cuadrículas de línea de base (una línea de base garantizará un interlineado apropiado (altura de línea) y es invaluable en cualquier diseño que use columnas).
Una guía y biblioteca sobre Responsive Tables , en caso de que necesites que tu sitio responda a diferentes resoluciones o dispositivos.
El artículo de Smashing Magazine sobre la usabilidad de formularios web y su sistema para calificar y comparar sitios web :) Definitivamente recomiendo revisar sus artículos, ¡la mayoría son realmente buenos!
mate dawdy
DA01
mate dawdy