アプリデザインのベストプラクティス

概要

優れたデザインは文脈に左右されます。つまり、業界、オペレーター、プロセスの特定のニーズを考慮して決定され、各アプリとステップの目的と機能に応じて変化します。アプリのベストプラクティスは Life Sciences{target=_blank}アプリのベストプラクティスは、一般的な製造設計のベストプラクティスとは異なります。

しかし、どの業界においても、アプリのレイアウトや配色を標準化し、可能な限り複製可能なコンポーネントを作成したいと考えるでしょう。アプリのテンプレートとスタイルガイドは、アプリ開発者がその時々に下すべき決断の量を減らし、コンポーネント・ライブラリは手戻りを減らし、アプリの迅速な構築を可能にします。

まずは、以下のデザインテンプレートをご覧ください。 Tulip Library{target=_blank}これらのテンプレートをカスタマイズして、直感的でナビゲートしやすいアプリを構築するために、以下のベストプラクティスをご活用ください。

{width="500" height="315"}

アプリテンプレートの標準化

組織全体でインターフェイスを統一することは、美しさをアピールするだけではありません。認識可能なインターフェイスを作成し、意味を伝える色を意図的に選択することで、エンドユーザーのトレーニングの必要性を大幅に減らすことができます。

以下を参考にしてください。 Tulip Library templates{target=_blank}を参考にしてください。

標準化された配色は、アプリが直感的で、オペレーターが素早く簡単に画面をナビゲートできることを保証します。

フォントサイズは統一し、人間が読みやすいものにする。フォントサイズは、ディスプレイデバイス/インターフェースの解像度に合わせましょう。

主要なアクションボタンは、画面上で最も太い色にし、背景に溶け込まないようにします。オペレーターが必要なものを探すのに時間を浪費しないようにしましょう。

ボタンにアイコンを追加することで、ボタンが実行するアクションの視覚的なコンテキストを提供します。

コンポーネント・ライブラリの作成

アプリビルダーが簡単にコピー＆ペーストできるコンポーネントやテンプレートを作成することで、開発を劇的にスピードアップすることができます。一般的に使用される以下のアプリコンポーネントのライブラリを構築することを検討してください：

• アプリのベースレイアウト（タブレットとモバイルなど）
• ステップレイアウト（コンテナやパネルの配置など）
• 上下ナビゲーションバー
• メニューバー
• ルーティングまたはターミナル画面
• ダッシュボード
• フォーム（イベントフォームや欠陥フォームなど）
• チェックリスト
• 測定キャプチャ
• 一般的な横に並んだ情報（例：インタラクティブな表は、しばしば埋め込まれた表のレコードの隣に表示される）

ユーザーが表のデータを閲覧し、フォームを使ってフィールドを編集できる2パネル画面の例

主な情報が一番左のパネルに入力される2パネル画面の例

ユーザーの注意をタスクに集中させるモーダルステップの例

分析を表示するためのダッシュボードの設定例

デザインのベストプラクティスに従う

チューリップ・ライブラリーのガイドで、専門家によるアプリデザインの洞察をご覧ください。 App Design Best Practices{target=_blank}ガイドをご覧ください。アプリの魅力とユーザーエクスペリエンスを高める色、テキスト、ウィジェットのヒントをご覧ください。

カラー

テキスト

ウィジェット