UX/UI Motion About

Reveal | Augmented Reality Application Concept

Raising awareness for hostile architecture through the lens of augmented reality

Project Overview

An augmented reality advocacy tool that identifies hostile architecture in public spaces, raising awareness and educating users on its social impact and empowers them to take action toward a more inclusive urban design.

Role

UX Research

UX/UI Design

Problem

Most people walk past hostile architecture every day without realizing its purpose or impact on vulnerable populations.

Solution

Use augmented reality to identify, educate, and reimagine hostile architecture in public spaces

Timeline

Fall 2024


Background

What is Hostile Architecture?

Hostile Architecture (Defensive Design) is an urban-design strategy that uses elements of the built environment to purposefully guide behavior.

It often targets people who use or rely on public space more than others, such as youth, poor people, and homeless people, by restricting the physical behaviors they can engage in.

Leaning bar replacing bench at transit station

Problem

Replaced a regular bench with a leaning bar to prevent sitting, sleeping, and loitering


Affected Populations

Everyday passengers, homeless, elderly, and people with physical/situational disabilities

Spikes placed on steps near buildings

Problem

Spikes placed over steps near buildings and businesses.


Affected Populations

Everyday people, the elderly, people with physical disabilities, and the unhoused.

Covered grates over subway vents

Problem

Covered grates over subway vents, specifically designed not to be sat / slept on.


Affected Populations

Mainly unhoused people trying to keep warm during the winter months.

PACT Analysis

Narrowing down a user base and use case for Reveal

By understanding the diverse needs of urban commuters, unhoused individuals, and accessibility advocates, the analysis ensures the app is designed for real-world impact.

Primary Users

Urban explorers: People interested in understanding the impact of public spaces and architecture.

Advocates for social change: people who want to raise awareness for hostile architecture

Context

Urban Environments: The app will primarily be used outdoors in parks, city streets, and public transportation.

Busy Locations: Since many public spaces are crowded, the app's interface needs to be non-intrusive and simple.

Activities

Exploring public spaces: Users will walk through their urban environments while using the app to scan for and identify hostile architecture elements.

Education and awareness: The app will inform users about the purpose of defensive designs and their societal impact on the most vulnerable populations.

Technology

AR headset: AR headsets are ideal for overlaying real-time information onto physical objects in the user's environment. It includes features such as:

AR headsets battery: most AR headsets have a battery life of 2 hours so users need to be aware that they can't use it forever.

Low Fidelity

Initial Designs (Based on the Apple Vision Pro Interface)

Finding examples and interfaces was actually quite a challenge, as there weren't many design examples of apps being created on AR/VR headsets, so I ultimately decided on the Apple Vision Pro so it has the most extensive design documentation and design elements online.

Low fidelity wireframe 1 Low fidelity wireframe 2 Low fidelity wireframe 3
Low fidelity wireframe 4 Low fidelity wireframe 5 Low fidelity wireframe 6

User Testing

Feedback and Iterations from Real Users

Based on user testing feedback from the my low and mid fidelity wireframes, I iterated on the main screens to be more user friendly, less text heavy, and more visual focused.

Main screen was too crowded and text heavy

Before: crowded main screen

Too Much Text and Overwhelming Layout

Users were overwhelmed with the number of buttons on the screen, and many skipped this part completely to go over to the 3D redesign.

After: cleaner layout

Moved the layouts further towards the edges

I redesigned the overall layout to focus more on the 3D overlay rather than informational text. Users can still read more about it on right hand side if they wish

Submit Form wasn't user friendly and confusing to fill out

Before: confusing form

Confusing Form Field

Users were confused with the overall layout of the form field. They were not sure what was pre-filled out and what they had to fill out themselves.

After: clearer form

More Intuitive Forms and Submit Button

I redesigned the layout of the form field to have more visual hierarchy and affordance to users. They now know what to click and how to add media before submitting.

Solution Overview

Identifying Hostile Architecture

After the user onboards, Reveal will automatically identify any hostile architecture in the area, where the user can then interact with it.

They can overlay a re-designed version, read up on the architecture, and understand why it's hostile in nature.

Understand the History of the Architecture

Users can also view the history of the architecture throughout the years, via descriptions and images. This way, users can get a better sense of how the current design came to be.

They can then share this location and report it to city officials with a simple form.

Find Hostile Architecture in the Real World

Users can also go to the map and check out other identified or tagged hostile architecture in their area.

This encourages users to explore their environment through the lens of urban design and maybe even find more examples!

Takeaways

Frequent Interaction with Public Spaces

Most participants are daily commuters or urban dwellers who regularly navigate public spaces like transit hubs, parks, and sidewalks. Their reliance on these spaces underscores the importance of inclusive design.

Varied levels of Awareness

While some users were familiar with the concept of hostile architecture, many were unaware of its impact on vulnerable populations, highlighting the need for educational elements in the app.

Significant Pain Points Identified

Common issues include a lack of seating, inaccessible pathways, and exclusionary features, affecting elderly individuals, people with disabilities, and unhoused populations.

Accessibility Is a Design Priority, Not a Bonus

Creating something meant to highlight exclusion pushed me to be extra intentional about inclusive design in the app itself, from how users navigate it to how information is presented.