I worked with a startup that provides a platform for sexual assault survivors. This one-off project was for California Courts. California’s court system is the largest in the nation. The system serves a population of more than 37 million people— about 12 percent of the total U.S. population.
The CTO wants to encourage more user engagement with the domestic violence information. She asked me to re-design that space for mobile.
I was the sole designer for this exploratory project.
Given my unfamiliarity with domestic violence law, I spent a lot of time researching sites related to domestic violence. I wanted to understand the pattern of information Users receive. From there I performed a UX and Design Audit on the current site taking notes of my findings. While performing a comparative analysis, I identified common design patterns. I created many iterations and completed design critiques to tease out usability issues. The final visual design takes into account the current style of California Courts.
- Research -
One of the major patterns I found was an Exit link or button prominent at all times. This button would redirect the User to another site to avoid suspicion.
- UX and Design Audit -
Some Key Findings Include
- No prominent Exit button/link
- Overwhelming navigation
- Broken links
- Information overload
- Not easy to read or digest
- Looks unorganized
- Not pleasant to look at
- Doesn’t feel secure or concerned about users safety
- Doesn’t feel tailored. Feels sterile, generic, and lonely
- Comparative Analysis -
I noticed similar pain points and patterns while visiting other sites:
- There's an overabundance of information but a lack of structure
- Some sites lack empathy for the User’s emotional state
- Many sites are not interactive and engaging enough
- Not mobile friendly
- Lacks the feeling of security
- Don't evoke a sense of community and support
My approach for this project was to focus on making the UI findable, valuable, and credible. To achieve this the UI must have:
- Scannable headings and titles
- A sense of security
- Clear navigation of content
- Appeal to all walks of life
I also thought it would be great to include a navigational guide, a live chat experience, and tools.
- Hand Sketches -
With strategy in mind, I generally followed these guidelines to keep me focused:
- Having a primary call to action “Exit” prominent and accessible at the top of all pages.
- Using the standard carrot arrows for motions (e.g. next section, expand panels)
- Use cards to indicate sections
- Wireframes -
- Visual Design -
- Sticky header and navigation bar
- Visible 'Exit' button
- Clear iconography with labels
- Brought the navigation forward to showcase subjects upfront
- Added video feature to add a sense of community and support
- Added read times to enable Users to know how long it will take to read sections
The content is now organized in a way that is more readable and easier to navigate. The design also has a more modern and clean look, which also enhances the user experience. And helpful features exist within the UI- video, read time, easy exits.