InfoCrisis.Social - Design Process

26
InfoCrisis.Social A socially powered information dashboard to help communities face disruptive events by optimizing information and resource flow. Gonzalo Bacigalupe, EdD, MPH. - PI Javier Velasco-Martín, PhD. – PM Sustainable UX Conference Feb 16th, 2017

Transcript of InfoCrisis.Social - Design Process

Page 1: InfoCrisis.Social - Design Process

InfoCrisis.SocialA socially powered information dashboard to help communities face disruptive events by optimizing information and resource flow.

Gonzalo Bacigalupe, EdD, MPH. - PIJavier Velasco-Martín, PhD. – PM

Sustainable UX ConferenceFeb 16th, 2017

Page 2: InfoCrisis.Social - Design Process

Live from Algarrobo, Chile!

Page 3: InfoCrisis.Social - Design Process

Who we are• CIGIDEN• Inria Chile• InfoCrisis.Social

Page 4: InfoCrisis.Social - Design Process

Disasters in Chile

Terremoto de Illapel

2010 - 8.8 Mw Maule earthquake

350 km rupture4 minutes

3rd strongest

Page 5: InfoCrisis.Social - Design Process

Disasters in Chile – 2017

Melinka 7.6 Mw EarthquakeDecember 25th, 2016

Valparaiso WildfireJanuary 1st, 2017

Great Chilean WildfireJanuary 15th-30th , 2017

Page 6: InfoCrisis.Social - Design Process

Social Media in Chile

73.8% population has internet access, mostly mobile.Subtel, 2016

What do you use the internet for?1. Chatting on WhatsApp: 68%2. Go on social media: 65%3. Sending email: 60%

Page 7: InfoCrisis.Social - Design Process

Purpose

InfoCrisis.Social will provide citizens, reporters, and researchers with real-time tailored information related to natural disasters and crises.

Page 8: InfoCrisis.Social - Design Process

Initial Sketch

Page 9: InfoCrisis.Social - Design Process

Disaster Expert Survey

Important types of information– Event location/magnitude– Safety zones– Evacuation routes– Official alerts– Situation forecasts– Available utilities– Authority in charge– How to protect your family– How to help

Page 10: InfoCrisis.Social - Design Process
Page 11: InfoCrisis.Social - Design Process

Information Types• Individuals and communities require different types of

information according to type of disaster and its development stage. InfoCrisis.Social will prioritize different screen components at different stages of the disaster cycle according to public information needs: • After a disaster, convergence processes &

humanitarian relief are key.• During a threatening situation, predictions of

possible effects, affected areas and safe zones become priority.

• During periods of normality, the dashboard prioritizes information to educate the public and help them organize for preparedness/mitigation as well as address social vulnerability risks.

Page 12: InfoCrisis.Social - Design Process

Early Wireframes

Page 13: InfoCrisis.Social - Design Process

Partnership with Inria

Page 14: InfoCrisis.Social - Design Process

Lots of brainstorming!

Page 15: InfoCrisis.Social - Design Process

Conceptual Model – Development

Page 16: InfoCrisis.Social - Design Process

Conceptual Model – Public• InfoCrisis.Social aggregates info from

institutions, press and social media…• Users can evaluate resources and share

them…

Page 17: InfoCrisis.Social - Design Process

Content Modeling

Page 18: InfoCrisis.Social - Design Process

Content Inventory • Channels:• Web• RSS• Twitter• Facebook• Youtube• Instagram• GIS Layers

Sources:– Official

• Government• Emergency offices• Ports & Borders• Fire Stations• Police (central)• Utility + Highway Cos.

– NGOs• Emergency• Volunteering

– Media• National• Regional• Citizen

– Digital volunteers– Public

Page 19: InfoCrisis.Social - Design Process

Design Workshops

Scenario 1: You’re at a coastal town and a strong quake knocks you to the ground:

– What info do you need?– Where do you get it from?– How would you show the

situation info?

TwoGroups30 Min

AllTogether45 Min

Page 20: InfoCrisis.Social - Design Process

MOARSketching

Page 21: InfoCrisis.Social - Design Process

Clarity through Information Design

Page 22: InfoCrisis.Social - Design Process

Agile Dev - Release 1: Twitter Data Capture

Page 23: InfoCrisis.Social - Design Process

How is InfoCrisis.Social sustainable?A resilient community is less vulnerable to natural hazards. It will be less damaged in its resources and infrastructure, requiring fewer resources for its recovery.A resilient community knows the role of its natural environment in presenting and preventing hazards.

Page 24: InfoCrisis.Social - Design Process

How is InfoCrisis.Social sustainable?• A centralized repository saves internet traffic.• Better information delivery, and especially volunteer and donation

coordination will save unnecessary or lost trips: A 2014 fire in Valparaíso generated tons of thrashed donations due to poor coordination, there were no means of redistributing them.

• Software components re-used. • Keeping our code clean!

– HTML5, CSS3, WAI…

Page 25: InfoCrisis.Social - Design Process

Securing resources• Initial Costs

– Design– Development– Management

• Permanent Costs– Hosting– Project Management– Community

Management

• Volunteers, recurring– Digital Volunteers to train the

system, different levels of engagement

– Trusted group for development and maintenance feedback

• Volunteers, sporadic– Mapping– Account classification– Design evaluation and brainstorm?– Development & Platform

brainstorming?– Any takers?

Page 26: InfoCrisis.Social - Design Process

Thank You!

http://infocrisis.social - [email protected]

Gonzalo Bacigalupe, EdD, MPH – [email protected] Velasco-Martín, PhD - [email protected]

Sustainable UX ConferenceFeb 16th, 2017