Visualizing mobile design pattern relationships

  • Authors:
  • Brent-Kaan White

  • Affiliations:
  • Oracle Corporation, Redwood City, California, United States

  • Venue:
  • MobileHCI '12 Proceedings of the 14th international conference on Human-computer interaction with mobile devices and services companion
  • Year:
  • 2012

Quantified Score

Hi-index 0.00

Visualization

Abstract

This paper describes the process of creating a design pattern management interface for a collection of mobile design patterns. The need to communicate how patterns are interrelated and work together to create solutions motivated the creation of this interface. Currently, most design pattern collections are presented in alphabetical lists. The Oracle Mobile User Experience team approach is to communicate relationships visually by highlighting and connecting related patterns. Before the team designed the interface, we first analyzed common relationships between patterns and created a pattern language map. Next, we organized the patterns into conceptual design categories. Last, we designed a pattern management interface that enables users to browse patterns and visualize their relationships.