Kids First Identifier Badge

[dankolbman]

Screen Shot

Quick mockup (needs revision) of a kf_id badge displaying the key properties: 1) Non-dominant typeface and display 2) Color unique to the entity type (pink, study file) 3) Ability to copy to clipboard with copy icon

Design

Because these identifiers are usually only needed when debugging or sharing, they do not need to hold much weight on the page and should not draw attention unless needed. Another aspect of identifiers is that they contain the type of entity for which they refer to. This may be used to differentiate each entity type visually for quick scanning of the types of entities which the ids refer to. Of course, these style differences should be consistent throughout all implementations (eg: orange always refers to patient ids).

Use Cases

Kids First identifiers provide an easy way to reference particular instances within Kids First. Having a way to quickly view and copy the kf_id of an object is important for debugging or communicating data within Kids First.

Variations

Each kf_id's type should be easily identifiable by either a distinct icon or color. For example, the below colors are unique to releases, task services, and tasks:

Existing Implementations

Release Coordinator

Data Tracker

[bdolly]

@dankolbman I like this, however, at the moment we still need to establish color usage standards