seen + learned

MIT Annotation Studio UI

Posted: Monday, April 8, 2013 | Posted by Debby Levinson | Labels: , , ,

Annotation Studio is a set of collaborative online annotation tools developed by MIT’s HyperStudio program. The software allows students to annotate literary texts and other documents with text, video, audio, and hyperlinks. Students may also view and build upon each other’s notes, allowing for a more participatory experience than traditional solo book review and annotations.

MIT approached us to refine Annotation Studio’s color palette, typography, iconography, and visual approach to displaying annotations and other metadata. To meet technical requirements, we designed styles and visual elements that could quickly be implemented within Twitter Bootstrap.

Work included:

  • Heuristic review
  • Visual design refinement

Annotation Studio documents list
List of documents

Highlighting text to annotate
Highlighting text to annotate

Saving an annotation
Saving an annotation


Post a Comment

Note: Only a member of this blog may post a comment.