Empowering Thai society to prevent online violence through engaging and insightful data visualization.
Overview
The website “Dangerous Speech Monitoring in Thailand” is a collaborative effort among Boonmee Lab, ChangeFusion, Patani Forum, and Trends Digital, with support from the United States Agency for International Development (USAID) through the Networks for Peace project and FHI 360. The main objective of this collaboration is to study the use of “Dangerous Speech” in issues related to identity-based conflicts in Thai society, as observed on Thailand’s social media platforms.
All the information presented on the website is designed in the form of data visualization to make it easy for users to understand the patterns and characteristics of dangerous speech occurrences. The data visualization aims to be beneficial for stakeholders involved in developing guidelines or measures to prevent and address online violence from escalating into physical conflicts against identity-based groups in Thai society in the future.
Process
The process of thinking, designing, and developing data visualization is divided into five main steps as follows:
Data Characterization
The process of designing data visualization began by studying reports on dangerous speech published in various countries, based on the research of three organizations: Hashtag Generation in Sri Lanka, Patani Forum, and Change Fusion. The study of the previous works allowed the designer to see various presentation methods while also providing an opportunity to gain a better understanding of the issue of dangerous speech.
After a detailed study of the reports, all the information was organized into a table to compare the advantages and potential gaps. Designers could utilize the identified advantages to develop upcoming projects and find ways to improve any gaps, aiming to present information in the most comprehensive manner possible.
Subsequently, the designer used the compiled dataset to create dashboards, incorporating basic headers and formats. A detailed plan aided organizations in the subsequent steps, including data collection through ZocialEye, identifying relevant keywords, and obtaining a clearer picture of the work’s scope and requirements.
Visualization Design
In addition to studying basic information and designing a storytelling method, the designer also sought information about dashboard presentation in diverse formats. Having various references assisted the designer in selecting the most suitable visualization format for the data. For this project, the Strategic Decision-making Dashboard was chosen. This type of dashboard presented an overview of data through numbers, graphs, or other graphical formats that made it easy for viewers to understand the overall situation and use the data immediately.
Once the appropriate dashboard for the topic was selected, the designer utilized the data to create an actual dashboard, ensuring that the information presented in the visualization was easy to comprehend and aligned with the goals set for each topic. The resulting dashboard underwent a thorough review process to create a final version that closely matched the intended goals, as demonstrated in the following example:
3) Website development
The development team worked on creating the frontend and backend of the website. They implemented the designs, integrated data visualizations, and ensured the website’s functionality. The development team collaboratively worked on both the frontend and backend of the website. They seamlessly implemented the designs, integrated data visualizations, and ensured the website’s functionality. As part of this process, the data from previous studies and reports was integrated into the website’s database.
4) Usability testing
We conducted a usability test with an inclusive group, which included individuals with color blindness, elderly individuals, people with disabilities, transgender individuals, and individuals from different cultural backgrounds. The aim of the test was to evaluate their ability to access information on the website seamlessly without encountering any barriers or sensitive content.
During the test, we observed how each participant interacted with the website and whether they faced any challenges in navigating and understanding the data visualizations. We also ensured that there were no sensitive or offensive content displayed on the website.
Based on the feedback and observations from the usability test, we made necessary adjustments and improvements to enhance the website’s accessibility and user-friendliness. These changes are part of our ongoing efforts to develop and improve the website, ensuring that it caters to the diverse needs of all users.
Challenges
Project Conceptualization
Project Conceptualization was a critical process aimed at ensuring the alignment of the work with its intended goals. When creating the website on this topic, it was imperative for the involved team to possess a solid grasp of dangerous speech. To achieve this understanding, the organizations within this research network orchestrated meetings in diverse formats, including email discussions, online meetings, and continuous engagement in workshops. These efforts were undertaken to bolster their comprehension and knowledge.
Inclusive design
In designing the website, we embraced the Inclusive Design concept to ensure it catered to people of all backgrounds and abilities, considering accessibility, age, culture, economic situation, education, gender, location, language, and race. To achieve true inclusivity, we collaborated with gender specialists through workshops, refining aspects like colors, typography, and imagery to remain neutral.
Despite discussing violence, we aimed to avoid discomfort or gender bias. We adjusted images—replacing those showing harm with symbols commonly seen while typing chat messages—conveying the impact of online words leading to violence. We also tested with color-blind individuals to ensure content comprehension and prevent color-related confusion.
Presentation
We understood that while dangerous speech might be easily encountered, it isn’t something that everyone comprehends or finds engaging in general. This posed a challenge in making the presentation more captivating. Thus, we added a self-reflection quiz to the homepage of the website. This feature enabled readers to introspect whether they might have unintentionally perpetuated such rhetoric before delving into the content section. The aim was to enhance readers’ understanding and knowledge of dangerous speech.
Another complexity was designing a set of questions that remained neutral and unbiased, avoiding undue direction that could label the test takers as either virtuous or malicious. Furthermore, designing and crafting animations that aligned with the questions, referencing real-life situations, presented an additional challenge.