My final group project for my CS1300 class involved a redesign of Brown University's scheduling event spaces interface. I implemented new designs to align with Brown's current color branding, keeping usability in mind at all stages of development.

 

Our major changes to the navigation include:

  •  Login screen: Because 25Live is inaccessible without a login, the first page shown should only display a login screen, with an “About” link. The affordances are obvious: the text boxes and the button will provide you access to the 25Live application, while links will redirect you to other Brown webpages. 
  • Navigation bar on top that remains consistent throughout the entire web application: helps direct users to their various goals in a quick and convenient manner. My Locations and My Events are now immediate options from this bar.
  • The language of available options for location search has been improved to help users more easily and efficiently navigate to their desired locations.
  • Search results display has been improved to help users more easily compare and contrast locations, filter rooms, and find a space.
  •  Breadcrumbs have been added to search page links to help user navigation, and a sidebar helps quickly summarize information, such as search filters or room details. 
  • The event space request form has been improved in terms streamlining the process of requesting a space, breaking up the form into segments, and clearly displaying to the user their progress through the form.
  • A clear and efficient display for “My Rooms” and “My Events” allows users to quickly access the availability of their saved locations, and check the status and information of event spaces that they have reserved.

 

Here are my own designs of the interface, shown below through my process!

 

The current interface:

 

My wireframes (through the process of booking an event): 

wireframesbalsam.png

 

Visual design language

Our visual redesign uses color palette and fonts that parallel Brown University websites, such as brown.edu, Canvas, and Self-Service. This visual consistency helps foster user recognition and trust.