Mais uma vez sobre o design UI \ UX em 1C ou como acelerar o desenvolvimento de aplicativos móveis

              Anteriormente, compartilhei como resolvemos o problema de falta de design UI \ UX em 1C usando Java Script e React.js. Hoje vamos discutir o papel e a influência do design na velocidade de desenvolvimento e implementação de aplicativos móveis em 1C.





Por que projetar afinal, se tudo já é bom no mercado de TI, a demanda é grande, o trabalho é em massa etc.?





Três razões principais:





  1. Reduzir o custo, devido a múltiplas revisões / alterações, quando o Cliente (interno / externo) vê o produto somente após o desenvolvimento, e não ANTES do desenvolvimento, quando pode de alguma forma influenciar.





  2. Aumentar o “centramento na pessoa” nas aplicações de negócio desenvolvidas, através de trabalhos de design preliminar (UX e UI) visando atingir o objetivo do indivíduo que utiliza o software.





  3. Acelere a implementação do software desenvolvido e reduza a carga de suporte técnico, tanto nosso quanto do Cliente.





Tecnologia de desenvolvimento, quando, antes de começar a programar, você projeta um protótipo (MVP) de forma rápida, simples e barata, discute-o online, concorda e entrega ao cliente, após o que você começa a codificar - ele se provou 100%.





Além disso, houve uma experiência em que projetamos a ideia de um add-on / extensão para uma configuração típica, lançamos uma lista de discussão no banco de dados interno e obtivemos leads = $ ali mesmo!





Como você gosta de Elon Musk? A codificação zero compensa!





No telefone móvel, o tópico de design de UI e UX, prototipagem e MVP é ainda mais nítido do que no desktop. Então, há dois anos, procurei várias empresas com especificações técnicas para um aplicativo móvel e todos me ofereceram aproximadamente a seguinte ordem de implementação do projeto:





Etapa 1. Pesquisa e elaboração do TK





● Coleta e formalização de requisitos;





● Desenvolvimento e design de um protótipo de aplicativo;





● Desenvolvimento e design de interfaces UX / UI para telas principais do aplicativo;





● Elaboração de especificações técnicas com descrição do princípio funcional.





Etapa 2. Desenvolvimento do aplicativo com base na documentação elaborada na 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 :





Descobriu-se que implementar uma ferramenta de prototipagem para uma plataforma móvel 1C é muitas vezes mais difícil do que um desktop, porque a lógica dos elementos das formas móveis de uma plataforma 1C é muito mais complicada do que um desktop, também existem recursos de elementos de alongamento caber na tela, etc. etc. Enquanto estamos testando em projetos internos e em vários clientes, mas em geral, a tecnologia também se justifica: o desenvolvimento e entrega de trabalho ao cliente aumenta em pelo menos 25-30%, mas há um MAS: você precisa para aumentar a competência do designer internamente, atrair consultores externos da web mundial e desenvolvimento móvel, como resultado, 1C interno: Designers aparecem ;-)





Todos os projetos de sucesso, paz e gentileza!








All Articles