depicting daylight: types of multiple image display
DESCRIPTION
How can daylighting can be understood on the Web? Image size, sequence vs. simultaneity and interaction affect legibility. We formatted daylit interior graphics as image matrices, animations and Quicktime VR. After designers helped identify usability issues, we refined the alternatives, and characterized their attributes. Viewers preferred interactively selecting a single large image from multiple thumbnails rather than two or more smaller still, animated or interactive views. Small multiples allow overview browsing to select choices for detailed study. Graphing interface, image and usability characteristics, shows how photo-realistic, symbolic and analytical images complement each other. so combinations promotes legibility. http://www.uoregon.edu/~design/nywc/pdf/replite.pdfTRANSCRIPT
![Page 1: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/1.jpg)
DEPICTING DAYLIGHTINGTypes of Multiple Image Display
NANCY YEN-WEN CHENG AND EDWIN PAT-YAK LEE
d e p a r t m e n t o f a r c h I t e c t u r e - u n I v e r s I t y o f o r e g o n
![Page 2: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/2.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Outline
IntroductionMotivationObjectivesVariablesBackground
DescriptionProcedures Versions
FindingsIssuesConclusionFuture Work
![Page 3: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/3.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
MotivationsUnderstand buildings
under changing conditions
Make visualizations more usable in design and communication process
![Page 4: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/4.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
ObjectivesIdentify critical factors
(alt. use photographs)
Compare usability factors for design evaluation
not looking at simulation accuracy or efficiency
![Page 5: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/5.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
VariablesDAYLIGHTING depends on
time of dayday of year, building formlocation
![Page 6: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/6.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
VariablesREPRESENTATION depends onviewpoint & depiction method
(geometric system, media)
naturalisticquantitative symbolic
![Page 7: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/7.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
VariablesWeb Representation:
sequence vs. simultaneity
vs.
![Page 8: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/8.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
VariablesWeb Representation:
sequence vs. simultaneityimage size & number
vs.
![Page 9: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/9.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
VariablesWeb Representation:
sequence vs. simultaneityimage size & numberinteractivity
![Page 10: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/10.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Lighting Design InquiriesIdentify overlighting,
underlighting, glare problems
Understand range of conditions throughout year or at key times
![Page 11: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/11.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Lighting Design InquiriesConnect sun position, form and surface to visual effects
images by Po-chi Lu
![Page 12: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/12.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Lighting Design InquiriesCompare different design
solutions
![Page 13: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/13.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Lighting Design Inquiries
![Page 14: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/14.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Background researchArt
Vermeer, Lady Standing at a Virginal
![Page 15: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/15.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Background researchArt / Multimedia
Jan Dibbets’ The Shortest Day at the Van Abbemuseum, Eindhoven. 1970.
![Page 16: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/16.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Background researchArt / Multimedia
Levin, Golan, & Paul Debevec. Rouen Revisited, 1996
![Page 17: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/17.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Background researchBuilding Science
K. Papamichael, B. Sumption, B Haglund,
Bruce and A.Zabrodsky, Alexander,
![Page 18: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/18.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Background researchBuilding Science
D. Glaser, S. Ubbelohde, M. Hearst
![Page 19: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/19.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Procedure – design cycleDesign of Website options
Discussion and feedback from users
Characterization of Websites into graphs
Revision of Website, images, user questions
![Page 20: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/20.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 1st setnaturalistic images only
4 ways
![Page 21: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/21.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 1st setAttribute Graphs
![Page 22: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/22.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 2nd SetDiagrams to show
cyclical nature
![Page 23: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/23.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 2nd SetAttribute Graphs
![Page 24: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/24.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 3rd SetZoom-in
side by side comparison, enlarge for inspection
![Page 25: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/25.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Website 3rd SetAttributeGraphs
![Page 26: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/26.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Revised renderings & scenarios
![Page 27: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/27.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
IssuesControl
clear navigation over fancy interface
2D matrix clear & accessible (not cyclical)
3D forms difficult to navigate
![Page 28: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/28.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
IssuesContext
proximity or interactive relationship
labels or icons
![Page 29: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/29.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
IssuesInfo Density
allows detailed inspectionSize and number of images
zoom, overlap, substitute
![Page 30: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/30.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
IssuesPurpose
visualization to fit design questions
?
![Page 31: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/31.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
IssuesPurpose
priority of options to fit design questions
![Page 32: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/32.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
ConclusionsSequentialcomplements
![Page 33: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/33.jpg)
n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e
Further workScenario-based surveysTest further options – more
context, different interactions
Perceptual issues – artistic compensation for adaptation
![Page 34: Depicting Daylight: Types of Multiple Image Display](https://reader035.vdocuments.net/reader035/viewer/2022070321/558e4a021a28ab61518b47a2/html5/thumbnails/34.jpg)
DEPICTING DAYLIGHTINGTypes of Multiple Image Display
NANCY YEN-WEN CHENG [email protected]
d e p a r t m e n t o f a r c h I t e c t u r e - u n I v e r s I t y o f o r e g o n
EDWIN PAT-YAK LEE [email protected]