ROLE

Interaction Designer

 

PROJECT TYPE

Coursework, Individual Project

METHODS

Competitive analysis, Personas, Sketching, Protoyping, 

TOOLS

Axure, Sketch 3, Adobe Photoshop


PROJECT SUMMARY

Problem Statement: There are more than 1300 student groups at the University of Michigan who are registered and listed in the Maize pages website. The adoption and usage of Maize pages website is low and students find it difficult to search for student groups and events.

 

Approach:  The interactive prototype is intended at supporting the needs of two types of audiences within the University of Michigan:

  • Students looking to find and join student organizations of their choice or discover and attend events on campus.
  • Student organization leaders looking for a comprehensive tool to manage student groups

PROCESS

 

DESIGN STATEMENT:

The first step was to draft a design statement that briefly described the problem at hand, the primary users, their needs and challenges, and three different approaches to solving the problem.

The three design approaches outlined were:

  • An Interactive voice response system (IVRS)
  • An ATM-like kiosk
  • Website

Based on the suitability to the problem at hand, and feasibility, I decided to proceed with creating a website to solve the problem.

 


COMPETITOR ANALYSIS / BUG LIST

 

Once I decided that I was going to work on building a website, I researched the University of Michigan Maize pages website and listed the pros and cons of the platform.

 

I also looked into CampusGroups, and OrgSync for student organization management and EventBrite for events.

 


CampusClan-Sketches-1024x807.jpg

IDEATION AND SKETCHING

 

The next step was to come up with 40 different sketches that represented various aspects of the design solution that I was planning to prototype.


Sample persona of an ideal user of Campus Clan

PERSONAS

 

Following the ideation, and sketching phase, I came up with three personas that were representative of the users of the system. 


WIREFRAMES

After creating the personas, I designed wireframes for some of the pages that I considered to lay the foundation for the prototype development.

These pages included, the home page, search results page, profile page, events page and event creation page.


PP9-810x1024.jpg

PAPER PROTOTYPE

 

To test out the design idea and the direction in which I was proceeding, I created paper prototypes of the proposed solution and tested the functionality with my peers who were also representative of the target audience for CampusClan.

It was a really fun exercise!

 


HI-FIDELITY PROTOTYPE

 

Finally, I built the hi-fidelity prototype through an iterative design process, making revisions based on feedback from peers and the instructor.


KEY TAKEAWAYS

  • Even a simple interaction takes time to think through and implement effectively.

  • The scope of the project was huge and I had to narrow and limit what would be addressed and displayed on the prototype. 

  • It was a challenge to balance the temptation to provide an all-encompassing solution with what was practically feasible in a short-period of time.

  • Paper prototyping is an enjoyable and useful method of getting feedback without creating extensive hi-fidelity design.