The EnviroNet project requires implementing two different web sites. One that will handle the EnviroNet application interface for the mobile phone device, and a second one which purposes is to promote and inform about the stages, processes and people involved in the EnviroNet project. The later one will also include features to interact with the EnviroNet application.
Two approaches are put together to accomplish the navigation structure of both sites. Firstly, the application of non-linear models to structure the navigation closely to how the user may perceive the information. Secondly, the design of diagrams to help other team members to implementing the website.
EnviroNet Mobile Structure
The smallness of mobile phone screens restrict extremely the opportunities of designing rich navigational interfaces. The two dimensional space is almost limited to design vertically. Therefore the design of the navigation has been conditioned primary by usability testing, and interface design.
On the other hand, a diagram reflecting the processes and paths available to users has been depicted.
Click here to view the mobile site structure
Click here to view the mobile site structure (login and sign up)
Navigational Structure
It has been designed following the same principles that with the mobile phone interface. The difference is that content is not created dynamically. Most of the site is made of different static pages, with the exception of the section that allows EnviroNet application users to edit and delete posts through the site.
Click here to view the promotional site structure