How can we improve the Dustsceawung digital index’s usability, overall content experience, and make it collaborative?
In 2024, I was commissioned to design a digital experience as a part of their EXPO Chicago activation. I created an index of actions and resources for supporting social justice causes in their countries of focus. As we approached the 1-year anniversary, the group was interested in updating the site, improving usability, and making the site collaborative.
ToolsFigma, Cargo
Solution
Simplify the index’s language, clarify its mission, feature Chicago-based causes, organize actions by tag, and allow users to contribute.
Research
To audit the current experience, I conducted usability tests and interviews with social justice activists and workers in city government. Improving readability, indicating action type, and including local and in-person events were the themes that emerged.
Current Site
Information Architecture
Concepts and Initial Testing
I designed low and mid-fidelity wireframes experimenting with font styles, tags, color palettes, a search events by location feature, and a contribute-an-event feature.
I developed a hierarchy of mixed font styles; added an online vs. in-person toggle; created a feature for users to filter events by zipcode; and added a button for users to contribute to the index. I tested with 2 different color palettes and 2 different type tags. I decided on a text-only feed because these issues don’t lend themselves to positive imagery.
Low Fidelity
Mid-Fidelity
Insights and Iterations
Users struggled to read and pronounce the site title; wanted more context about the items, organization and site; and expected a vetting process for contributing action items, for safety.
Users reacted positively to the online vs. in-person tab; missed being able to filter by country (as on the original site); misused or overlooked the zip code feature; and preferred the green color scheme. They determined the engagement levels were unnecessary—the remaining copy does the work of the tags, and levels could open unnecessary debates about hierarchy. In the following iterations I focused on improving readability, including context about the organization, adding language about vetting, and updating the forms.
Additional Testing and Final Iterations
Users felt that the buttons needed emphasis: they preferred explicit copy on the “Act” buttons and were interested in being able to add any action (as opposed to only in-person actions).
I tested tag, toggle and button preferences; the substantiality of the context; and contributor preferences. The left-most panel, vetting language, and “Demands” page worked well. In these final iterations, I added a third “All” tab, updated the button copy and the form, and made final adjustments to contrast for legibility.
Final Prototype and Reflections
The final design is a clean, streamlined, contrast-accessible and crowdsourced information-hub.
This project allowed me to exercise and grow my content design, strategy, and web development skills. I’m the developer on the project and my developing skills are limited, so I had to design within the constraints of my ability. I’m interested in exploring accessibility considerations in future iterations i.e., screen reader optimization; a contribution form that’s compatible with audio submissions, and public, live analytics about participation. Also based on the frequency of feedback, I’m considering a Chicago-centric version with a national focus.