UX Case Study: Urban Master Planning collaboration platform

Minha Vitória / UX Case Study. Ottawa, Ontario —  Canada

Overview

Challenge

How to stimulate the interest of city dwellers in sending suggestions online, if in person the number of participants involved is just people more engaged in the community? 🤔

Goals

Roles and Responsabilities

Observatory of Public Sector Innovation — UX Case Study — Canada

Design Process

Empathize

Understanding users’ emotions: an exercise in empathy

What does the population expect from the city?

Urban Master Planning: Regional meetings — Vitória, Brazil
Urban Master Planning: Regional meetings — Vitória, Brazil
Urban Master Planning: Regional meetings — Vitória, Brazil
Positive Emotional Granularity Cards. Delft Institute of Positive Design
Positive Emotional Granularity — Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Positive Emotional Granularity — Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Positive Emotional Granularity Map: ‘Desire,’ ‘Inspiration,’ and ‘Trust’ were the emotions identified.
User value propositions to interact with the platform

Stakeholders Interview

Define

Problem statement

Feedback from face-to-face meetings: what have we learned?

Brainstorm

Ideate

Site Map

Minha Vitória — Case UX — Sitemap
Site map: details of all stages of the platform

Task flow

Task flow: User registration
Task flow: User submitting a suggestion
Task flow: User supporting a suggestion

Lo-Fi Sketches

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Minha Vitória: Low-fidelity sketches (Task “Send a suggestion”)
UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Minha Vitória: Low-fidelity sketch (Google Maps API Integration)

Prototype

Lo-fi Wireframes

Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Home screen wireframe
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Wireframe of the administrative screen “Dashboard.”
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Wireframe of the “Suggestions” screen
Browsable Low-fidelity Wireframe using Axure

Style guide

Vitória, one of the top 5 Brazilian cities, encourages innovation for the entire population.

User Interface (Hi-fi mockups)

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Home Screen: “Minha Vitória” Platform

Dashboards

Dashboards — UX Case Study — Ottawa, Canada
Dashboards — UX Case Study — Ottawa, Canada

'Suggest' Screen

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
“Suggestion” screen: Users could submit suggestions based on city themes

Admin Area

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Dashboard: Administrative access to the preliminary results of online collaborations

Validate

Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada

Product improvements

Pain Points: Iterative process for revalidating the platform before launch
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória: Mobile Version
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória / UX Case Study. Ottawa, Ontario — Canada
Minha Vitória: Desktop Version
Minha Vitória: Platform’s Promotional Video — by Agência Danza / Mirartes Filmes

Takeaways

Outcomes

Dashboard: Heat map by administrative area

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Dashboard: Suggestions sent by administrative area

Dashboard: Most recurring topics

UX Case Study — UX Designer — Ottawa, Ontario. Canada
UX Case Study — UX Designer — Ottawa, Ontario. Canada
Dashboard: Participation volume by topic

Dashboard: What did the population support the most?

Dashboard: suggestions most supported by dwellers on the platform

What happened next?

Urban Master Planning Review — Thematic Seminars

On the shared management model, the society helped draft this accountability, the result of wide discussion. We expect that the meetings will have an expressive audience to build the city we want.
- Lenise Loureiro, City Development Secretary

The launch event of the reviewed Urban Master Planning — Vitória, ES / Brazil

Thanks for reading!

User Experience Designer based in Ottawa, Canada 🇨🇦 marcosrezende.ca