フロントエンド開発は人々が使うものを形作る

ビジネスルールと情報を、人々が理解できる画面に変換します。この作業は目に見えますが、アプリケーション全体で行われる決定に依存しています。

フロントエンド開発は、レイアウト、インタラクティブな要素、人の行動への応答を含む、ソフトウェアのユーザー向け部分を作成します。

画面はタスクをサポートすべき

フロントエンド作業は、人が達成する必要があることから始まります。たとえば、リクエストページには、その人の役割に関連する詳細、現在のステータス、利用可能なアクションを表示する必要があります。

レイアウトは注意を導きます。ラベルは選択肢を説明します。インタラクションデザインはアクション後に何が起こったかを示します。これらの詳細が、技術的に正しいソフトウェアが実用的に使えるかどうかを決定します。

すべての状況に明確な応答が必要

通常のパスはインターフェースの一部に過ぎません。フロントエンド開発は、情報の欠落、遅い応答、検証の問題、権限の制限、完了したアクションも処理します。

静止画像を判断するのではなく、実際のタスクで画面をレビューします。誰かに作業を完了してもらい、アクションを選択する前に何が起こると思うかを説明してもらいます。

フロントエンド用語

ユーザーインターフェース
人がソフトウェアを使用するための画面とコントロール。
レイアウト
画面上の情報とコントロールの配置と視覚的な順序。
インタラクション
人がクリック、入力、選択、または移動した後にソフトウェアが表示または実行すること。

優れたフロントエンド作業が確認すること

次のアクション

各画面で重要な選択やタスクを見つけやすくする。

すべての状態

インターフェースは読み込み中、空の結果、エラー、完了した作業を説明する。

異なるアクセスニーズ

人々がデバイスや入力方法を問わずインターフェースを理解し操作できる。

フロントエンド開発に関する質問

ソフトウェアのユーザー向けレイアウト、コントロール、インタラクティブな動作が含まれます。また、これらの要素が異なる状態や画面サイズでどのように応答するかもカバーします。

いいえ。見た目は重要ですが、フロントエンド作業は人々がどのようにナビゲートし、情報を入力し、ステータスを理解し、問題から回復するかも決定します。

フロントエンドは情報を提示し、アクションを送信します。バックエンドはルールを適用し、保存されたデータを処理し、フロントエンドが表示できる結果を返します。

ワークフローを使いやすく

CaffeineのアプリはInternet Computer上で動きます。そのために作られたパブリックネットワークです。