Since the system is private for the moment, I thought I’d share some screen captures to show what it looks like. You can click on each image to see a larger version.

But first let me show you some of the preliminary designs we developed:

One of the first designs

First designs - Explore section

One of the first designs for the people Groups

First designs - Groups

Although we had some okay-looking designs, before coding the actual XHTML we decided to go back to what’s essential, and we created what we called “live wireframes”: functional code, integrated with the backend, that showed however no design feature. This allowed us to concentrate on functionality and set any visual enhancement aside. Our very first pre-alpha prototype worked with such a setup: a bare interface with no design features save for the logo on one corner.

Live wireframe - Explore section

Live wireframe - Explore section

Live wireframe - Add infopoint

Live wireframe - Add infopoint

Live wireframe - Infopoint list

Live wireframe - Infopoint list

Finally, we started over and we mixed those live wireframes with a new design which inherited from the first but borrowed ideas from those usable wireframes.

This is what our current prototype looks like:

Prototype - Explore (clustered)

Prototype - Explore (clustered)

Prototype - Explore (unclustered)

Prototype - Explore (unclustered)

Prototype - Create Infopoint

Prototype - Create Infopoint

I’ll post new screen captures as new sections/features become available.

Share