Sebelumnya saya telah membagikan bagaimana kami menyelesaikan masalah kurangnya desain UI \ UX di 1C menggunakan Java Script dan React.js. Hari ini kita akan membahas peran dan pengaruh desain terhadap kecepatan pengembangan dan implementasi aplikasi seluler di 1C.
Mengapa desain sama sekali, jika semuanya sudah bagus di pasar IT, permintaan besar, pekerjaan dalam jumlah besar, dll?
Tiga alasan utama:
Mengurangi biaya, karena beberapa revisi / perubahan, ketika Pelanggan (internal / eksternal) melihat produk hanya setelah pengembangan, dan bukan SEBELUM pengembangan, yang dapat mempengaruhi.
Untuk meningkatkan "orang yang berpusat pada orang" dalam aplikasi bisnis yang dikembangkan, melalui karya desain awal (UX dan UI) yang bertujuan untuk mencapai tujuan individu yang menggunakan perangkat lunak.
Mempercepat implementasi perangkat lunak yang dikembangkan dan mengurangi beban dukungan teknis, baik milik kami sendiri maupun Pelanggan.
Pengembangan teknologi, ketika, sebelum memulai pemrograman, Anda dengan cepat, sederhana, dan murah merancang prototipe (MVP), mendiskusikannya secara online, menyetujuinya, dan menyerahkannya kepada pelanggan, setelah itu Anda mulai membuat kode - telah terbukti 100%.
Selain itu, ada pengalaman ketika kami merancang ide add-on / ekstensi ke konfigurasi biasa, meluncurkan milis di database internal dan mendapatkan prospek = $ di sana!
Bagaimana Anda menyukai Elon Musk? Bayar tanpa coding!
Di ponsel, topik desain UI dan UX, prototyping, MVP bahkan lebih tajam daripada di desktop. Jadi, dua tahun lalu, saya beralih ke sejumlah perusahaan dengan spesifikasi teknis untuk aplikasi seluler dan semua orang menawari saya kira-kira urutan implementasi proyek berikut:
Tahap 1. Penelitian dan penyusunan TK
● Pengumpulan dan formalisasi persyaratan;
● Pengembangan dan desain prototipe aplikasi;
● Pengembangan dan desain antarmuka UX / UI untuk layar utama aplikasi;
● Penyusunan spesifikasi teknis dengan penjelasan tentang prinsip fungsional.
Tahap 2. Pengembangan aplikasi berdasarkan dokumentasi yang dibuat pada tahap 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 :
Ternyata mengimplementasikan alat prototyping untuk platform seluler 1C jauh lebih sulit daripada desktop, karena logika elemen bentuk seluler platform 1C jauh lebih rumit daripada desktop, ada juga fitur elemen peregangan untuk pas dengan layar, dll. dll. Meskipun kami menguji proyek internal dan sejumlah klien, tetapi secara umum, teknologinya juga membenarkan dirinya sendiri: pengembangan dan pengiriman pekerjaan ke pelanggan meningkat setidaknya 25-30%, tetapi ada satu TETAPI: Anda perlu untuk menumbuhkan kompetensi desainer di dalam, menarik konsultan eksternal dari web dunia dan pengembangan seluler, sebagai hasilnya, 1C internal: Desainer muncul ;-)
Semua proyek yang sukses, kedamaian dan kebaikan!