Social Cheesecake: An UX-driven designed interface for managing contacts

TL;DR

This paper presents the design process and implementation of Social Cheesecake, a user experience-driven interface for managing contacts that considers context separation and tie strength, using paper and digital prototypes.

Contribution

It introduces a novel UX-driven design approach for contact management interfaces focusing on context and tie strength, with a prototype built in HTML5 and Javascript.

Findings

Effective use of paper prototypes for metaphor exploration

Successful development of an interactive HTML5/JavaScript prototype

Addressed key UX issues in social network contact management

Abstract

Social network management interfaces should consider separation of contexts and tie strength. This paper shows the design process upon building the Social Cheesecake, an interface that addresses both issues. Paper and screen prototyping were used in the design process. Paper prototype interactions helped to explore the metaphors in the domain, while screen prototype consolidated the model. The prototype was finally built using HTML5 and Javascript.