web-dev-qa-db-ja.com

ユーザーカードに空のフィールドを表示する最良の方法は何ですか?

ダッシュボード用のユーザーウィジェットを作成しています。ここで空のフィールドを埋める最良の方法は何ですか?

enter image description here

空のラベルはここで非表示にできません。また、「情報がありません」を使用した場合、やり過ぎと思われますか?誰でも私を助けてくれますか?

6
Sudeep

フィールドを空白のままにしないでください

フィールドが空白の場合、ユーザーは空白スペースが意図的なものである(およびページ/ウィジェットエラーではない)ことを示しません。ユーザーの混乱を避けるために、出版社が 意図的に空白 の通知を印刷するのと同じ理由で:

blank

スクリーンショットでのプレゼンテーション(-インジケーター)は、ユーザビリティの観点からは正常に機能します。


より近代的なアプローチ

現在、ユーザーは予測できない数のデバイスと電子メール/電話/物理アドレスを持っています。したがって、(Googleコンタクト、Android/iOS、その他のアプリで使用されている)ユーザーカードへの人気のある現代的なアプローチは次のとおりです。

enter image description here

このアプローチは、カードのフィールド数に柔軟性を提供し、空白のフィールドを非表示にしてプレゼンテーションを簡素化します。

このパターンがあなたのアプリケーションに適しているかどうかを決めるのはあなた次第です。

7
tohster

ユーザーがこれらの詳細を編集することは可能ですか?

ロックダウンされていない場合は、「詳細の追加」などのタイトルのある編集状態トリガーを追加して、ユーザーにこれらの空のアイテムを入力することをお勧めします。

空のフィールドが表示されてユーザーに入力するように促す機会を無駄にするのは残念なことです。

0
Andrew Martin