UX Towards Effective and Compassionate GBV Reporting

Project and client: JiG, CWGL, USA
Timeline: 2020 — 2022
My role: UX Researcher and UX/UI Designer at Lucid.Berlin

Screenshot of a webpage with a pink background, showing a table of contents with various chapters related to gender-based violence reporting and recognition. A red section features an illustration of a woman with her brain depicted as mountains, and text about violence and indifference.

Developed simultaneously with the the physicall book, adopting principles from print design to provide the best experience for both medium.

The online version is a key training tool for young journalists at universities and in publishing houses worldwide.

Project scope

The goal was to create a standard-setting handbook that includes resources and recommendations for journalists, schools of journalism, media trainers, gender and media studies researchers and educators, and NGO communications specialists working with the media on issues of gender-based violence.

The handbook includes evidence-based analyses of media coverage, examples of best practices, case studies, personal essays from journalists reporting on gender-based violence and survivors, a resource list aimed at helping journalists identify a wider range of experts, and ideas for future coverage.

Six regional consultations were held to gather insights and recommendations from participating journalists One main recommendation was to create a digital product. Therefore, CWGL got in touch with us to help with our expertise.

UX challenges

Catering to diverse global users:

  • Ensuring cultural sensitivity and relevance in content and design.

  • Providing multilingual support and localized content.

  • Conducting user research to understand varying needs and preferences.

Creating a seamless and equal experience:

  • Implementing responsive design for accessibility across devices.

  • Optimizing website performance for users with varying internet speeds.

  • Prioritizing accessibility features such as text alternatives, keyboard navigation, and high contrast options.

Improving accessibility and usability of resources:

  • Streamlining navigation to make resources easily discoverable.

  • Incorporating clear and concise content presentation.

  • Integrating interactive tools or guides for practical use of resources.

  • Ensuring compatibility with assistive technologies for users with disabilities.

UX approach

Cartoon mouse holding a large arrow cursor on a yellow background.

Collaboration

Our team collaborated closely throughout the production of the publication, aligning with the website's development.

Black cat with wide eyes sitting inside a white teacup on a green background

User Centred

Our UX design, addressing gender-based violence sensitively, was rigorously user-centric, serving as a critical research tool.

Line drawing of a laptop with a blank screen on a pink background.

Cross-Media

Simultaneously developing print and digital version, our strategy merged print layout principles with digital advantages to embrace cross-media publishing and optimize content.

Insights and Development

To ensure a seamless cross-media experience for users, we drew inspiration from the layout of physical books and devised various features to bridge both mediums effectively.

In the main table of contents, each chapter is vertically represented and expands to provide further information. Utilizing a split-screen layout, the left side serves as a placeholder for illustrations, photos, infographics, and additional details such as footnotes, all seamlessly linked to the current section of the text. To enhance navigation, we integrated a progress bar indicating the reader's position within the chapter length.

Furthermore, each chapter can be effortlessly downloaded as a PDF for additional work or shared via social media platforms, enhancing accessibility and facilitating collaboration.

Book chapter titled 'Survivor-Centred Approach' with a red and white cover, featuring an illustration of a person with a mountain on their head and ripples in water, and text about violence and healing.
Line drawing of three women with expressive faces, each holding a different object, and a quote about trauma journalism in purple and red text.
Illustration of three women reading a book with the text 'What does it take to make a woman's killing important enough to be reported?'

Research and Design impact

Placeholder image icon with a black mountain, a black circle representing the sun or moon, on a white background with a yellow border.

User Succes

The online version is a key training tool for young journalists at universities and in publishing houses worldwide.

A computer screen displaying a webpage with a cat illustration on a green background.

Cross-Media Experience

Based on user feedback, both the website and its physical book counterpart provide a fantastic user experience for the content.

Cartoon drawing of a black and white cat with glasses, on a pink background.

Proven concept

The proven concept allowed our client to work on two new publications using the tool and existing structure.

Disclaimer

All images and materials in this case study belong to JiG, managed by CWGL. My role as an employee of the contractor of CWGL was to showcase my skills, and no sensitive data or confidential information was used. The information and visuals provided were created for presentation purposes only, using placeholder data and photos generated by Midjourney AI and initial concept art that was not implemented in final product. This case study does not reflect the views or opinions of CWGL.