RaiseUp
Scope: Course Project
Duration: 4 weeks, November 2021
Tools: Figma
Skills: Persona, Wireframing, Prototyping, User Testing, User Flow, UI/UX Design, Product Design
RaiseUp
RaiseUp is an app that helps users ask questions and speakers to facilitate discussion during a Q&A session. It keeps track of the order of questions asked by different users in the room, allows question voting, and makes the Q&A process efficient by allowing questions to be clearly displayed on a centralized screen.
Key Statistics
Research Overview
Synthesis
With our research learnings, we created 2 personas that embodied the archetypes of our user group.
Root Cause Analysis
Design Criteria
Using the research and synthesis as a guideline, I summarize my findings with a problem statement for RaiseUp’s user group.
Next, I identified a list of design requirements to address the problem statement.
For the audience, the solution needs to
- Help students keep track of questions ahead of them in queue
- Help students vote for questions pertaining to their preferences
- Help students see the question that was asked
- Help students categorize their own questions
For the moderators, the solution needs to
- Help professors keep track of any unanswered questions to respond after live sessions
- Help professors moderate the Q&A and prevent any inappropriate questions from being displayed
- Help professors have a choice of seeing the question before deciding whether or not to display
- Help professors moderate the Q&A by seeing questions clearly and in chronological order
Key Metrics
Wireframes
Given the tight timeframe, I created wireframes for three specific areas of RaiseUp. First, I designed screens for the log-in and joining meeting room process. Second, I designed wireframes for the facilitated Q&A experience. Third and lastly, I designed the look for the desktop Q&A moderator.
Logging-in and joining the meeting room
Adding question to the Q&A queue
Moderating the Q&A
Design
After several rounds of critique on the wireframes, I then moved on to creating high-fidelity mock-ups of RaiseUp. The motivation of the visual design was to create a clean look that entices the user to use the app. The sky blue color is used as the main theme to associate the app with a calm, organized feeling.
Logging-in and joining the meeting room
Adding question to the Q&A queue
Moderating the Q&A
Final Design
Like most courses, this project was done in a time crunch which left little time to create the final mock up. I wanted to improve the visuals, the information hierarchy, and overall experience of the app so I decided to refine my design.