XIGUO APP

A college campus app for efficient communication and management.

About the project

In China, university-level courses are facilitated and coordinated by class monitors. They are charged with communicating with students about events, and relaying notifications from university staff to students. This project explored a new product opportunity for Chinese college students regarding their communication on various class or campus affairs. We analyzed the issues of class monitors using message tools to communicate with class members, and came up with a better user experience for both monitors and students.

What I did

In this start-up project, I worked with another UX designer and an engineer in the early stage to define the product through various forms of user research. I worked on wireframing, interaction design and visual design through the development process. It's excited to turn a concept into a real product.

Are these messaging apps a good way for communication between monitor and students?

USER RESEARCH

5 monitors and 12 students were interviewed

PAIN POINTS

Traditional messaging apps gather students’ feedback into lists of unorganized messages scattered in the monitor’s message box.
The process the monitor must go through to gather students' opinions and make collective decision,
filter students who've not given response and re-send notification,
and answer students’ questions is inefficient and time-consuming.

Challenge: creating a manageable messaging system.

After the monitor sends an event notification to students, there will be
tons of feedbacks,
which the monitor needs to sort and tally, including
multiple students’ RSVPs, votes, and comments,,
which require further management.

SOLUTION

We needed an application that could intelligently sort and calculate students’ feedback and display feedback visually, so that monitors could make decisions for the class based on an overview of students’ communications. Furthermore, we needed an application that could group students according to their actions (RSVPing, voting, etc.), so that monitors could easily manage those who didn’t reply.

FEATURES

Xiguo is not only a management tool to benefit class monitors,
but also a tool to track daily goals and tasks for student themselves,
and provide a virtual college study and life community for all students.

KEY FEATURES' SITE MAP

Latest iteration: to inspire students to use this app, we designed a feature of tracking users' goals and daily tasks, and used the data recorded to facilitate an analytical perspective of life and study.

Making it easier for monitors to send communications, and students to process necessary information

Instead of sending wordy event information via text-based messages, we developed a template for monitors to use by structuring event information with categories. Besides basic event information, monitors can add polling or attendance options for the event. After the monitor has entered all event information, a simple click on “send” will send this event to all students in the organization, ensuring that class members are on the same page.

Event list on homepage including all of vital information

After the monitor sends a new event to class members, the event will pop up as a card in every student’s events list. With event name, location, and time displayed in each event card, students can browse the event without going into the detailed event page. In the event page, students can vote on options by just clicking an icon while viewing others’ feedback as a reference.

Monitors can view an overview of students' actions, and send notifications to specific groups as necessary

When an event is approaching, a monitor can go to the event page to view students’ actions regarding the event. In the monitor’s view of the event page, a monitor can easily see students’ replies. With students grouped by their responses, a monitor can send notifications to a specific group instead of all students, such as to send a reminder to students who haven’t yet replied.

An at-a-glance overview of a student’s everyday tasks, comparable against peers

Each task is shown as a card in the Tasks page, so that users can know what to do every day without going into each detailed task page. Besides each task’s basic information, individual task cards have daily subtasks. There is also a graph comparing one’s tasks to those of one’s peers, motivating users to stay on target with their work. What’s more, with the daily subtasks’ icons in the tasks page, users can click an icon to track the time he or she spends on the subtask. Within detailed task pages, there are forums with topics related to the task that students can utilize to communicate with peers.

Reflection

Our product went to market, and generated feedback from our users. Our team eventually had to disband because of financial issues. I thought it was a pity to not have a second version launched, so I developed the second version by myself based on feedback from users.

Design Process

Interview
Observe
Affinity Diagram
Brainstorming
Ideation Sketch
Wireframing
Prototyping
Usability Test
Iteration