アプリのデザインに関する記事を読んだことがある人なら、レイアウト、プロトタイプ、モックアップ、ワイヤーフレーム、スケッチなど、さまざまな用語のリストに遭遇したことがあるでしょう。それぞれどう違うのでしょうか？実際、 no-code開発に関しては、それはあまり重要ではありません。
エディターでビジュアル部分を完全にデザインし、いつでも必要に応じて調整や変更を行うことができます。アプリを公開し、ユーザーが使い始めた後でも、データを失うリスクなしに外観やページのレイアウトを変更できます。
したがって、エディタに切り替える前にプロジェクトをどのような形式で提示するかはそれほど重要ではありません。 Figma のプロトタイプや Photoshop の画像、ペイントでの描画やフリーハンド スケッチ、さらには Excel スプレッドシートの図でも構いません。重要なことは、それがどのように機能するべきかについて明確なアイデアを持っていることです。
ただし、考慮すべき重要な点がいくつかあります。
必要なアプリを決定します: Web またはモバイル
相互接続する 2 つのバージョンのアプリケーションを作成できます。ユーザーの一部はモバイル デバイスで作業し、一部のユーザーはパーソナル コンピュータで作業し、データは共有されます。デザインは違いますが。
モバイル アプリケーションや Web アプリケーションの構築に慣れているエディターは異なるため、開始する前にその作業の詳細を一般的に理解することが重要です。ドキュメント内のそれらに関するセクションを読んでください。
ユーザーグループを定義する
利用できる機能に応じてユーザーをグループに分け、それぞれの違いを分析します。
ユーザーと管理者への分割についてだけ話しているわけではありません。アプリケーションが異なるアクセス レベルを持つクライアントや異なる部門の従業員によって使用される場合、特定のユーザーが使用できる機能やデータに応じて、個々の要素やページ全体を非表示または表示できます。
わかりやすい例が必要です
自分のアプリと同じようなアプリをできるだけ多く見つけてください。そのうちの 1 つをベースとして必要な機能を追加して使用したり、複数のアプリケーションの機能を 1 つに結合したりすることもできます。長所と短所を説明した候補リストを作成します。これは、レイアウトを作成するときだけでなく、テクニカル サポートに連絡してアドバイスを求めるとき、プロジェクトの実行者や投資家を探すとき、また新しいアイデアを生み出すときにも役立ちます。
ページを詳しく説明する
アプリケーションにどのようなページが含まれるのか、各ページにどのような情報を表示する必要があるのかを明確に理解する必要があります。
通常、アプリケーションには次のものが含まれます。
- ホーム ページ: 登録しているかどうかに関係なく、すべてのユーザーがこのページにアクセスします。
- 管理者ポータル: 設定とアカウントを管理します。
- アクセス レベルが異なるユーザーごとにページを分けます。
- 特定のアクションが実行されると、ポップアップ ページが表示されます。
- ユーザーへのサービス メッセージと、アクションの確認 (データ送信への同意など) を示す別のウィンドウについても忘れないでください。
データ交換も忘れずに
アプリケーションがデータをどこに受け取り、どこに送信するかを考えてください。すべての情報はユーザーから得られるのでしょうか?どのようなプロセスを自動化できますか?
データの一部はサイトから取得したり、会計プログラムからダウンロードしたりできます。アプリケーションへのログインを簡素化するには、Google や Facebook などの大規模なサービスの認証を使用します。これには、「データのアップロード」ボタンや「Facebook でログイン」ボタンなど、別のインターフェイス要素が必要です。
一度にすべてを考えるのが難しい場合は、必要最小限の機能をまとめたレイアウトを作成し、将来追加したい機能については別途考えを書きます。何か問題がある場合は、当社のテクニカル サポートの電報チャネルまでご連絡ください。いつでも喜んでお手伝いいたします。
