用户名显示的 Tuftian 设计
我正在开发一个包含主要社交网络组件的网站。
我想要简短的用户名显示（1个图标（也许 2）+一个风格化的用户名）来指示：
- 状态（活动、空闲、离开、离线）- 字体粗细
- 头像（自动生成或上传）- 16x16px 前缀图标
- 与当前用户的显式关系（关注者、关注者、共同朋友、FOAF、无）- 色调？
- 与当前用户的隐式关系（基于交互级别的标量）-饱和度？
- 预测匹配（基于 AI 的多标量）- 替换头像图标？
更多信息和细节将在工具提示中。这个核心部分将显示在各处（例如 StackOverflow 评论中的用户名样式，而不是帖子签名中），因此需要紧凑且优雅。它不需要完美地显示这些数据——这就是工具提示的用途——但它至少应该给出一个微妙的指示。
“明确的关系”是指 Facebook/Twitter 类型的“好友关系”。这更多的是一种权限，而不是一种真正的“关系”本身。
它提供的一项安全功能是帮助防止有人试图用与您的一位朋友相似的用户名来欺骗您 - 您会注意到他们被隐式地标记为与您无关。显式状态还会影响工具提示中可用的操作（例如，您不能与朋友加好友，或戳非朋友）。
“隐性关系”是指，例如，您一直与之交谈的 2 个人、您经常联系的 10 个人、您列为“朋友”但从不与之交谈的 50 个人、以及您尚未交谈的 50 个人之间的区别。 ）列为您的“朋友”但已交谈过。
“预测喜好”是一个非常复杂的后端人工智能的输出，类似于 OKCupid 的“匹配分数”；它的目的是轻轻地推动您与您可能更喜欢的人交谈。在对你零了解的情况下，它会降低到 Slashdot 式的“客观”业力评级。我可能还想显示一些半明确的提示，比如人工智能是否认为你会发现这个人“有趣”与“有趣”。
我怎样才能以最优雅的方式指示上述事情？
I'm working on a website with a major social networking component.
I want the short username display (1 icon (maybe 2) + a styled username) to indicate:
- presence (active, idle, away, offline) - font weight
- avatar (autogen or uploaded) - 16x16px prefixed icon
- explicit relationship to current user (followee, follower, mutual friend, FOAF, none) - hue?
- implicit relationship to current user (scalar based on level of interaction) - saturation?
- predicted match (multiscalar based on AI) - replaces avatar icon?
More info and details will be in a tooltip. This core part will be displayed all over the place (think e.g. the styling of usernames in StackOverflow comments, not in post signatures), and therefore needs to be compact and elegant. It doesn't need to show these data perfectly - that's what the tooltip is for - but it should give at least a subtle indication.
"Explicit relationship" means Facebook/Twitter-type "friending". This is more a permissions thing than a real "relationship" one per se.
One security feature it gives is to help prevent someone from trying to fool you with a username that looks similar to one of your friends' - you'll notice that they are implicitly colored as unrelated to you. Explicit status also affects what actions are available in the tooltip (e.g. you can't friend a friend, or poke a non-friend).
"Implicit relationship" means e.g. the difference between the 2 people you talk to all the time, the 10 you have regular contact with, the 50 you listed as your "friend" but never talk to, and the 50 you don't (yet) list as your "friend" but have talked to.
"Predicted liking" is the output of a very complex backend AI, à la OKCupid's "match score"; its purpose is to gently nudge you towards talking to people you'll probably like more. In the zero-knowledge-about-you case, it reduces to a Slashdot-style "objective" karma rating. I may also want to display some semi-categorical hints, like whether the AI thinks you'll find this person 'funny' vs 'interesting'.
How can I indicate indicate the things above in a maximally graceful way?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在您可能分配给用户名显示的少量空间中一次显示这么多内容可能不是一个好主意。我认为，最多可以一次显示 3-4 个内容而不会让用户感到困惑。不仅如此，用户还会对什么是什么感到困惑。记忆任务将击败所有可用性方面。
显示所有内容的另一种方法是使用类似弹出窗口的东西，但即使这对于您想要显示的信息量来说也不是一个好主意:(我认为如果您可以简化问题，您可能会更好这样你最终会得到更少的变量。
It might not be a good idea to show so many things at once in the small amount of space you will probably allocate to the display of the username. I think, at best you can show 3-4 things at once without confusing the user. More than that, and the user will be confused as to what is what. The task of remembering will defeat all usability aspects.
Another way to show all the stuff would be using a popup-like thing, but even that is not a good idea for the amount of information that you want to show :( I think you will probably be better off if you can simplify the problem so that you end up with fewer variables.