From Open Knowledge Foundation

Contents 1 Where Does My Money Go? User Journeys and Screens 2 Overview of User Journeys 3 Main Screens 3.1 General Comments 3.1.1 From RP: 2010-05-28 3.2 Daily Bread 3.3 Financial Bubbles (v2) 3.4 Compar-o-tron 3.4.1 Compar-o-tron A: Side-by-side Bars 3.4.2 Compar-o-tron B: Bubbles 3.5 Time 4 Existing Dashboard 5 Fact of Fiction (Media Stories) 6 Data Store 7 General Issues 7.1 Accuracy and estimation 7.2 Iconography

Where Does My Money Go? User Journeys and Screens

Overview of User Journeys

• Sitemap and Key User Journeys|&do=get
• User profiles and engagement
• Old Earlier review of prototype (gdoc)

Template:Http://farm2.static.flickr.com/1007/4603057613 80fd50a080 o.jpg

Main Screens

General Comments

From RP: 2010-05-28

1. Some issues with Victorian style (tho' overall like it). Feel sometimes little at odds with the iconography and a couple of people have mentioned how the curlices etc can be a visually distracting/lead to lack of clarity (e.g. in daily bread separation between "interesting" and "main" group isn't as clear because of similarity of separators and not sure how new level appearance would work when from a group not in the centre e.g. Our Streets on far right ...)
2. Probably need more colour -- sure this is already under consideration
3. Iconography. Really nice. Some of the icons are too detailed to be instantly recognisable. (e.g. riot gear man isn't as clear as he might be etc) but sure more is planned here. Good to get vector, or better, line-art versions, that we can scale up, and tiny versions we can scale down?
4. Need more info on things like transitions (within and across views) and details (e.g. ballpark, official source, personal/global switcher etc).

Daily Bread

• Daily Bread Screens Walkthrough (ppt)|&do=get

From RP (2010-05-28):

• Worried that there is a lack of distinction between "key areas" and "interesting" -- perhaps can handle this via colouring or could move this on the screen.
• Also wonder how we deal with extra levels given screen real estate issues? Currently have 3 available in some areas at the moment and 3 levels + interesting may be too much.
• Possible to get a source vector/bitmap for others to play around with.

Template:Http://farm5.static.flickr.com/4057/4624215588 8d0d4d0fa6 o.png

Financial Bubbles (v2)

See also http://www.flickr.com/photos/okfn/sets/72157623975681301/

From RP (2010-05-28):

• Really nice.
• Colour seems essential for distinguishing grouping
• Need to think about transitions

Template:Http://farm5.static.flickr.com/4066/4624235540 139b15545a o.png

Compar-o-tron

Compar-o-tron A: Side-by-side Bars

Would replace existing regional comparison.

• However discussion about this at the moment. Depending on time requirements may keep existing regional comparison.

Template:Http://farm5.static.flickr.com/4042/4623584907 d042583751 o.png

Compar-o-tron B: Bubbles

Template:Http://farm4.static.flickr.com/3353/4624190848 027c2cbcf4 o.png

Time

Based on existing dashboard

NB: look and feel to be merged with new look as above

Template:Attachment:../Model/WDMMG-longrange-v3.png

Existing Dashboard

• More detail on the data structures, for UX purposes
• Views in the Dashboard application
• Structuring navigation using icons
• Dashboard Interface Design

NB: look and feel to be merged with new look as above

Template:Attachment:../Model/WDMMG-regions-v3.png

Fact of Fiction (Media Stories)

Web page -- no specific design

Data Store

See http://data.wheredoesmymoneygo.org/

General Issues

Accuracy and estimation

Iconography and text to indicate where figures are precise or inaccurate.

Iconography

Current iconography is nice but may need extending and careful examination