アプリのデザインに関する記事を読んだことがあれば、レイアウト、プロトタイプ、モックアップ、ワイヤーフレーム、スケッチなど、さまざまな用語のリスト全体に出くわしたことでしょう。それらはどのように異なっていますか?実際、ノーコード開発に関しては、それは実際には重要ではありません。

エディターでビジュアルパーツを完全にデザインし、いつでも好きなように調整や変更を行うことができます。アプリを公開してユーザーが使い始めた後でも、データを失うリスクなしに外観とページのレイアウトを変更できます。

したがって、 エディターに切り替える前にどのような形式でプロジェクトを提示するかはそれほど重要ではありません。これは、Figmaのプロトタイプ、Photoshopの画像、Paintの描画、フリーハンドスケッチ、Excelスプレッドシートの図などです。主なことは、それがどのように機能するかについて明確な考えを持っているということです。

ただし、考慮すべき重要な点がいくつかあります。

必要なアプリを決定する:ウェブまたはモバイル

相互接続されるアプリケーションの2つのバージョンを作成できます。一部のユーザーはモバイルデバイスから、一部はパーソナルコンピューターから作業し、データは共有されます。デザインは異なりますが。

モバイルアプリケーションとWebアプリケーションの構築にはさまざまなエディターが使用されます。開始する前に、それらの作業の詳細を一般的な用語で理解することが重要です。 ドキュメントのそれらに関するセクションをお読みください。

ユーザーグループを定義する

ユーザーが利用できる機能に応じてユーザーをグループに分け、ユーザーの違いを分析します。

ユーザーと管理者への分割について話しているだけではありません。アプリケーションが異なるアクセスレベルのクライアントまたは異なる部門の従業員によって使用される場合、特定のユーザーが使用できる機能とデータに応じて、個々の要素、さらにはページ全体を非表示または表示できます。

説明的な例が必要です

自分のアプリにできるだけ似ているアプリをできるだけ多く見つけてください。必要な機能を追加することで、それらの1つをベースとして使用できる場合や、複数のアプリケーションの機能を1つにまとめたい場合があります。長所と短所の説明を含む候補リストを作成します。これは、レイアウトを作成するときだけでなく、技術サポートにアドバイスを求めたり、プロジェクトの実行者や投資家を探したり、新しいアイデアを生み出したりするときにも役立ちます。

ページを詳しく説明する

アプリケーションにどのページが表示され、各ページにどのような情報が表示されるかを明確に理解する必要があります。

通常、アプリケーションには次のものが含まれます。

  • ホームページ:登録されているかどうかに関係なく、すべてのユーザーがこのページにアクセスします。
  • 管理ポータル:設定とアカウントを管理します。
  • アクセスレベルが異なるユーザー用に個別のページ。
  • 特定のアクションが実行されると、ポップアップページが表示されます。
  • ユーザーへのサービスメッセージと、アクションの確認(データ送信の同意など)を含む個別のウィンドウを忘れないでください。

データ交換を忘れないでください

アプリケーションがデータを取得する場所と送信する場所について考えてください。すべての情報はユーザーから提供されますか?自動化できるプロセスは何ですか?

一部のデータは、サイトから取得したり、会計プログラムからダウンロードしたりできます。アプリケーションへのログインを簡素化するには、GoogleやFacebookなどの大規模なサービスの承認を使用します。これには、「データのアップロード」ボタンや「Facebookでログイン」ボタンなどの個別のインターフェース要素が必要です。

一度にすべてを考えるのが難しい場合は、必要な機能を最小限に抑えたレイアウトを作成し、将来追加したいものについて個別に考えを書いてください。問題が発生した場合は、テクニカルサポートの電報チャネルにご連絡ください。いつでも喜んでお手伝いいたします。