web-dev-qa-db-ja.com

パブリックおよびプライベートプロファイルフィールドを管理するためのインターフェイス

私の以前の質問はやや混乱し、答えるのが少し難しいことに気付きました。私は状況を考え、その質問を削除してこれを質問することを決定しました(どちらが良いですか).

ユーザーがProfile pageAccount Settings pageにアクセスできるシステムを構築しています。

サイト管理者は、システムでカスタムフィールドを作成および編集できます。たとえば、Linuxに関するWebサイトを実行している場合、Display nameのデフォルトフィールドに加えて、Favorite linux distributionYears using favorite linux distributionCountryLinux conferences attendedなどのフィールドを追加できます。

各カスタムフィールドは、システム管理者がpublicまたはprivateとしてマークできます。たとえば、次のフィールドを持つことができます。

  • Favorite linux distribution (PUBLIC)
  • Years using favorite linux distribution (PUBLIC)
  • Country (PUBLIC)
  • Linux conferences attended (PUBLIC)
  • Number of children (PRIVATE)
  • Relationship status (PRIVATE)

これはプロフィールページのようです

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

質問:

パブリックフィールドとプライベートフィールドを編集するための別のインターフェイスが必要ですか?

以下は、パブリックフィールドとプライベートフィールドの編集を1つのインターフェイスに結合したモックアップです。

mockup

bmmlソースをダウンロード

個別のインターフェースを使用すると、次のようになります。

mockup

bmmlソースをダウンロード

パブリックフィールドとプライベートフィールドを編集するための個別のインターフェイスがある場合、管理者はこれらのフィールドをどのように管理する必要がありますか?現在、パブリックフィールドを管理するためだけのフォームエディターがあります。

mockup

bmmlソースをダウンロード

エディターはwhat you see is what you getです。フィールドを特定の方法で注文し、各フィールドを特定の方法で編集すると、ユーザーが編集プロファイルフォームを使用したときに表示されるものとまったく同じになります。

問題:パブリックフィールドとプライベートフィールドを編集するための個別のインターフェイスがある場合、フィールドをパブリックからプライベートに、またはその逆に簡単に変更できるインターフェイスが必要です。パブリックフィールドとプライベートフィールドに別々の順序を定義できるはずです。

私はそのようなインターフェースについて考えました:

  • ユーザーは、スクロールリスト内のフィールドをドラッグして並べ替えることができます。
  • ユーザーはスクロールリスト間でフィールドをドラッグして、それらをパブリックフィールドまたはプライベートフィールドに変えることができます。

mockup

bmmlソースをダウンロード

上記のインターフェースの問題は、先に概説したWhat you see is what you getインターフェースよりもはるかに劣ることです。また、フィールドを視覚化することはより抽象的で困難です。

これを行うより良い方法はありますか?

最後に、プライベートフィールドをどのように呼び出す必要がありますか?private fieldsという用語自体は、サイト所有者がその情報をどのように使用するかをユーザーに実際に伝えるのではなく、単に公開されないことを示すだけです。

2
F21

パブリックフィールドとプライベートフィールドを編集するための別のインターフェイスが必要ですか?

いいえ、私は下で説明するアプローチが好きです。おそらく、facebook(たとえば、facebookから地球儀)からアイコンを盗むことはできますが、そのアイコンにカーソルを合わせても効果的ではありません。おそらく、フィールドにホバーします(ただし、フォーカスではなくホバーします)。したがって、ホバーの説明では、異なるビジュアルを持つプライベートフィールドがプライベート性について裏側に表示されます。

個別のインターフェースについては、すべての人がメニューとフォームの間のその行を実際に読むとは思いません。通常、マーケティングはフォームの最初に多くのでたらめを置くことができるので、それらを逃します...

パブリックフィールドとプライベートフィールドを編集するための個別のインターフェイスがある場合、管理者はこれらのフィールドをどのように管理する必要がありますか?

List inlay パターンを使用してエディターを作成し、フロントエンドで使用するのと同じ視覚的区別を使用すると、うまくいくと思います。他の「メタデータ」フィールドも必要になると確信しています。「可視性」と呼ばれる編集パネルの単なるドロップダウンコンボボックスにして、リストビューの場合も同じように視覚的に区別してください。

スクロールに関しては、質問リストの端にドラッグ可能なアフォーダンスを追加するか、ここに「投票システム」と同じように上下一対のボタンを追加します。

最後に、プライベートフィールドは何と呼ばれるべきですか?プライベートフィールドという用語自体は、サイトの所有者がその情報をどのように使用するかをユーザーに実際に伝えるのではなく、単に一般に公開されないことを示しています。

サイトの所有者に何かを伝えるだけのユーザーの目標は何でしょうか?特に婚姻状況については、独身の女の子がサイトの所有者に電話することを期待していますか?他の人からそれを非公開に保ちながら、サイトにこれを伝えることのユーザーの利点は何でしょうか?

(ログインしているメンバー、ソーシャルネットワーク上の友達、またはサブスクリプションを承認した人にのみ何かを表示することのメリットは何でしょうか。それは「プライベート」ではありません)

Wufoo またはGoogleフォーム( Google Docs の一部)などのオンラインフォームビルダーから手がかりを取得します

そして、恥ずかしがらないでください、これらは今のところかなり良いデザインです!

1
Aadaam

これらの線に沿って何かはどうですか?

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
vzwick