![Page 1: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/1.jpg)
Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia Girling, and Ronald Kellett
University of British Columbia
UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR PUBLIC ENGAGEMENT IN URBAN DESIGN CHARRETTES
@ ISS, Nov 8, 2016
![Page 2: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/2.jpg)
WHAT ARE DESIGN CHARRETTES?
‣ A common method for engaging the public in urban design
‣ Intensive multi-day processes
‣ A team of professionals and a diverse set of stakeholders create a development plan
2
![Page 3: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/3.jpg)
WHY DESIGN CHARRETTES ARE IMPORTANT?
‣ Diversity of viewpoints ‣ Discourse among stakeholders ‣ Buy-in for final solutions
(Lennertz et al. 2006, Brody et al. 2003, Innes & Booher 2004)
3
![Page 4: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/4.jpg)
“AN IMPOSSIBLE PROBLEM IN AN ABSURDLY SHORT TIME”
Condon, 20074
WHY DESIGN CHARRETTES ARE HARD?
![Page 5: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/5.jpg)
HOW DESIGN CHARRETTES ARE CARRIED OUT TODAY?
▸ Paper-based
▸ Engaging, collaborative
▸ No feedback on indicators
▸ Geographic info system
▸ Expert intensive
▸ Non-collaborative
5
![Page 6: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/6.jpg)
WHAT ARE THE CHALLENGES FOR DESIGNING TOOL SUPPORT?
‣ Integrating data and visualizations of information ‣ Employing interactive modes to engage people ‣ Providing understandable yet credible information ‣ Employing social and peer learning
(Sheppard, 2012; Moser, 2010; Holden 2008; Davis, 2008)
6
![Page 7: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/7.jpg)
MAIN GOALS
‣ Engaging diverse stakeholders
‣ Fostering collaboration and co-creation
‣ Understanding consequences of their choices
7
![Page 8: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/8.jpg)
DEFINITIONS
▸ Indicators (sustainability metrics):
▸ e.g. population density, percentage of walking trips
▸ Case: has information such as footprint, height, volume
▸ e.g. buildings, streets, or parks.
▸ Task: Designing a neighborhood for maximum walkability
8
![Page 9: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/9.jpg)
UD CO-SPACES (URBAN DESIGN COLLABORATIVE SPACES)
9
![Page 10: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/10.jpg)
UD CO-SPACES: TABLETOP AND HANDHELD DEVICES
10
![Page 11: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/11.jpg)
UD CO-SPACES VIDEO
11
![Page 12: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/12.jpg)
DESIGN, DEVELOPMENT AND DEPLOYMENT PROCESS
122012 20162010
![Page 13: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/13.jpg)
CURRENT VERSION: INTEGRATING INDIVIDUAL DISPLAYS
▸ iPad 3D viewer app
▸ Improving interactions with the 3D wall display
▸ iPad indicator app
▸ Moving indicators into personal spaces
13
![Page 14: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/14.jpg)
USER STUDY
▸ Lab study with 37 participants (8 groups of 4-5)
‣ University students from various disciplines
▸ 2 conditions: paper vs. UD Co-Spaces
14
![Page 15: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/15.jpg)
WHAT DID WE LEARN?
a) engaging diverse stakeholders
b) fostering collaboration and co-creation
c) understanding consequences of their choices 15
![Page 16: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/16.jpg)
ROLE: CO-CREATION OF SOLUTIONS
“Having this tabletop put every stakeholder involved so they can make changes themselves, see those changes right away, [which] promotes collaboration” 16
![Page 17: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/17.jpg)
DID THE TECHNOLOGY CATALYZE DISCUSSIONS?
“2D and 3D helped with dialogue”
“I definitely really liked how everything was synced, specially with regards to 3D, iPad and table itself”
17
![Page 18: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/18.jpg)
DID THEY UNDERSTAND CONSEQUENCES OF THEIR DESIGNS?
“Having [indicators] and having that in real time definitely altered how we approached the project”
larger impact ... it was almost like stepping out and saying, okay, what did we
18
![Page 19: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/19.jpg)
SEVEN PRINCIPLES FOR URBAN DESIGN CHARRETTES
19
1) Engagement
2) Collaboration
3) Interactive visualization
4) Accessibility
5) Iteration
6) Understanding consequences
7) Transparency
![Page 20: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/20.jpg)
MAIN CONTRIBUTIONS
‣ Urban design charrettes: technology and guidelines
Beyond the urban design domain:
‣ The potential of interactive surfaces
‣ Building common ground
‣ Increase interactions and engagement using touch-based interactions
‣ Transiting Novices to experts20
![Page 21: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/21.jpg)
WHAT CHALLENGES REMAIN?
Just Scratching the Surface: The long Road to Effective Cross-Surface Interaction
21
![Page 22: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/22.jpg)
22
Ronald KellettCynthia Girling
Narges Mahyar Jialiang Xiang Siyi Meng
Kellogg Booth
Kelly Burke
Narges Mahyar [email protected]
Slides, paper, and more:
http://nmahyar.ucsd.edu/
![Page 23: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/23.jpg)
BACK UP SLIDES
![Page 24: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/24.jpg)
24
empower
collaborate
involve
consult
informshareinforma-on
makeordelegatedecisionsaboutop-ons
par-cipateingenera-ngandtes-ngop-ons
contribute,andlearnaboutothers’,feedback
increasin
glevelsofengagem
ent
par-cipateindefiningop-ons
HOW MUCH ENGAGEMENT?
![Page 25: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/25.jpg)
WHAT IS THE GAP?
▸ There is a gap in tool support for design charrettes
▸ Early in the process where influential (and difficult to reverse) directions are considered with relatively little information
25
Especially here
![Page 26: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/26.jpg)
USER-CENTERED DESIGN PROCESS▸ 2010: one single display small tabletop
▸ 2012: larger tabletop connected to a large wall display
▸ 2016: multi-display: table, wall, iPads
262012
2010
2014 20162010
![Page 27: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/27.jpg)
VISUALIZATION DESIGN FOR PUBLIC ENGAGEMENT
27▸ Infographics & donut charts based on domain experts’ suggestions
![Page 28: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/28.jpg)
ROLE: SHARE THEIR THOUGHT PROCESS WITH OTHERS
28
![Page 29: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/29.jpg)
“There are a lot of details to consider when doing urban planning!”
“The process helped understand city planning and its ramifications”
29
DID THEY GET SOME APPRECIATION FOR WICKED PROBLEMS?
![Page 30: UD CO-SPACES: A TABLE-CENTERED MULTI-DISPLAY FOR …groups.cs.umass.edu/.../01/ISS-2016_talk_Mahyar.pdf · Narges Mahyar, Kelly Burke, Jailing Xiang, Siyi Meng, Kellogg Booth, Cynthia](https://reader034.vdocument.in/reader034/viewer/2022051914/60062b7543fc894bc40648f3/html5/thumbnails/30.jpg)
UD CO-SPACES: SPECIFICATIONS
▸ Projectors in Decision Theater (UBC, CIRS building):
▸ Native Resolution:1920x1200
▸ Aspect ratio:16:10 (WUXGA)
▸ Image Size: 127- 1524 cm
▸ Touch table: PQ labs touch interface
▸ 52” HD TV
▸ Resolution 1920 x1080
30