Personal tools

Identity Cards

From Social Patterns

(Difference between revisions)
Jump to: navigation, search
(New page: ===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 informatio...)
m
Line 1: Line 1:
-
===Problem===
+
===Problem===
-
    A user needs to get a more information about another participant
+
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).
-
      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]]<br /><span class="caption">Contact card as used on Yahoo!</span>
 
-
    [[Image:4-19-friendfeed-subscribedContactCard.png]]<br /><span class="caption">Contact card as used on Friendfeed</span>
 
-
   
 
-
      ===Use When===
 
-
    Use an identity card wherever a user's display image or display
+
[[Image:4-18-yahoo-xian-contactcard.png]]<br /><span class="caption">Contact card as used on Yahoo!</span>
-
      name is shown.
+
-
    Use when additional information about the participants is desired
+
[[Image:4-19-friendfeed-subscribedContactCard.png]]<br /><span class="caption">Contact card as used on Friendfeed</span>
-
      (in context) without adding clutter to the screen.
+
-
   
+
-
      ===Solution===
+
-
    Open a small panel when the user hovers over a target's display
+
===Use When===
-
      name or image.
+
-
    Present a larger version of the user's display image, the user's
+
Use an identity card wherever a user's display image or display name is shown.
-
      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]]<br /><span class="caption">flickr indicates relationship status in the overlay activated
+
Use when additional information about the participants is desired (in context) without adding clutter to the screen.
-
        by clicking the arrow next to the user’s avatar.</span>
+
-
    Present a Relationship Reflector. Yahoo! indicates if a user is in
+
===Solution===
-
      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
+
Open a small panel when the user hovers over a target's display name or image.
-
      or block the user from this panel.
+
-
    Optionally extend the above with contextual identity information
+
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).
-
      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
+
[[Image:4-20-flickr-contactindication.png]]<br /><span class="caption">flickr indicates relationship status in the overlay activated by clicking the arrow next to the user’s avatar.</span>
-
      participant in an online community in a predictable way in
+
-
      context.
+
-
    They provide the means to reduce identity-related clutter on the
+
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.
-
      screen.
+
-
    When ID Cards are used, Presence indicators, Reputation Emblems,
+
Allow the ability to subscribe to, follow, connect to, unsubscribe or block the user from this panel.
-
      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===
+
-
    [[Profile]]
+
Optionally extend the above with contextual identity information such as reputation information or links to new participation in the current context.
-
    [[Reflectors]]
+
-
    [[Attribution]]
+
-
   
+
-
   
+
-
      ===Credits/Sources/Attribution===
+
-
    Based on the work of Matt Leacock, Sara Berg and Yahoo! Social
+
===Rationale===
-
      Platform team
+
-
   
+
-
      ===As Seen On===
+
-
    * [http://profiles.yahoo.com Yahoo!Profiles]
+
Identity cards or badges allow the user to interact with another participant in an online community in a predictable way in context.
-
    * [http://www.friendfeed.com Friendfeed]
+
 
-
    * [http://www.flickr.com Flickr.com]
+
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===
 +
 
 +
[[Profile]] [[Reflectors]] [[Attribution]]
 +
 
 +
 
 +
===Credits/Sources/Attribution===
 +
 
 +
Based on the work of Matt Leacock, Sara Berg and Yahoo! Social Platform team
 +
 
 +
===As Seen On===
 +
 
 +
* [http://profiles.yahoo.com Yahoo!Profiles] * [http://www.friendfeed.com Friendfeed] * [http://www.flickr.com Flickr.com]

Revision as of 02:03, 26 December 2008

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

Profile Reflectors Attribution


Credits/Sources/Attribution

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

As Seen On