10 people, 3 months, 1 happy customer
The lives of students and professors are complex and ever changing. Now as distance learning is becoming commonplace students find themselves without peers to study with. Professors' communication and interaction with students is limited to Zoom calls and forum posts. Quizmaker seeks to create a place where students can hone their knowledge through quizzes and improve those quizzes thorugh feedback.
We performed research in the form of interviews and personas to better understand the user base and identify the expectations of both the stakeholders and the users. Through these methods we create a touchstone that we use to periodically center ourselves and the project around the user.
We made five personas based on the interviews as well as our own personal experiences as students. The personas were made to reflect what we considered to be our five major users.
Both students and professors are key users, a distinction needs to be made between the two users in terms of needs and expectations.
To keep the user central to the design process we must know who they are, their needs, and their expectations.
We focus on the distinction between students and professors by creating user flows to sketch out the differences that the two groups face.
It made sure that the user was the focus, and created a touchstone for whenever we hit a snag in the design process.
We created user flows to map out the differences between students and professors. These provided us with a visual representation of the needs for both groups. After creating the user flows, they are shown to the stakeholders and users for feedback.
The first round of ideation identified and prioritized that students and professors needed to be distinguished in some way. This problem effected more parts of the project than anything else which made it a more pressing issue.
These are the sketches I submitted for the log in, home, quiz making, and quiz taking pages.
The mid fidelity prototype was presented to the other teams and stakeholders. We received feedback on preferences and technical limitations. Based on this feedback we created a variety of layouts with different color schemes. The color scheme was eventually decided by the stakeholders to be green and gold to match the school colors.
During this phase I worked on colors, layout and design. In particular I designed the menu, table, and much of the quiz making screen. I also advocated for the center aligned titles because the left aligned titles left a disproportionate amount of white space.
The prototyping phase is where much of my effort went. I along with one other teammate did all of the prototyping and design work. Each member of the usability team had a say in what the design looked like. Beyond this members of other teams had a voice in the design as well. A notable example is the GUI team requesting a horizontal menu rather than the vertical one we originally planned to go with.
Common recommendations recorded by Observers during the think aloud process
Once the design was finalized the team got to work on testing. Recruitment emails were sent with Calendy (a free online appointment scheduling software) links to students and professors. Due to the COVID-19 pandemic the tests were conducted via Zoom.
An independent-samples t-test was performed comparing the SUS results for light mode and dark mode. The results showed there was no significant difference in satisfaction between light mode and dark mode.
The System Usability Scale was used to calculate results because it is a well known and reliable tool for usability testing. We did this by calculating the participants and instructors SUS scores and measuring Display satisfaction for light mode and dark mode.
When I approached the design of the QuizMaker logo I wanted to create a visual design that stood out from it's peers while maintaining expected aspects. The design should be simple, with bold colors, and evoke a feeling of creating. I focused on combining the maker aspect and a stylized Q.
Using the test results and analysis form the study we finalized QuizMaker. At this point we submitted a Usability Assessment Report which was presented to our project manager and the development team to facilitate their final iterations.
IBM was impressed with the product. They have continued iterating QuizMaker in order to launch it as a product in 2021.
I learned how to work in an Agile Scrum environment, to interview and communicate with stakeholders and project managers, to use Illustrator and XD, to develop logos, and how to conduct usability studies through Zoom.
One challenge was learning how to make logos. I undertook the logo making process by myself, investing weeks of YouTube tutorials, reading articles and talking to professionals. Beyond learning the process, I taught myself Illustrator to bring the logos to life.
If I could do anything differently I would have done more research into competing brands. Particularly what aspects they all have in common and where our users feel they're lacking.