IMG_20181219_123935.jpg

What’s Next? Website

Task Manager Prototype

What’s Next? Website | Task Manager Prototype

  •  Role: UX & UI Designer

  • Project Type: Interactive interface prototype

  • Timeline: 3 months

Overview

Worked through the stages of design including defining the problem, sketching, ideation, wireframing, prototyping, and user testing to create task management platform prototype. My design problem investigated building a solution to assist returning citizens after release from incarceration to ultimately reduce recidivism. I created a website prototype where users input demographics, goals, and resources to generate a customizable to do list to promote successful reentry into society.

Methods Used

  • User Needs Survey

  • Competitive Analysis

  • Sketching

  • Storyboards

  • Empathy Maps

  • Personas

  • Story Mapping

  • User Flow

  • QOC Analysis

  • Wireframe

  • Prototyping


Process

I began by developing a matrix to analyze competitors and launching a user needs survey, taken by 10 people who had been incarcerated. This provided perspective on what resources and needs this demographic needed as well as what resources currently available. After developing personas based on empathy mapping results, I sketched 8 different scenarios and then 8 potential solutions. Out of these 8 solutions, 3 were chosen to further develop: an app, a website, and a library workshop. After conducting QOC (questions, options and criteria) analysis I decided to develop an interactive and responsive website to reach the greatest number of this population.

Wire framing and Prototyping

A wireframe was developed as the initial step for creating my solution. Then, I developed a paper prototype of the website, which I tested with 3 users. This user testing resulted in design changes regarding additional frames, button placement, and content. Next, I used proto.io to develop an interactive prototype and tested it with 5 users. Feedback included editing the use of white space, streamlining action steps, and sizing of imagery. Based on these feedbacks, I designed a final interactive prototype using Sketch.

Paper Prototype

Digital Prototype