Our first version of the mock-up for project was quite clean and simple. It consisted of a profile page and other functions such as a friends and groups page, and a chat page.
![](https://slugsites.ucsc.edu/jmart160/files/2019/12/friendsv1-141x300.png)
After testing with a few users, we found that a bolder and more meaningful color scheme would be better. We then changed our color palette from the salmon and white to the red, black, and white that many Dungeons and Dragons books use.
![](https://slugsites.ucsc.edu/jmart160/files/2019/12/login-170x300.png)
![](https://slugsites.ucsc.edu/jmart160/files/2019/12/profilev2-156x300.png)
We also used Google Forms to simulate signing up for an account and making a profile. We included many questions that would help the user more accurately find people and groups they would like to play with. Some information that we asked for were: names, pronouns, preferred dates/times to play, lines and veils, system preference, and experience.
![](https://slugsites.ucsc.edu/jmart160/files/2019/12/p1-294x300.png)
We then continued to refine our mock-up based on feedback given during user testing. During user testing, we would give the user specific scenarios and ask them to complete a task based on those scenarios.
Click here for a video of one of our user tests.
After testing, we would take the feedback that we received, compare it with other user tests we conducted, and edit and redesign the mock-up as needed. There were many rounds of this process which resulted in a better mock-up that was more intuitive and easier to use than the last. Here’s an overview of our most recent version:
![](https://slugsites.ucsc.edu/jmart160/files/2019/12/overview-300x202.png)