Design Process

Why this particular context?

Protests play an important part in the civil, political, economic, social and cultural life of all societies. They inspire positive social change and the advancement of human rights in all parts of the world.

For instance, in 2019, Ivan Golunov, a Russian investigative journalist, was arrested based on drug-dealing charges. However, the charges turned out to be fabricated as they were an attempt to halt his widely reported articles on Russian government corruption. The only reason why the charges were eventually dropped and Golunov was released is due to an international solidarity/protest campaign that blew up both online and on the streets.

  • Protests are very unpredictable. They can expand and start moving through the streets. They can get very violent very quickly. You never know what to expect.
  • When organizing and participating in the protests, people risk becoming easy targets as their identity could be easily uncovered.

Design Opportunities We Found

  • Support protesters' by providing a platform to coordinate demonstrations, keep each other updated and safe.
  • Leverage anonymity to preserve protesters’ identities and personal information.
Golunov News Images
News about Ivan Golunov

Target User Persona

User Persona

Research

To derive the application persona and the journey map, we conducted several interviews with the people that come from Kazakhstan and Hong Kong. At the current moment, these two countries are experiencing a lot of political changes, which became a reason for mass protest outbreaks and arrests.

  • Hong Kongers are protesting an extradition bill, which if passed, will allow suspects to be sent to other jurisdictions, including mainland China. Protesters worry that the bill could erode Hong Kong's judicial independence, and would be used by Beijing to target critics.
  • Kazakhstan’s first president, Nursultan Nazarbayev, has stepped down after a nearly three-decade-long tenure and his successor, Kassym Jomart-Tokayev, confirmed his position after taking nearly 71% of the vote in the election. The demonstration, decrying what protests called a “dictatorship” in the country, is the largest Kazakhstan has seen in recent years.
Oyan home screen
Hong Kong Protest

Journey Map

Journey Map

Wireframes and Mockups

To finalize the application workflow and design, our team went through numerous iterations. At first, to understand and evaluate planned functionalities, we created preliminary sketches and grey box wireframes. Then, we started refining our visual direction and creating interactive-prototypes of the interface workflows for further testing.

ske
Ideation Sketch
wireframe
Graybox Wireframes

User Testing

Who

5 potential users, 3 industry professionals (UX/UI Designers), SFU IAT 334 teaching staff.

How

Usability testing, think aloud walkthrough, A/B test of two different workflows, post-test interview.

Results

Icons and their targets are too small to click.
Headers are too ambiguous.
What is ‘Protest Mode’? What should I know before I enter it?
Current protests could be viewed by everyone. Suggest restricting access and integrating PIN verification.
How do you filter and validate content? Suggest upvote and report functions.

wireframe
User Testing Insights
wireframe
Issues Identified from User Testing

Refinements

Based on the user testing feedback and additional research, we created the final application Style Guide and refined existing workflows to inform and expand on OYAN’s visual direction and functionalities.

workflow
Final Workflow of OYAN (See full workflow with UI)
Style Guide
Final Style Guide
Style Guide
Final Style Guide

Future Opportunities

The context of our application did not allow us to conduct user testing in a realistic setting. Instead, we tested and interviewed political activists and people that have knowledge of how the protests operate. Thus, we believe that further research with real protest participants would be a great opportunity to expand on the application’s performance.

Team Members

Alina Lapushkina - Copywriting, UX Design, Web
Claire Huang - UX/UI Design, Prototyping, Web
Kenzhe Omarali - UX/UI Design, Copywriting
Kiki Zhang - UI Design, Prototyping
Bert Cheung - Copywriting