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
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
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
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
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
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
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
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.
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.
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
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
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
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
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
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
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.
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
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,
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
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
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
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
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
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
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
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
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
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
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
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
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
?
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
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
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
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]