Plus tôt, j'ai partagé comment nous résolvons le problème du manque de conception UI \ UX dans 1C en utilisant Java Script et React.js. Aujourd'hui, nous discuterons du rôle et de l'influence de la conception sur la vitesse de développement et de mise en œuvre des applications mobiles sur 1C.
Pourquoi faire du design, si tout est déjà bon sur le marché informatique, la demande est grande, le travail est en vrac, etc.?
Trois raisons principales:
Réduisez le coût, en raison de multiples révisions / modifications, lorsque le client (interne / externe) ne voit le produit qu'après le développement, et non AVANT le développement, quand il peut en quelque sorte influencer.
Accroître le «centrage sur la personne» dans les applications commerciales développées, grâce à un travail de conception préliminaire (UX et UI) visant à atteindre l'objectif de l'individu utilisant le logiciel.
Accélérez la mise en œuvre du logiciel développé et réduisez la charge de support technique, tant pour le nôtre que pour le client.
Technologie de développement, lorsque, avant de commencer la programmation, vous concevez rapidement, simplement et à moindre coût un prototype (MVP), en discutez en ligne, vous l'acceptez et le remettez au client, après quoi vous commencez à coder - il a fait ses preuves à 100%.
De plus, il y a eu une expérience lorsque nous avons conçu l'idée d'un add-on / extension à une configuration typique, lancé une liste de diffusion sur la base de données interne et obtenu des leads = $ juste là!
Comment aimez-vous Elon Musk? Le zéro codage est payant!
Dans le téléphone mobile, le sujet de la conception UI et UX, le prototypage, MVP est encore plus précis que dans le bureau. Donc, il y a deux ans, je me suis tourné vers un certain nombre d'entreprises avec une spécification technique pour une application mobile et tout le monde m'a proposé à peu près l'ordre de mise en œuvre de projet suivant:
Étape 1. Recherche et rédaction des savoirs traditionnels
● Collecte et formalisation des exigences;
● Développement et conception d'un prototype d' application;
● Développement et conception d'interfaces UX / UI pour les écrans clés de l'application;
● Préparation des spécifications techniques avec une description du principe de fonctionnement.
Étape 2. Développement de l'application sur la base de la documentation établie à l'étape 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 :
Il s'est avéré que la mise en œuvre d'un outil de prototypage pour une plate-forme mobile 1C est beaucoup plus difficile qu'un ordinateur de bureau, car la logique des éléments des formes mobiles d'une plate-forme 1C est beaucoup plus compliquée qu'un ordinateur de bureau, il existe également des fonctionnalités d'étirement des éléments pour s'adapter à l'écran, etc. etc. Alors que nous testons sur des projets internes et sur un certain nombre de clients, mais en général, la technologie se justifie également: le développement et la livraison du travail au client augmentent d'au moins 25-30%, mais il y en a un MAIS: vous avez besoin pour développer la compétence du designer à l'intérieur, attirer des consultants externes du développement web et mobile mondial, par conséquent, 1C interne: des designers apparaissent ;-)
Tous les projets réussis, paix et gentillesse!