Vorhin habe ich erläutert, wie wir das Problem des fehlenden UI \ UX-Designs in 1C mithilfe von Java Script und React.js lösen. Heute werden wir die Rolle und den Einfluss des Designs auf die Geschwindigkeit der Entwicklung und Implementierung mobiler Anwendungen auf 1C diskutieren.
Warum überhaupt entwerfen, wenn auf dem IT-Markt bereits alles gut ist, die Nachfrage groß ist, die Arbeit in großen Mengen erfolgt usw.?
Drei Hauptgründe:
Reduzieren Sie die Kosten aufgrund mehrfacher Überarbeitungen / Änderungen, wenn der Kunde (intern / extern) das Produkt erst nach der Entwicklung sieht und nicht VOR der Entwicklung, wenn es irgendwie Einfluss nehmen kann.
Steigerung der "Personenzentriertheit" in den entwickelten Geschäftsanwendungen durch vorläufige Entwurfsarbeiten (UX und UI), die darauf abzielen, das Ziel des Einzelnen mithilfe der Software zu erreichen.
Beschleunigen Sie die Implementierung der entwickelten Software und reduzieren Sie den technischen Support sowohl für uns als auch für den Kunden.
Entwicklungstechnologie: Wenn Sie vor Beginn der Programmierung schnell, einfach und kostengünstig einen Prototyp (MVP) entwerfen, online diskutieren, vereinbaren und dem Kunden übergeben, woraufhin Sie mit dem Codieren beginnen - er hat sich zu 100% bewährt.
Darüber hinaus gab es eine Erfahrung, als wir die Idee eines Add-Ons / einer Erweiterung zu einer typischen Konfiguration entwarfen, eine Mailingliste in der internen Datenbank starteten und genau dort Leads = $ erhielten!
Wie gefällt dir Elon Musk? Zero-Coding zahlt sich aus!
Im Mobiltelefon, dem Thema UI- und UX-Design, Prototyping, ist MVP noch schärfer als auf dem Desktop. Vor zwei Jahren wandte ich mich an eine Reihe von Unternehmen mit einer technischen Spezifikation für eine mobile Anwendung, und jeder bot mir ungefähr die folgende Reihenfolge der Projektimplementierung an:
Stufe 1. Forschung und Entwurf der TK
● Sammlung und Formalisierung von Anforderungen;
● Entwicklung und Design eines Anwendungsprototyps;
● Entwicklung und Design von UX / UI-Schnittstellen für wichtige Bildschirme der Anwendung;
● Erstellung technischer Spezifikationen mit Beschreibung des Funktionsprinzips.
Stufe 2. Entwicklung der Anwendung auf der Grundlage der in Stufe 1 erstellten Dokumentation.
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 :
Es stellte sich heraus, dass die Implementierung eines Prototyping-Tools für eine mobile 1C-Plattform um ein Vielfaches schwieriger ist als für einen Desktop, da die Logik von Elementen mobiler Formen einer 1C-Plattform viel komplizierter ist als für einen Desktop Passen Sie den Bildschirm usw. an. usw. Wir testen zwar an internen Projekten und an einer Reihe von Kunden, aber im Allgemeinen rechtfertigt sich die Technologie auch selbst: Die Entwicklung und Lieferung von Arbeiten an den Kunden steigt um mindestens 25 bis 30%, aber es gibt einen, ABER: Sie brauchen Um die Kompetenz des Designers im Inneren zu erweitern, ziehen Sie externe Berater aus der World Web- und Mobile-Entwicklung an. Infolgedessen erscheinen interne 1C: Designer ;-)
Alle erfolgreichen Projekte, Frieden und Freundlichkeit!