socialmedia-02.png

Berkeley Mobile

Berkeley Mobile 

A redesign of a campus resource app

2017-2018   UI UX Design

socialmedia-02.png
 

 

Background

Berkeley Mobile is a campus resource app that provides navigation, dining hall menus, library information, and gym classes.  From Fall 2017 to Spring 2018, I worked under the ASUC Office of the Chief Technology Officer with a team of talented coders on the platform.

 

The Problem

The previous Berkeley Mobile UI aimed for consistency over function and information had inadequate layouts with respect to each resource. By redesigning the interface, Berkeley Mobile wanted to provide a more intuitive and enjoyable user experience.

 

User Research

We conducted usability tests with various college students with different backgrounds.  In addition, we found anonymous feedback through app store reviews and reddit.

Screen Shot 2018-06-08 at 7.44.13 PM.png

Research Insights

We found that there were two main areas of concern with the interface: accessibility and categorization.

 
Screen Shot 2018-06-08 at 7.49.18 PM.png

 

Redesign Goals

1. Streamline-improve user flow and lessen the amount of clicks to pertinent information

2. Organize- reformat and label the information according to each feature's needs

 

Final Mockups

bm style.png
final.png

 

Takeaways and Reflections

During my time at Berkeley Mobile, I enjoyed working collaboratively in teams.  We worked hard to outline and reflect our values, the most important being that we design for students.  We reached out to the greater UC Berkeley community through user testing and in-app promoted feedback.  As a designer, I was able to create a cohesive style guide and learn how to design for both android and iOS.