Piazza Redesign
A mobile redesign of the classroom discussion forum.
Piazza is an online discussion and Q&A forum used by schools, specifically by STEM classes in universities.
It serves as the main mode of communication between students and instructors. Students use the platform to ask questions about topics ranging anywhere from course material to general course logistics.
The Problem
As someone who has used Piazza as a student and instructor, I understood many of the usability issues and disappointing user interface from both ends.

One of the key features that make Piazza so useful is its ability to make the classroom feel smaller by connecting students directly with the teaching staff. For students enrolled in huge classes at Berkeley(professors have asked for students not to come to physical lecture and, instead, watch online webcast videos), Piazza is a refuge where both parties—students and teachers—get to ask and answer questions on their own time. Unfortunately, the organization of the application is confusing, jumbled, and frustrating to use.
Current screen views of Piazza, on mobile.
After conducting user research on the current use of the app, I concluded that the biggest areas for improvement would be the organization of posts, flow of answering questions(particularly in threads), emphasis of existing key features, and the sense of a classroom feeling.

I also saw a huge opportunity to give the user interface a much-needed facelift that could bring Piazza into the present with a modern look and feel.
Design Goals
Categorization of Posts
There is currently no organization to the mass amount of questions. Students must be exact when searching for a post that can often be buried during high traffic times, such as project and homework deadlines.
Validation Metric
One of the current action items for a user is to “Good Question” or “Good Note” a post. I decided to generalize the system into “likes.” The “Most Popular” posts are intuitively the ones with the most likes.
Classroom Feeling
Piazza's current design does not lend itself to an incredibly social environment. I hoped in emphasizing both students’ and teachers’ identities would a more social, relaxed user experience for all parties.
Thread Organization
Many questions turn into lengthy discussions with the “Followup” feature. With the feature of anonymity in followups, it is unclear who is talking to who when the threads become long, despite the importance of the feature.
I started first by tackling what was said to be a tedious flow for one of the most important actions— asking a question.
Old user flow for asking a question.
New, redesigned user flow.
Mid Fidelity Mocks
I started first by tackling what was said to be a tedious flow for one of the most important actions— asking a question.
Redesigned Landing
Design Justifications
  1. Category Headers
    A level of organization given to posts: newest, popular, pinned, and following.
  2. Easy-Access Follow
    Users can quickly follow a question when a user feels connected to a post.
  3. Easy "Like"
    The ability to let the student “like” a post when they feel related to it.
Redesigned mid-fidelity screens.
High Fidelity Mocks
Asking a question.
Answering a question.
Following a question.
Endorsing a question (available only for staff of the course)
Creating a thread.
Category tabs.
Piazza is truthfully one of the most utilized, free tools at Berkeley. By improving the accessibility and usability of such an important academic resource, we can improve the overall experience for both the student and the instructors. I truly hope Piazza is able to see the importance of user flow, and ultimately, move the application in the direction where students feel excited to use it.