ux desinger

Advocacy Tool

Advoacy Tool

Project kick-off

Myself along with a Fuzzy Math senior designer started this project knowing we needed to get a clear understanding of the current entire “ecosystem” of this company. First step; a lot of white boarding where we throw out ideas, in tool-words, terminology, and actions associated with the client's tool. How does it all work together? By whiteboard and we were able to lay the entire ecosystem of this client and their tool.

whiteboard2.jpg

These meetings and discussions led to a concept map. This was a great place to start and it helped to wrap our heads around the current and possible future of this company's tool.


Concept Map

Concept map

Concept map

Hello users

Next, it's important to dissect and understand the steps and decisions users might make while accessing the new tool. A  journey map shows users at different stages and actions within the tool. It shows when and how the actions and decisions they are making are affecting or interacting with the tool and its outcomes. This helped allow me to identify any pain points or confusions the user might encounter. It also helps identify any opportunities for innovation. The journey map also tells the story of the user, what they might be thinking and choices they are making while using the tool. Have a process flow map is invaluable to my design process. It keeps me centered as a designer and kept me coming back to my user.

User process flow

User process flow

Regular check-ins with the client help confirm our small team was going in the right direction and had a correct understanding of their product. I next moved into a wireframing mode, working closely with the visual designer to communicate flow and parameters of the wireframes.

Wireframing

My biggest takeaway during wireframing was acknowledging and implementing where established UX patterns made the most sense. Keeping those patterns front of mind while designing an interface but also the importance of tailoring specifically to our client. In my yoga classes, the teacher often talks about making “small adjustments” when getting into a pose. That mantra came to me while designing the interface, I needed to make small tweaks and adjustments to established patterns to create a simple and successful experience. I knew early in this process it didn’t make sense to “reinvent the wheel” -- a large part of this project was keeping within the parameters of what is already familiar with users, as well as including a simple and accessible design tool that enhances their experience.

Small Adjustments

Part of the tool we’re designing helps users do what’s very similar to creating an email marketing campaign. There’s already some good and established UX patterns for this process. This is where I acknowledged I need to stay within boundaries of what users already understand. But how could I further enhance this process for them? I decided to create a process where they could in-tool pick out the layouts and colors seeing it instantly on the page. My assumption (and this should be tested), is users get the most delight from designing and creating the message they are sending out. So, by giving them the ability to switch between templates and colors seamlessly aimed to add to their enjoyment and get them to that send button.

Post Project Notes

One of the most insightful experiences from this project was witnessing and being apart of the communications between my co-collaborator, the Fuzzy Math senior designer, and the client. Contributing to how we communicate our ideas as well as listening to the client was invaluable and furthered my confidence as a UX designer. Additionally, for much of this project, I was working independently using active problem solving to answer my questions. I learned how to ask better and more specific question to my experienced coworker when I needed an extra set of eyes.  I am looking forward to my next challenge and implementing some of the tools and strategies I learned on this project.

 

All products shown are © Fuzzy Math