top of page


Collaboration Hub System at UC Berkeley Campus in 2030


Bears'Hub is a collaboration hub system embedded in the Berkeley campus to facilitate collaboration among students from different backgrounds. This moving system provides students with movable working spaces, chances to release and receive collaboration information. The system interfaces are designed for students to find collaboration spaces, meet new teams, and manage their own collaboration experiences.

This is class work at DESINV 181 Reimagining Mobility at UC Berkeley.


Jan 21 - Feb 13, 2020


Kunj Jain

Xochi Perez

Tools/My Role

User Research, Brainstorming, Affinity Mapping, Usability Test

Prototyping (My full Responsibility)

Visual Design (My full Responsibility)

hub center.jpg

Preliminary Research

Understanding how students feel about collaboration and multidisciplinary learning.

User Research

To collect broad users' opinions, we conducted an online survey that was shared via social media to learn about how students feel about collaboration and the community to learn about their needs about teamwork and interdisciplinary.


Sarah, 22 yrs, undergrad

Abby of DP1_TeamG.jpg

Kate, 29 yrs, PhD student

Arun, 26 yrs, master student

Abby of DP1_TeamG.jpg
Abby of DP1_TeamG.jpg

User Research

Understanding currently how students collaborate for multidisciplinary learning.

After the preliminary user research above, we wish to narrow down the problem area and look for specific pain points of users. Therefore, we designed semi-structured interview scripts to dig more about current situation of collaboration on campus, including how they find opportunities to collaborate, who their teammates are, what to do if they want to start a new project.


Interviees includes 6 students (3 undergrads, 2 masters and 1 phd student). Interviewing students from different education backgrounds, with different majors, at different stages of education helps us understand their need of being connected and collaboration.

After interviews, we had a group meeting to analyze all the data we collected from interviews by affinity mapping.

affinity mapping interviews.jpg

User Journey Map

user journey map.jpg
User Journey Map


Their goal is to have access to collaboration opportunities.


Based on all the data we collected from surveys and interviews, we put current ways of learning and collaborating into two 2x2 charts to have a sense of our users' greater motivation, what they want to achieve and what we can do to help them.

2x2 Synthesis.jpg
2x2 Synthesis2.jpg

Insights → HMW

How might we facilitate collaboration and community on campus?

As expected, this is not a simple problem space. We found a wide range of students problems and not many potential solutions that can be said address the root of the problem. However, our research did reveal 3 pain points that help us to generate our "How Might We" statements. 


Students have special needs for the space or equipment when they work on complex projects.

  •  There is not enough work space for students to work on collaborative projects.

  •  Students have to spend extra time getting the necessary tools and materials they need.

HMW help students access the space, equipment, materials for the project more easily?


Students hope their projects to be known by their potential investors and future teammates.

  • Students hope to be more exposed to multidisciplinary teammates and collaborate with them.

  • Students would be more than glad to advertise the projects to their potential investors.

HMW increase interactions between team members and outsiders?


Students are eager to learn about the information of the projects going on.

  • Students don’t know where to join a team if they want to work on a project.

  • Students don’t know where to find a teammate if they create a team.

HMW provide students with multidisciplinary exposure information?


Ideation + Grouping

Our goal is to facilitate collaboration and broadcast opportunities.


The team conducted a brainstorming session together. We came up with 109 ideas on how to improve collaboration and project based learning along with working on how can we make these projects as something which can help build a community. 


We segregated the ideas into 4 categories: campus spaces, curriculum changes, building new infrastructure and providing services like an app or a website. Then we each use three sticky dots to vote on our three frames together.

dot vote.jpg

After analyzing and comparing all our ideas above, we finally decided to develop the idea that combines movable working hubs,  and information transfer together. Students can work in the hubs if there are already in one group. If they happen to meet a hub that they are interested in, they can open the system interface to check for the information. The device would be a smart phone with a touchable screen.

1. Flexible and Equipped Working Space

Working on a project, users can use this system to check hubs' availability and if the available hubs are equipped with the materials they need for collaboration.


Choose the hub they are interested in.


Check the hub's availability and equipment.


Filter the hub they need. 

2. Advertising the Projects

Project organizers can use this system to publish their project information. Not only can the system help them find a new teammate for the group, but their potential investors might see their project and grow interest since then. Students looking for groups can use this system to find a project they are interested in. 


Publish the project information to your potential investor!


Check the group recruiting information of the hub the user just met!

3. Collaboration Information Center

Users put both their projects and groups' information and the skills they want to contribute to the group in the system. For a student who wants to start a new project, join an existing group or find a new teammate, this information center would help!


Search for the projects!


Build the users' skills into their profile.


Our Ideal collaboration system on campus.


To illustrate the concept vividly, I drew the story boards below.



Your Collaboration Helper

The hub system connects the campus.



Based on our previous research, I designed the routes of the hub system on campus. The hub center would locate at the north of Memorial Glade and different lines spread on campus.



Involve users' needs at various stages of a project.

According to user research results and ideations, I designed 2 methods to find or join a team for collaboration projects  in this prototype. Users can either look for existing projects in the maps or search for the projects that match their skills.


Usability Tests

Main takeaway from user feedbacks is that information spread and organization should be considered as well.

Usability Tests

We invited 6 students on campus to our test. We told them the whole system and how the interface works. We observed them when they try to use this prototype.

user feedbacks.jpg

Based on the user feedbacks, we add notifications to the homepage to help users organize information (like Yibo is joining your team or a team needs you to participate).


A new search page is also created and users can check what projects are going on randomly.

Final Design

Check Nearby

Hubs' Information

This allow students to learn what project is going on in the hubs they meet and what resources are available in an empty hub they see on a map!

sather gate3.jpg
tower 前.jpg

Find A Hub To Collaborate 

Students are able to organize their collaboration groups and related information easily through the user interface on their smart phones. Whenever they want to have a group meeting, they can always find a hub on campus to work. 

Organize Your Collaboration On Campus

Students can check out their collaboration projects at any time! When they come to the hub center, they can find more collaboration information about projects, groups, hubs and everything!

hub center.jpg
Final Design


One thing I learned in this project is that user experience is not only about what the digital product looks like, but also includes how the system works behind the visible interface. By taking a bigger picture of the mobility systems, I came to realize that the impact that cable hub system makes to the campus is as important as the collaboration information product and ended up with spending time on the hub map that connects the campus.

The users can be helpful for your design decisions. When I got stuck with how the digital interfaces work, I asked several students to try the prototype. Their feedbacks and imagination on the collaboration system guided me through the rest of the design process.

bottom of page