User Interface

As Lyn described in a previous post, our users' ideas about CloudBank are in many ways different from our original idea. While the initial design focused primarily on collecting and sharing content, users emphasised browsing and filtering content already in the system. Other high priority requirements were a quick application start-up, support for links to online content and a personal dictionary mode.

The Balsamiq mockups below show how we translated these requirements into four application screens in the CloudBank app:



Clockwise from top left: 1) Welcome screen with 'personal' list of content items contributed or edited by this user. 2) Edit screen to enter and edit content, with sub-activities to take a picture, record audio, add link to online content. 3) Detail screen for list items selected in (1) or (4), with direct option to edit the content. 4) Browse screen with all content items and options for full-text search and tag based filtering.