web-dev-qa-db-ja.com

ユーザーの(名前)イニシャルを表示していますが、複数のユーザーが同じイニシャルを持っている場合はどうなりますか?

ユーザーが他の人にタスクを割り当てることができるアプリを設計しています。タスクの割り当て先を伝えるために利用できるスペースは、約23〜25ピクセルです。つまり、現在は2つのイニシャルを表示しているだけです。例:ミーガンスミスはMSとして表示されます

しかし問題がある。複数のユーザーが同じイニシャルを持っている場合はどうなりますか?

私たちが除外したオプションは、

  • 私たちは色を使って人を区別するのではありません。
  • ユーザーのサムネイルサイズの画像は煩雑になるため使用しません。

また重要-ユーザーは、タスクをロールオーバー/クリックすることなく、タスクが誰に割り当てられているかを知ることができる必要があります。ひと目でわかるようになっているはずです。

ここで何をすべきか?

9
nuwa

差し迫った問題の1つはスケーラビリティです。これは、絶対的な最大値として26 * 26の明確なユーザーをサポートできる唯一の方法ですが、これにはQXやZJなどのイニシャルを持つユーザーが必要になるため、実際には小さいセットになります。あなたはグローバルです。

ツールチップ(これは良いアイデアです)を除外しますが、他に考慮できることがいくつかあります。

  • 大きなパネル:ユーザーが一意に認識できるが、そのような小さなスペース(画像、ツールチップ)でそれらを作成するためのテクニックが重要である場合は、UIのスペースを増やします。
  • 制限されたユーザーのセット:実際に割り当て可能な場合にのみ、割り当て可能なユーザーを表示します。ここでは想定していますが、タスクの割り当ては通常、誰かだけでなく、特定の関連性のある人に対して行われます。
  • 役割に基づくマーキング:ユーザー役割の割り当てを許可し、この情報を使用します
  • 最後にタスクを割り当てたユーザー、または最後の3人にこのようなマークを付けます
  • 制限されたセットで同じイニシャルを持つ2人のユーザーに遭遇した場合は、一方をマークし、もう一方はマークしないでください。ただし、これを一貫させてください(これは他のマークと組み合わせても実際には機能しない可能性があります)。

私は数回マーキングすることに言及します。色よりもボーダーをお勧めします。異なるマークのオプションを提供する完全な境界線を使用する必要はありません。光沢を適用することもできます(Stack Exchangeがタグバッジで行うように)

8
Toni Leigh

それは少し数学に依存します。競合するケースでさらに1文字を追加すると、現時点ですべての競合が解決されるかどうかを確認できます(将来はわかりません)。たとえば、Megan SmithがすでにMSである場合、Matt SmithはMSmになる可能性があります。また、MeganをMeSに変換し、MattをMaSに変換することを検討して、より明確で有益な情報を維持することもできます。ただし、これらのシステムはどれも完璧ではなく、十分に拡張できません。

1
TheUser1024

25ピクセルの領域を「カード」として使用することをお勧めします。それをカードと呼ぶことで、私はカードの物理的なデッキを意味します。今それを比喩として保ちます-理想的にはカードの両面を持っているでしょう。デジタル世界ではタッチすることでカードをめくります。この "Person" "MS"の選択を確認するには、スライダーを使用してオン/オフにするか、右にスワイプ(それをビンに移動してさらにアクションを実行する)するか、コンテキストに最も適した根拠のあるアプローチ(このように説明しない)それ自身の主題になるでしょう)

これで正面に最初の「MS」または「MS2 "または" MS3 "、使用しています

  • numbersまたは最初の2文字が短縮された "Ma" "Me"は、違いをデコードするためのサブスクリプトまたはスーパースクリプトです。
  • 方向-文字の水平方向の流れを垂直方向に変更できますか?
  • 別のアイデアとして別の人々を区別するために別のタイプフェイスを使用することもできます。これにより、混乱を減らすことができますが、暗黙的な方法で人を識別するための行動属性を持つプロビジョニングが提供されます。
  • これらのオプションの組み合わせ

なぜ書体なのか?

あなたは色を使用することを怠っているので-型格の違いを使用することによってここでブランドのアイデンティティのアイデアを強化しようとしています。現在、これをサポートする研究はありません。しかし、ある期間にわたって、書体を個人に関連付ける場合、それは、個人のブランドアイデンティティまたは個人のアイデンティティに吸収され、顔、色、ドレスがどのように個人を定義するかということになります。

これで、カードの裏向き-これは、アプリ(またはその他の手段)で簡単なJSコードを使用してアニメーション化したトランジションであり、カードが反転します(覚えている-必要な場合、またはさらに悪い混乱が生じた場合にのみ反転する)、反転している間、パズルをさらにクラックしたり、解読したりする人のグラバターまたは特定の詳細を表示することができます。 -このステップは混乱を助けるための追加のフレーバーですが、差別化の単調な方法を殺すことをお勧めします-洗練されたニースのエクスペリエンスを構築しようとしています。

1
inkmarble

ユーザー登録時に、「表示されたイニシャル」と呼ばれるフィールドがあり、デフォルトでそのイニシャルがそこに置かれます。

それらが取られた場合、彼らに別のイニシャルのセットを選ばせる

1
J. K.

コントロールにカーソルを合わせると、ツールチップを追加して人物のフルネームを表示できます。

0
Aruna

それは仕事でもよく出くわす問題です。ツールチップは、デスクトップでは優れたソリューションでした。イニシャルの横にWHOボタンを表示して、フルネームまたは画像、あるいはその両方をタップすると表示できます。または選択すると、名前に完全なツールチップを含めることができます。したがって、アイテムを名前の上にドラッグすると、アイテムにフォーカスすると名前がいっぱいになります。それ以外の場合はイニシャル。

0
Esin

いくつかのアイデア。

  1. Arialフォントを使用した24px x 24pxは、3文字を明確に表示するのに十分なスペースです。そのため、フォントの選択とサイズの両方で遊ぶことができます。

  2. そのサイズは、個々のユーザーにグリフまたはアイコンを表示するための十分なスペースもあります。ヘッドショットのようなもの。それは、人々が自分の写真を選択するアプリケーションの機能である可能性もあります。電話で実行される多数の通信アプリは、通常これを行います。

0
NotMe