Gran pregunta En mi empresa nos sentimos frustrados con el tiempo y el costo necesarios para “diseñar a medida” cada aplicación. También encontramos que el proceso de diseño a menudo se volvió arbitrario y carecía de principios subyacentes claros.
Seleccionamos Google Material Design como la base de nuestras aplicaciones de software empresarial personalizadas:
Introducción – Diseño de materiales – Pautas de diseño de materiales
- Cómo construir una API privada para mi aplicación
- ¿Recomienda codificar usando Java o con otros lenguajes de script?
- ¿Qué idiomas y cosas avanzadas debo aprender sobre la web antes de comenzar un inicio basado en la web? Por favor, proporcione los enlaces para los recursos
- ¿Podemos hacer pruebas de automatización de aplicaciones web móviles en Katalon Studio?
- ¿Qué arquitectura de framework de aplicaciones web es más apropiada y por qué?
Nota: Podría decirse que el diseño de material no es un diseño 100% plano, pero existe en el mismo espacio e intenta responder a muchas de las mismas preferencias de diseño. Vea una comparación reflexiva de las 2 ideas aquí: Diseño plano versus Diseño de material: ¿en qué se diferencian? – Designmodo
Cómo adaptamos Google Material Design para aplicaciones empresariales web / móviles
Comenzamos con su estándar existente, luego lo ampliamos con una serie de componentes reutilizables dentro de nuestra infraestructura frontend para resolver problemas comunes de aplicaciones empresariales como:
- Filtros mágicos para listados (similar al patrón de filtro de Google Drive): vea el ejemplo más abajo.
- Cajones deslizables
- Entrada y visualización de fecha y hora
- Calendarios
Ejemplo de nuestros diseños de aplicaciones empresariales.
Vea otras aplicaciones de ejemplo en: Desarrollo de aplicaciones web personalizadas Toronto | Firestitch
El filtro mágico
Si bien no es del todo relevante para su pregunta, este componente es el más importante que hemos encontrado para las aplicaciones empresariales.
El filtro mágico evita la necesidad de diseñar una barra de filtro desordenada en la parte superior de cada listado, pero proporciona un filtrado potente / persistente / consistente para todos los listados.
Barra de búsqueda cuando no está enfocado:
Barra de búsqueda cuando está enfocado / expandido: