interactive prototype
The prototype is implemented in HTML, with jQuery powering all of the behavior.
Most interactions were made trivial enough with jQuery's power that we were able to
build or at least fake them, and it was possible to put real, albeit canned, data into the
application, as this made the graphing feature much easier to implement.
jQuery
allowed us to approximate both the
design and the interaction flow quite well.
There were parts that we could not build, or are only approximated — the home screen wave, for instance, is more regular and periodic than it would actually be, but our implementation depended on the use of a sin wave so that we would not have to rely on drawing bezier curves in SVG. Similarly, as we are not capable of drawing arbitrary lines without the use of SVG, we were not able to implement graphing modes comparing days to any y-axis variable. Finally, as the interaction is well-defined by the iPhone and would have been difficult to implement, we did not implement the behavior for the multi-select control to choose potential distortions. Some features were considered future functionality, and would not have been implemented regardless of technical limitations. For instance, users should be able to pinch and zoom on any of the home screen views, but that feature is beyond the scope of this prototype.
To see our interactive prototype, you can go to the tour section of the site.