Prototyping. Research, Design, and Test.

This is the 4th post in a series of posts recapping the courses in my UX Design graduate program at MICA.

Date: February 8th — March 1st

Thoughts so far

Previously in the program we got our feet wet, learned about UX outside of the typical applications, took a deep dive into tools used, and most recently we focused on prototyping.

The Class

Baltimore Beach Volleyball

TripAdvisor

BBV runs the social sports volleyball league on the courts that line the harbor. But in baltimore, competition is increasing, the social sports scene is growing, and their website wasn’t cutting it. Aside from the comic sans, there was an information architecture problem. Players needed to accomplish specific tasks, like finding the court’s status, standings, inputting results. The website was difficult to get to that information. In addition to being hard to use for the current visitors, there was a very little chance it would be able to educate, onboard, and convert new users considering how hard it was to find what you needed. It was even a concern of the Owner, as stated in the survey, since growth is so vital to the business.

We were dealing with high priority information such as court availability, status, and drop-in play, things players needed now. And with occasionally needed information that was updated weekly, like league standings. And we needed to see how all of this could be accessed on mobile, which is how 30 of the 36 respondents of the survey said they accessed the website. We noticed that the nav bar was the crux of the problem and looked at how we can consolidate key aspects of the site and make it accessible. We read and learned from the players, staff, owner, and webmaster, then proposed design decisions based on their needs.

Roles

Specific responsibilities of mine were to analyze the research and create personas to focus on “who to design for”. In week 2, I assisted the designer in creating the draft prototype by creating a desktop version, which helped visualize how navigation worked in both contexts. Towards the end I watched the user testing sessions performed by other teammates and ideated solutions to issues in the prototype which the designer then implemented.

Deliverables

In addition to the personas, our team summarized and presented the research, performed competitive analysis, performed a card sorting exercise, and created a strategy outline that defined the scope of the project.

Before the draft prototype, we created a requirement document that outlined all necessary elements. This was based off of our new content inventory list, site map, and navigation scheme

The content inventory and sitemap/navigation scheme which helped create the req doc

User testing was performed, recorded, and documented which made my part of coming up with solutions much easier. Our mobile prototype was refined reflecting all the feedback from our testers.

Our project focused on navigation, making sure users could get to the important parts of the site with ease.

Here is a list of my classes. I’ll be covering each class in an article much like this before the class is wrapping up.

My next class is called “UX Design Lab 1: Users” is a detailed look into research methods and creating realistic user personas that help make sound design decisions.

--

--

Motion and UX Designer. @Nitinsampathi

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store