NOGGIN ONLINE

Web Site Information Architecture & Functional Design

For their version 2.0 web site, Noggin needed an information architecture and functional interface design that would satisfy their mission to support a child's natural urge to learn by creating a place where the learning is driven by them. My team at MONKEYmedia conducted the design analysis and wrote functional specifications providing for the growing needs of the web site. In addition to the overall site architecture, we incorporated online artifact creation, activity galleries, user-voted weekly showcases, a personal homepage builder and artifact library, and improved search and help systems. I also managed the creation of an advanced interaction concept for a future generation broadband version. The goal of these interaction prototypes was to give kids visual and interactive association with clusters of activities rather than a typical list or file folder type navigation which is not necessarily meaningful to children. It would also enable a more fluid viewing of the whole world of activities at once without scrolling or clicking back and forth.

Demo 1 - Flash prototype illustrating how kids might interact with Noggin.com activities using a pseudo-fisheye navigation model. In this model there are approximately 30 online activities to play with. This demo allows navigation between the orange and blue areas.

Demo 2 - Flash prototype illustrating how pseudo-fisheye navigation might scale as online activities multiply to around 100. This demo allows for navigation between the red and purple areas.


http://www.noggin.com

Sample flowcharts, use cases and screen schematics from this project are available upon request.