Anteriormente compartí cómo resolvemos el problema de la falta de diseño UI \ UX en 1C usando Java Script y React.js. Hoy discutiremos el papel y la influencia del diseño en la velocidad de desarrollo e implementación de aplicaciones móviles en 1C.
¿Por qué diseñar en absoluto, si todo ya es bueno en el mercado de TI, la demanda es grande, el trabajo es a granel, etc.?
Tres razones clave:
Reducir el costo, debido a múltiples revisiones / alteraciones, cuando el Cliente (interno / externo) ve el producto solo después del desarrollo, y no ANTES del desarrollo, cuando de alguna manera puede influir.
Incrementar el "centrado en la persona" en las aplicaciones comerciales desarrolladas, a través de trabajos de diseño preliminar (UX y UI) orientados a lograr el objetivo del individuo que utiliza el software.
Acelerar la implementación del software desarrollado y reducir la carga del soporte técnico, tanto el nuestro como el del Cliente.
Tecnología de desarrollo, cuando, antes de comenzar a programar, diseña un prototipo (MVP) de manera rápida, simple y económica, lo discute en línea, lo acepta y se lo entrega al cliente, después de lo cual comienza a codificar: ha demostrado su eficacia al 100%.
Además, hubo una experiencia cuando diseñamos la idea de un complemento / extensión para una configuración típica, lanzamos una lista de correo en la base de datos interna y obtuvimos clientes potenciales = $ allí mismo.
¿Qué te parece Elon Musk? ¡La codificación cero vale la pena!
En el teléfono móvil, el tema del diseño de UI y UX, la creación de prototipos, MVP es aún más nítido que en el escritorio. Entonces, hace dos años, recurrí a varias empresas con una especificación técnica para una aplicación móvil y todos me ofrecieron aproximadamente el siguiente orden de implementación del proyecto:
Etapa 1. Investigación y redacción de los conocimientos tradicionales
● Recopilación y formalización de requisitos;
● Desarrollo y diseño de un prototipo de aplicación;
● Desarrollo y diseño de interfaces UX / UI para pantallas clave de la aplicación;
● Elaboración de especificaciones técnicas con descripción del principio funcional.
Etapa 2. Desarrollo de la aplicación en base a la documentación elaborada en la etapa 1.
2.1. :
……
2.2. :
….
2.3. :
…..
2.4. Store:
….
3. .
, , , ! -, , – . , -, . -, , , , .., 80-90% , 10% , – . -, , , , !
1, \. 1- Axure Figma, , UI Kit 1, . ….. , " - " ;-)
, , .
:
Frontend
Single Page Application React.
ru.reactjs.org
UI Material UI.
material-ui.com/ru
Material, .
material-ui.com/ru/components/grid
Drag&Drop :
github.com/chriskitson/react-drag-drop-layout-builder
github.com/kiho/react-form-builder
github.com/saravananangu/react-drag-drop-form-builde
Backend
serverless Google Firebase .
backend- Node.js.
:
:
10 :
Resultó que implementar una herramienta de creación de prototipos para una plataforma móvil 1C es muchas veces más difícil que una computadora de escritorio, porque la lógica de los elementos de las formas móviles de una plataforma 1C es mucho más complicada que una computadora de escritorio, también hay características de estirar elementos para encajar en la pantalla, etc. etc. Si bien estamos probando en proyectos internos y en varios clientes, pero en general, la tecnología también se justifica: el desarrollo y la entrega del trabajo al cliente aumenta en al menos un 25-30%, pero hay uno PERO: usted necesita para aumentar la competencia del diseñador en el interior, atraer consultores externos del desarrollo web y móvil mundial, como resultado, 1C interno: aparecen diseñadores ;-)
¡Todos los proyectos exitosos, paz y bondad!