Case Study: Professional Development Plan
The Professional Development Plan (Pro Dev Plan) app and website allows users to set goals and track progress over time.
UX designer designing Pro Dev Plan website and app from conception to delivery. Conducting research, interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
Working professionals need assistance with getting organized and staying on track of their professional development goals. The Pro Dev Plan helps users input goals and track them over time as tasks are completed and progress is made.
I conducted interviews and developed empathy maps to create a better awareness of my users’ needs and design concepts. I also conducted a usability study to help identify user needs and to help shape the design and iterative process.
Research showed that users were interested in an easy-to-use app/website that helps track goals and provides a running log of completed goals.
Starting the design
I created a site map on paper to try and map out the website design prior to create a digital wireframe. I created paper sketches for both the web and mobile versions of the site.
Wireframes and low fidelity prototypes
The low-fidelity prototype connected the primary user flow of selecting a goal, tracking progress, and viewing completed goals.
The high-fidelity prototype presented a more seamless user-flow and incorporated user needs and guiding users through the main user-flow of creating, tracking, and completing a goal. I only explore one of the website's functions, which was goal setting and tracking.
What I learned
I learned a lot about implementing user feedback and research in my designs. I’ve also learned about creating a responsive site that maintains functionality across screen sizes and devices.
Challenges and solutions
This project presented a challenge of scaling up from a mobile version of the product to a desktop version. I had to adjust the design and IA to accommodate the varying screen sizes.