見出し画像

🍎HIGざっくりまとめ Patterns編 vol. 5 Entering data(データ入力)

情報入力は、どのようなインタラクション手法を用いても、面倒な作業になります。できるだけ多くの情報を事前に収集し、入力に必要なデータ量を最小限に抑えるとともに、利用可能なすべての入力方法をサポートし、利用者が自分に適した方法を選択できるようにすることで、利用体験を向上させることができます。


ベストプラクティス

  • 可能な限りシステムから情報を取得する。
    位置情報やカレンダー情報など、設定から自動的に収集できる情報や、本人の許可が必要な情報については、提供を求めないようにしましょう。

  • 必要なデータについて明確にする。
    例えば、テキストフィールドにプロンプトを表示したり("username@company.com "など)、情報を説明する導入ラベル("Email "など)を用意したりします。また、フィールドに適切なデフォルト値をプリフィル(事前入力)することで、意思決定を最小限に抑え、データ入力を高速化することができます。

  • 適切な場合は、安全なテキスト入力フィールドを使用します。
    アプリやゲームで機密性の高いデータを入力する必要がある場合は、入力時に文字が見えないようにするフィールドを使用します。

  • 複数アイテムのドラッグ&ドロップをサポートします。
    アイテムを個別にドラッグする代わりに、複数のアイテムをまとめて目的地にドラッグできる利便性は、多くの人に支持されています

  • パスワードフィールドを事前に入力しない。
    常にパスワードの入力を求めるか、生体認証またはキーチェーン認証を使用します。

  • フィールドの値を動的に検証する。
    長いフォームに入力した後に、もう一度戻って間違いを修正しなければならないと、ユーザーはイライラすることがあります。

    • 入力と同時に値を検証し、問題があればすぐにフィードバックすることで、間違いをすぐに修正する機会を提供できます。

    • 特に数値データについては、数値フォーマッタの使用を検討しましょう。このフォーマッタは、テキストフィールドが数値のみを受け付けるように自動的に設定します。また、フォーマッターを使えば、小数点以下の桁数、パーセント、通貨など、特定の方法で値を表示させることもできます。

  • 可能な限り、テキスト入力ではなく、選択肢を提供する。
    キーボードで入力するよりも、選択肢の中から選ぶ方が簡単で効率的です。ピッカーやメニューなどの選択機能を使えば、必要な情報を簡単に提供することができます。

  • 可能な限り、ドラッグ&ドロップやペーストでデータを提供できるようにしましょう。
    データ入力が容易になり、他のシステムと統合されたエクスペリエンスを実現することができます。

  • データが本当に必要な場合は、データを収集した後に「次へ」を有効にします。
    「次へ」または「続ける」ボタンを有効にする前に、すべての必須フィールドに値があることを確認します。ボタンが有効になると、ユーザーは次に進むべき時が来たと認識します。


感想

フォームのユーザービリティは細かいチップがたくさん世に存在してますが、HIGではシンプルな原則を述べてるようです。
とにかくユーザーが入力すべき項目や手間(考える手間も含む)を減らして、でもパスワード入力は省略せずに!
システムから情報収集するのはwebよりアプリの方ができそう(勝手なイメージ)


この記事が気に入ったらサポートをしてみませんか?