Projects/Where Does My Money Go/UX and Design

= UX and Design =

This is a page to document plans for next phase (2010-Spring) WDMMG UX and Design.

= User Journeys =

See ../User_Journeys

= Site Mockup =


 * Wireframes|&do=get

= Meetings =


 * Notes from Design team meeting 2010-05-07
 * Meeting since have been part of regular WDMMG catchups

= Material =

Areas/Ideas to Work on
See also ../Use_Cases. These are in rough order of priority. As of 2010-04-26 1-3 are for immediate working on:


 * 1) current Overall design/UX experience (integration of site, store, and visualizations)
 * 2) current my money
 * 3) current "Interaction box" in frontend: comment-on-it, share-it, see comments, more info (notes), vote-on-it (?)
 * 4) current Any necessary redesign of dashboard and general iconography
 * 5) More detailed data (CRA)
 * 6) Voting/altering spending
 * 7) Research on new viz possibilities

From Steve

 * WDMMG review of current tool (gdoc)

From Liz

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

New

 * Comparotron A
 * Notes on User Testing

Integration Challenge
We are obviously interested in improving the current prototype. However, it was built with very fragmented data, and that we can make a much more integrated user experience with the next round. Hence, the most pressing need we have is framing the supporting website around the visualization, so that it can be integrated seamlessly into conventional browsing and sharing processes.

This means:
 * better explanations of what the whole project is about
 * supporting narrative of how spending works (functions, central vs local govt etc)
 * technical solutions for breaking down the navigation experience
 * elegant solutions for deep linking

How we can weave visualizations (dashboard etc) into a broader, more accessible story, because once we have that bigger picture, I think it will be much easier to define what goes on in the visualizations.