以前、Java ScriptとReact.jsを使用して、1CでUI \ UXデザインが不足しているという問題をどのように解決するかを共有しました。今日は、1Cでのモバイルアプリケーションの開発と実装の速度に対する設計の役割と影響について説明します。
IT市場ですべてがすでに良好である、需要が大きい、作業が大量であるなどの場合、なぜ設計を行うのでしょうか。
3つの主な理由：
顧客（内部/外部）が何らかの影響を与える可能性がある場合、開発前ではなく開発後にのみ製品を見る場合、複数の改訂/変更によるコストを削減します。
ソフトウェアを使用して個人の目標を達成することを目的とした予備設計作業（UXおよびUI）を通じて、開発されたビジネスアプリケーションの「個人中心」を高めること。
開発したソフトウェアの実装を加速し、私たち自身とお客様の両方の技術サポートの負担を軽減します。
開発テクノロジでは、プログラミングを開始する前に、プロトタイプ（MVP）をすばやく、簡単かつ安価に設計し、オンラインで話し合い、同意して顧客に渡し、その後コーディングを開始します。これは100％証明されています。
さらに、典型的な構成へのアドオン/拡張機能のアイデアを設計し、内部データベースでメーリングリストを立ち上げ、そこにリード= $を取得したときの経験がありました！
イーロン・マスクはどうですか？ゼロコーディングは報われます！
携帯電話では、UIとUXの設計、プロトタイピング、MVPのトピックは、デスクトップよりもさらにシャープです。そこで、2年前、私はモバイルアプリケーションの技術仕様を持っている多くの企業に目を向け、誰もがプロジェクトの実装のおよそ次の順序を私に提供してくれました。
ステージ1。TKの調査と起草
●要件の収集と形式化。
●アプリケーションプロトタイプの開発と設計。
●アプリケーションの主要画面用のUX / UIインターフェースの開発と設計。
●機能原理の説明を含む技術仕様の作成。
ステージ2。ステージ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 :
1Cプラットフォームのモバイルフォームの要素のロジックはデスクトップよりもはるかに複雑であるため、1Cモバイルプラットフォームのプロトタイピングツールの実装はデスクトップよりも何倍も難しいことが判明しました。要素をストレッチする機能もあります。画面に合わせるなど。等 社内プロジェクトと多数のクライアントでテストを行っていますが、一般的に、テクノロジーはそれ自体を正当化します。顧客への作業の開発と提供は少なくとも25〜30％増加しますが、1つだけあります。デザイナーの能力を内部で成長させるために、世界のWebおよびモバイル開発から外部コンサルタントを引き付け、その結果、内部1C：デザイナーが登場します;-)
すべての成功したプロジェクト、平和と優しさ！