我正在一个主要社交网络组件的网站上工作。
我想要短用户名显示（1个图标（可能 2）+样式用户名）来表示：
更多信息和详细信息将在工具提示中。这个核心部分将在所有地方显示（例如，在StackOverflow评论中考虑用户名的样式，而不是在帖子签名中），因此需要紧凑和优雅。它不需要完美地显示这些数据 - 这就是工具提示的用途 - 但它应该至少给出一个微妙的指示。
“明确的关系”是指Facebook / Twitter类型的“朋友”。这本身就是权限，而不是真正的“关系”本身。
它提供的一个安全功能是帮助防止某人试图使用与您的某个朋友类似的用户名来欺骗您 - 您会注意到他们被隐含着色与您无关。显式状态还会影响工具提示中可用的操作（例如，您不能与朋友交朋友，也不能戳非朋友）。
“隐含关系”是指例如你经常交谈的2个人之间的差异，你经常联系的10个人，你被列为“朋友”但从未与之交谈的50人，以及你没有（但尚未）列出的50人作为你的“朋友” “但已经谈过了。
“预测喜欢”是一个非常复杂的后端AI的输出，即OKCupid的“匹配得分”;它的目的是轻轻地推动你与你可能更喜欢的人交谈。在零知识 - 关于你的情况下，它减少到Slashdot风格的“客观”业力评级。我可能还想显示一些半分类的提示，比如AI是否认为你会发现这个人“有趣”而非“有趣”。
我如何能够以最优雅的方式表明上述内容？
答案 0 :(得分：1)
在可能分配给用户名显示的少量空间中同时显示这么多内容可能不是一个好主意。我认为，你最多可以同时展示3-4件事而不会让用户感到困惑。更重要的是，用户将被混淆为什么是什么。记住的任务将击败所有可用性方面。
显示所有内容的另一种方法是使用类似弹出窗口的东西，但即使这样对于您想要显示的信息量也不是一个好主意:(我认为如果可以，你可能会更好简化问题，以便最终减少变量。