DISCOVERY

---

Research Goals

• What are the technical defficulties are existing end users facing.
• What type of the devices do end users use.
• What percentage of various devices are using.
• What challenges and frustrations of existing site do end user facing.
• What demographics of current end users.
• What percentage of each age group.
• What sites or apps do they like and why.

DEFINE

---

Persona

I consulted my notes from the interviews and was able to develop the type of persona who would use the new fresh features in the EAP app. Based on my research and interviews it became clear that this group, needed help in simplify and grouping features. "Myeonhe" and "Kesha" are based on the people I spoke to and the struggles the fluidity of existing app. They were 2 of the interviewees to help bring that struggle to light and make the journey to groupling more relatable. Here, we really begin to get a sense of who they are.

Task Flow

There are three task flows : One for a user to create a new goal, another for modifying an existing goal, and finally one where the user could easily access once the feature was set up. A task flow demonstrates the beginning to end walk through the process with no deviations. View the full task flow.

User Flow

Here is where I got to get into my persona and really look at what a real user might decide to do along the path to creating their goals. There are many decision points to consider, like are they creating a new goal or modifying one that already exists. They also needs to take into consideration how the goal will be funded. The user flow is like a task flow but takes decision points into consideration, which may take the users into other directions along the flow. View the full user flow.

Sketches

I used both my task flow and user flow to start sketching some low-fi wireframes. This sketch represents the creation of a new goal with a second step of editing the goal once it's created. Getting the ideas rapidly down on paper really helped to solidify the flow. I find this method the best way for getting ideas down quickly and being able to iterate on them just as quickly. View the full sketch.

DESIGN

---

High Fidelity Prototype

Once I got the low-fi sketches to where I wanted them, I began creating the high-fidelity wireframe/prototype inside of Adobe XD. Here, is where the UI starts to come together and I was careful to stay within the parameters of the already established branding of the USPS app. I wanted to be sure I stuck to the original task of making sure the new tool embedded well and smoothly with the rest of the app. Interact with the prototype. I also used HTML, Bootstrap, jQuery to create a dynamic version of interactive prototype which could be used in futher development stage. By doing this step, I could load the work in BrowserStack for repsonsive testing and accessbility testing in Level Access. This step is critical for refine the prototype work but also make the whole process seamlessly be transferred to UI development.

Usability Testing

Affinity Map

---

From the affinity map I was able to pin point a couple of distinct patterns. There were some users who had difficulty with a few of the elements on the Suicide Prevention screen. There was also clearly some confusion around the My Strenghth Screen and the fact that the Get Started button seemed grayed out to people. Between the patterns that emerged and users' suggestions, I was able to prioritize which changes I needed to make. In this case, making sure the Suicide Prevention screen can be more easily understood takes priority because that page was impeding people from moving forward. View the affinity map.

Priority Revisions

---

I determined that most of the suggestions for change that came from users and the patterns found in the affinity map were simple enough to implement. Had there been a significant amount of changes that needed to take place, I would have used a priority matrix to pin point exactly which changes were low effort/high impact and implement them.