User Experience Design (UXD) Case Studies

Voice-Activated Application

Wolfpack prototype leverages voice-activated sensors to prevent domestic violence

This problem is a powerful example that highlights the importance of preventing certain problems from happening, rather than attempting to manage and mediate problems after they produce symptoms.

Problem

Establishing the feedback loop early is critical. If potential users, customers, and stakeholders don’t validate the problem we want to solve then there is likely too much risk in building a solution. It was safe to say the problem was validated. Each person agreed that this is a problem worth solving.

The design challenge: How might we go upstream to prevent such a horrible moment from realizing itself?

Ideation

I started with the problem itself (the existence of domestic violence), and card sorted my way out of the moment we hoped to prevent.

I sketched through some ideas on paper until I had an idea worth sharing. After sharing the idea with a close-friend, we decided a good next step would be to sketch the wireframes with paper and pencil. Here is the initial userflow and wireframes of my initial vision for the voice-activated location-based mobile application.

website sketch

I brought the paper and pencil sketches to the same friend for more feedback. We showed it to a few additional close friends who had experience themselves, or through someone close to them, with domestic violence.

Conversations

After a few intimate conversations we were ready to turn the paper and pencil sketches into a live minimum viable product (MVP).

This splash page provides a clear articulation of the value proposition, and provides an email subscription to gauge interest of visitors.

live WordPress MVP prototype

The fidelity of the design is not my best, however, the first iteration of the page above is the starting point for validation. This is when we show the visually designed page above with the same potential users we of which we already had early conversations with on the topic. We also begin to share the page with a larger circle, ideally, through the circle of influence we develop from the network effect of our early conversations.

Step 1: drive qualified to the page

Step 2: monitor analytics to learn when and why each visitor abandons the page

Step 3: slightly iterate the articulation of the value proposition into two new experiments (A & B) with each representing a different user persona (don’t have personas mapped out yet? try proto-persona)

Step 4: drive relevant traffic to both pages A and B

Step 5: monitor the analytics to determine the next iterations to make

Sharing Case Studies

In 2014, I developed this project as an exercise. I wanted to test my theory that it was possible to build a startup that solves a social problem.

I was able to test my theory while also building a case study for you to pick-up where I left off. Leverage the web in new and meaningful way by sharing, building upon, and improving case studies from others in your field.

Whereas the case study was once composed for and stored on paper and its circulation thus restricted, now digital composing transforms the potential for the case study to circulate widely and freely via the World Wide Web. Moving the case study from paper to screen is not a question of reformatting; rather, it requires becoming literate in a new medium, one that offers the potential for ongoing collaborative revision and the development of participatory forms of knowledge production.

-Dr. Richard E. Miller, The Case for the Case Study in the Twenty-First Century: A Rupture in the Order of Discourse

Success is discovered through the tens, if not hundreds, of iterations you must go through AFTER completing the high-fidelity design and launch of the live prototype. This project, and what you build upon it, is yet to be created.

Reach out if you have questions. Good luck.

Cloneable Projects

This splash page is also a cloneable asset to test and validate other new products and features. Rather than developing a new WordPress site, set up the server, customize the core, create pages like ‘home, about, blog, etc’ I simply click ‘clone’ to produce an exact replica within seconds. Modify the branding, switch the value proposition, and unpack the product benefits is the last 20%.

I have click-to-clone sites for events, education programs, portfolios, law firms, MVPs, coming soon pages, blogs, and any new project I develop from scratch I save as a cloneable blueprint for the future.

This streamlines my design process and enables me to focus on iterating the articulation of my value proposition. Otherwise, I expend a lot of resources on generating userflows, wireframes, visual designs, and custom developed WordPress site.

Grow with cloneables

A unique set of cloneables may provide you with an edge to win more accounts by providing higher quality, consistent work product. Use WPEngine for your WordPress hosting. Use Headway Themes for your WordPress theme. Use Gravity Forms for your WordPress forms. Let me know when you get that far, and you’re ready to build out your gallery of blueprints. I am standing by for you.

voice app hero