The eCampusTours Rover provides users with their own campus personal tour guides.

The eCampusTours Rover is a tablet application that allows users to customize virtual tours of colleges and universities while on campus and connected to campus wifi. 

My design was selected from a submission pool of 40 to demonstrate good design techniques to a User Interface Design class at Tufts University.

 

The Problem

Tours are usually long and little of the information matters to me.
I like to walk slowly, but I can never hear at the back of a tour group
I’m too shy to ask the tour guide to show me the things I want to see

DESIRED FEATUREs

 

eCampusTours chose the following features to be included in their Rover.

  • Schedule of tour activities and pop-up reminders
  • Real-time tracking of location on a highly detailed campus map (plan view only)
  • Fun facts about the institution, linked to the user’s geographic location
  • Tours (multiple options tailored to the visitors’ interests), with visual and/or voice guidance
  • Direct telephone and messaging access to admissions department personnel
  • Information about on-campus shopping and dining
  • Directions to rest rooms
 

Conceptual Model

Based on their list of desired features, I developed the following conceptual model to match the user's established mental model.  (Some nodes in the conceptual model have been omitted).

 

the rover

 

The app is centered around the map view. Every window in the app is modal so that the user can easily access the map at any time. 

 

'Academic Tours' automatically animates to the opened state to signify that users can select options for their tour from the accordion menus. 

 
 

The top 'My Tour' bar appears only after a user starts a tour. Presenting users with this information outside of a tour would be unnecessary and overwhelming. 

 
Group.png
 
 

Locations that have been visited are greyed out to signify their completion and deemphasize them. The thick blue line draws the user's eyes to the next location. 

The large icon associated with each destination decreases reliance on text, which might be necessary if a user really needs to use the bathroom!

 

Each list item is split into two buttons: one to view a dining option’s menu and one to navigate to it. Subtle gradients provide affordance for the buttons, which are distinguished from each other by shape and color.

 

Portfolio