My Role:

I was in charge of one of several groups in the class. Due to my experience as a UX researcher, I was the lead researcher and designer.

Team

  • Thomas Larsen, User Experience Researcher
  • Rachel Saya, Web Developer and Computer Science Major
  • Newell McMurtry, Dietician at University of Utah

Problem Statement

Our team was assigned the following problem statement, in the voice of the user:

”I don’t know about the event, I don’t understand the event, and I’m not interested in the event.”

We proposed the following solutions:

  • Design an engaging home page from where the user can easily find out about the event, understand it, and gain in interest in it.
  • Design a page for the next event, containing all of the relevant information and presented in an enticing way.

Methods & Process

  1. Persona
  2. Competitive Analysis
  3. Page Design
  4. Usability Testing
  5. Creative Brief

1. Persona Development

Interviewed 4 individuals and discovered approximately 4 personas:

  • THE MENTOR
    (Has had Type 1 for awhile, is adjusted to it, and is willing to learn more.)
  • THE NEWLY DIAGNOSED
    (Isn’t well adjusted to Type 1, doesn’t know others with it, feels alone.)
  • THE SUPPORT PERSON
    (Usually a parent or spouse of the person with Type 1, looking for people who understand their struggles.)
  • THE VENDOR/SPONSOR
    (Someone willing to help sponsor the event, sometimes to promote a new product.)

Our group was assigned the first, “The Mentor.”

PERSONA:

John Anderson, THE MENTOR

29

Background:

  • 28, Married, no kids
  • Loves technology and sports
  • Looking to start a family
  • Has had Type 1 since he was a little kid

Needs and Interests:

  • Interested in learning new ways to deal with his diabetes so it can get out of the way of his life as much as possible
  • Feels rewarded when helping others who are struggling

2. Competitive Analysis

Reviewed several other websites. Found things we could emulate, and things that we could improve upon:

  • Focus on user goals (especially on the goal of understanding the event)
  • Keep navigation simple

3. Page Design

We reviewed our findings from the Competitive Analysis and designed the pages:

  1. Brainstormed via white board
  2. Created Wireframes and Mockups in Sketch
  3. Tested Prototypes in InVision
  4. Finalized designs after usability testing

This slideshow requires JavaScript.

4. Usability Testing

Wrote the Usability Script. Tested with several participants in class and my teammates tested with several outside of class.

Made adjustments to the design based on user feedback.š

Users thought the following:

  • The initial design of the accordion was confusing (2×2).
  • Photos made the site look like it was for a restaurant (too many pictures featuring people eating rather than socializing)
  • Lorem Ipsum was distracting during the test.

Initial design and the updated design

5. Creative Brief

  • Combined all data, reports, and deliverables into the creative brief and delivered to the client.
  • Also included CSS attributes to help developers build the site.
42
Sample page from the creative brief

Findings and Recommendations

KEY FINDINGS

  • Many adults with Type 1 Diabetes still have busy lives, so it’s important to show the event’s value in order to get anyone to come.
  • Fun and free should be emphasized.
  • Users expect their primary goal to be immediately visible on the site. Pages should be scannable and easy to understand.

RECOMMENDATIONS

  • Since this event only has moderate funding, the research team suggests using WordPress to build their site.
  • Do further competitive analysis to copy the successes and avoid the mistakes of other, similar sites.
  • Make sure to market to all relevant personas, not just “The Newly Diagnosed.”