Using navigation to reframe what's possible (IAC19)

2020-03-01 226浏览

1.Using navigation to reframe what’s possible Anita Cheng Content designer at San Francisco Digital Services @anitaycheng
2.Moana (2016) Walt Disney Pictures With help from our favorite Disney navigator!
3.For this talk… When I say “navigation” I mean “the main menu” (there’s a reason for this, I promise!) @anitaycheng
4.I have a confession... @anitaycheng
5.Navigation is the most visible sign of what we do Creating navigation is creating a map
6.“Can walking through the world be our metaphor [for search]?” Dr. Marcia Bates, IA Summit 2018 @anitaycheng
7.Jessica DuVerneay, IA Summit 2016 @anitaycheng
8.Jessica’s Jessica DuVerneay, IA Summit 2016 @anitaycheng
9.“Talk about online properties as things that have an impact on people, like physical stores do, and stakeholders start making those analogies mentally.” Jorge Arango, IA Summit 2011 @anitaycheng
10.Mapping physical stores to online stores Image by Mike Kalasnik @anitaycheng
11.“Navigation is a tool which allows us to do this beautiful choreography where we move users around.” Andrea Resmini, IA Summit 2012 @anitaycheng
12.“Language is a “form of mind-transforming cognitive scaffolding.” We create it so that we can go on to create more environment together.” Andy Clark via Andrew Hinton, IA Summit 2014 @anitaycheng
13.The Mayor’s Office of Housing & Community Development Below market rate housing to San Francisco residents who may not otherwise afford it (that’s a lot of people!) @anitaycheng
14.Original SFMOHCD website navigation Follows the org chart... @anitaycheng
15.Goals forpublic:1. Show people what services we provide 2. Show the public what the department is doing about affordable housing @anitaycheng
16.New SFMOHCD website navigation @anitaycheng
17.Is this all government websites can do? @anitaycheng
18.“The map is not the territory.” Alfred Korzybski, 1931 @anitaycheng
19.Linn Vizard, Service Experience Conference 2016 @anitaycheng
20.“Mapping information helps understand place, relationships, and possibilities.” Joe Sokohl, IA Summit 2016 @anitaycheng
21.We don’t have much to go off of... @anitaycheng
22.We don’t have much to go off of... @anitaycheng
23.And that’s all, folks! (but can we do more?) @anitaycheng
24.Can we do something about affordable housing other than yell on NextDoor?
25.Let’s get meta about “government services” @anitaycheng
26.The word “services” turns citizens into consumers. George Lakoff, The Little BlueBook:The Essential Guide to Thinking and Talking Democratic @anitaycheng
27.“Citizens are part of their government and have a role in shaping it.” George Lakoff, The Little BlueBook:The Essential Guide to Thinking and Talking Democratic @anitaycheng
28.Early map of the Americas drawn by Sebastian Munster, photo by Tom Wigley Navigation is often a finished map
29.
30.Early map of the Americas drawn by Sebastian Munster, photo by Tom Wigley
31.What if there was room for more exploration? @anitaycheng
32.There be dragons Dragon from Jishin-no-ben, 1855
33.“With every map there’s an edge—a border between the known and the unknown… And that’s what’s scary about darkness for a lot ofpeople:the unknown. The known is finite, the unknown isinfinite:anything at all may lurk in it.” Writer Margaret Atwood, In Other Worlds, 2011 @anitaycheng
34.Moana (2016) Walt Disney Pictures
35.Moana (2016) Walt Disney Pictures
36.MOHCD is just starting this, but I ran with the thought anyway!
37.Recruit your fellow travelers Moana (2016) Walt Disney Pictures
38.First, user research! With some reframing 😄 @anitaycheng
39.“If you want users to love your design, fall in love with your users.” Dana Chisnell, Twitter bio @anitaycheng
40.What user research tool to use? (It depends!) (And this is not that talk!) @anitaycheng
41.
42.
43.
44.Give people space to share their ideas @anitaycheng
45.Get organizational buy-in @anitaycheng
46.“Organizations have stories that drive the conversation about what is made.” Andrew Hinton, IA Summit 2014 @anitaycheng
47.To build public will, your messagingneeds:➢Trust ➢Belonging ➢Having a stake Dr. Tiffany Manuel, Building public will around affordable housing, 2018 @anitaycheng
48.Don’t ever call it a crisis! (It engages the lizard brain!) @anitaycheng
49.We need openness and safety so we can be adventurous @anitaycheng
50.Study the landscape Moana (2016) Walt Disney Pictures
51.Follow the research! @anitaycheng
52.Tidying Up with Marie Kondo (2019) Netflix Fall in love with complexity!
53.? ? ?
54.The affordable housing ecosystem for the general public
55.ood h r o hb Neig izations n orga Scho ols Religio us insti tu tions ps u t gro s i v i t c A Digita l lite grou racy ps es brari Li And othe r s! The affordable housing ecosystem for the general public
56.? ? ?
57.Once you own a home, you just do paperwork every year Can we create a space where owners are more than mere consumers?
58.Visualize your destination Moana (2016) Walt Disney Pictures
59.Expand your user journeys for a healthy, sustainable future state @anitaycheng
60.What do I want housing in San Francisco to look like? @anitaycheng
61.What do I want housing in San Francisco to look like? It’s not about any one person’s vision! @anitaycheng
62.A community to come together in healthy, productive ways to build a city that is designed by the people who live here, who work here, and who visit. Image by RachidH
63.MOHCD as conductor, directing the public, the providers, the helpers, the policymakers Image by The United States Army Band
64.Take stock of your supplies Moana (2016) Walt Disney Pictures
65.! ! ! T N EME R U C PRO Moana (2016) Walt Disney Pictures
66.ne i l n o ting a r e d ut o Mo b a s ion s s u in c s g n di i s hou e l b a o? c afford s i c n a San Fr Moana (2016) Walt Disney Pictures
67.Change up what we already know how to do @anitaycheng
68.Chart your course Moana (2016) Walt Disney Pictures
69.Affordable housing depends on political goodwill, internal and external, with lots of stakeholders Image by Ty Walker
70.Use navigation to bring people into the fold of your mission. @anitaycheng
71.What could MOHCD’s navigation look like? (If we could do anything) @anitaycheng
72.
73.● Come together online ● Be part of the solution
74.● Open data ● Transparency ● Being informed
75.● Start with neighborhood ● Local workshop & interactive sessions ● Become neighborhood ambassador
76.It might be exciting (and scary) at first! Moana (2016) Walt Disney Pictures
77.Moana (2016) Walt Disney Pictures
78.Let’s get even more meta... @anitaycheng
79.Arango Resmini Hinton Korzybski
80.Who are the experts? Who are not? @anitaycheng
81.https://oldtopographer.net/Recreation of Christopher Columbus’s Santa Maria
82.Image by Museo Galileo Image by Walt Stoneburner Image by Sage Ross Navigational tools in the Age of Discovery
83.Image by russellstreet Captain James Cook thought Polynesians were blown to their islands by accident
84.Europeans were thought of as navigational experts Polynesians were not @anitaycheng
85.https://www.kon-tiki.no/Thor Heyerdahl’s crew in 1947 for the Kon-Tiki expedition, to “prove” South Americans could have populated Polynesian islands
86.
87.Master navigator Mau Piailug Master navigator Mau Piailug
88.http://archive.hokulea.com/holokai/1976/ben_finney.html
89.Photo by Jim Heaphy Star Compass by Nainoa Thompson, student of Mau Piailug Micronesian stick chart, showing waves around the Marshall Islands
90.The Polynesian nation Image by David Eccles (gringer)
91.Moana (2016) Walt Disney Pictures
92.Let’s think bigger with navigation (websites and otherwise!) @anitaycheng
93.To reframe what’s possible 1. Recruit your fellow travelers (tell the right story!) 2. Study the landscape 3. Visualize your destination 4. Take stock of your supplies 5. Chart your course ...and question your own ideas of who an expert is @anitaycheng
94.Moana (2016) Walt Disney Pictures
95.Thank you! Anita Cheng Content designer at San Francisco Digital Services digitalservices.sfgov.orgTwitter:@anitaychengLinkedIn:/in/anitaychengWebsite:anitacheng.com @anitaycheng