Personal tools

Identity Cards

From Social Patterns

Jump to: navigation, search

Contents

Problem

A user needs to get a more information about another participant in an online community without interrupting his or her current task. The needed information might include identity information (to aid in recognition and to help the user relate to the participant) or reputation information (to help the user make decisions regarding trust).



Image:4-18-yahoo-xian-contactcard.png
Contact card as used on Yahoo!

Image:4-19-friendfeed-subscribedContactCard.png
Contact card as used on Friendfeed

Use When

Use an identity card wherever a user's display image or display name is shown.

Use when additional information about the participants is desired (in context) without adding clutter to the screen.

Solution

Open a small panel when the user hovers over a target's display name or image.

Present a larger version of the user's display image, the user's full display name, and other pertinent information about the target that they choose to share with the community (Real Name, Age, Gender, Location).

Image:4-20-flickr-contactindication.png
flickr indicates relationship status in the overlay activated by clicking the arrow next to the user’s avatar.

Present a Relationship Reflector. Yahoo! indicates if a user is in your connections. Flickr shares whether the person is a contact or a friend. Friendfeed indicates whether or not you subscribe to that person’s status feeds.

Allow the ability to subscribe to, follow, connect to, unsubscribe or block the user from this panel.

Optionally extend the above with contextual identity information such as reputation information or links to new participation in the current context.

Rationale

Identity cards or badges allow the user to interact with another participant in an online community in a predictable way in context.

They provide the means to reduce identity-related clutter on the screen.

When ID Cards are used, Presence indicators, Reputation Emblems, and Relationship Reflectors can be tucked away but easily accessible. Truncated nicknames can be expanded. Block links can be made less salient. Small or tiny (often illegible) display images can be shown at a more recognizable size to better humanize an online community and increase positive participation.

Related Patterns

Credits/Sources/Attribution

Based on the work of Matt Leacock, Sara Berg and Yahoo! Social Platform team

As Seen On