Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis...
-
Upload
sabrina-bruce -
Category
Documents
-
view
218 -
download
0
Transcript of Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis...
![Page 1: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/1.jpg)
Dancing About Architecture
An Inquiry into the Aesthetics of Web Design
Nick [email protected]
Enosis Groupwww.enosis.com
© 1999, Enosis Group
![Page 2: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/2.jpg)
“Writing about music is like dancing about architecture”
Frank Zappa
![Page 3: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/3.jpg)
& aCTive
audience, designers, producers, underwriters personal, professional, institutional
inquiry into aesthetics
Motivate
ocont
I
nu us
![Page 4: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/4.jpg)
Why?
Help us each to create
a foundation
of our own
from which to decide
about work and experience
in creating and using the web
![Page 5: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/5.jpg)
Why?
aware activethinkingquestioninginquiring
Design
![Page 6: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/6.jpg)
Rules ... “Creativity Substitutes”
1967
Gene Case Rules in advertising copy writing
![Page 7: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/7.jpg)
Codes ... Building Codes
Construction Laborers
& Building Inspectors
![Page 8: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/8.jpg)
Tryanny of (Design) Systems
UsersDesignersBuyers
media, methods, tools …
… expression, experience, meaning
![Page 9: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/9.jpg)
Plague of Interpretative Noise
• Structuralism
• Modernisim
• Post-, Neo-, and Grunge- everything
![Page 10: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/10.jpg)
Existentialism
Meaningresponse to creation of subject from nothing
Long conversations that lead nowhere
Repudiation of meaning apart from existence
!
![Page 11: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/11.jpg)
Expressionism…Constructivism
People as puppets of technology…
…neohumanism empowered by new materials & techniques
!!
![Page 12: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/12.jpg)
Structuralism
Human activity arises from a system
Discovered & (de)Constructed; knowable
Analysis & Critique fundamental
Semiotics
Process
![Page 13: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/13.jpg)
Modernism
Reality from signs; signs from Reality
Rise of the Natural, Visual, Objective: Meaning
Affirmation of difference within the Social
The “I”
![Page 14: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/14.jpg)
Pop ModernismI ... can have more (than enough)
100% ... bohemian
Sex ... as art, as right, as being
Desire: sharp, yet tender
Self-Promotion; Self-Expression
Culture pop<-->high; pop--><--high
Consumption, Fortune
Taboo defanged ... commercialized
Advertising
Utopia
![Page 15: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/15.jpg)
Post-Modernism
Meaning Questioned …Signs, Symbols, Meaning
Reality as: a personal construction…… intentional, evaluative
Being as critique
Loss (denial) of Utopia
![Page 16: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/16.jpg)
Pattern Languages
• Qualities driving exploration, experimentation– architects, designers
• Principles from practice– engineers
• Structured practice through rules– construction site
• Patterns -- retrospective semiotics– incl semantics, syntax, pragmatics; lexicon
– infrastructure for systems
– supplant (‘wrong’) exploration and expermentation
• System-Theoretic Deconstruction
![Page 17: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/17.jpg)
Antidote
Intelligent ExperienceComplex (The Rich Unknown)
Reflective (Deeply Personal)
Reflexive (Subject & Objective)
Informed by Aesthetic Inquiry
![Page 18: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/18.jpg)
Firmness, Commodity, and Delight
1st Century BC (and earlier)
Vitruvius Ten Books of Architecture
![Page 19: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/19.jpg)
Goals, Expectations, and Experience
Mutual
Harmonic
Cohesive
![Page 20: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/20.jpg)
Understanding Experience
Precedes Separation of Object & Subject
Recorder and Foreteller—history and future
Elaboration of Self
Colors everything—lifts or taints
False hype, false hope
![Page 21: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/21.jpg)
Compelling Interpretation and Action
Bakery Resolution Imperative
Buildings Columns, Arcades, Rooms
![Page 22: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/22.jpg)
Architecture
people
places
spaces
![Page 23: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/23.jpg)
People, Places, Spaces
web, desktop apps
film, theatre
pie, cake
![Page 24: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/24.jpg)
Kindergartners and Designers
Interpretive Critique
Open Eyes
Search for New
Self-, Inner-Directed
Any Excuse
(role-play belonging to the critical class ... adults)
![Page 25: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/25.jpg)
SOME IDEAS
Rich Space
Signifiers
Symbols
![Page 26: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/26.jpg)
SOME IDEAS
Discourse
Placing the audience
Shift to the experience
Acting out of roles
Recapitulation
![Page 27: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/27.jpg)
SOME IDEAS
Narration & Navigation
Creator
Audience
Content
Structural
Unseen
![Page 28: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/28.jpg)
SOME IDEAS
Aesthetic Distancing...
Technology Affront
Figure from Ground
Tension, Balance, Centers
Forced Modes
...and Resolution
![Page 29: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/29.jpg)
Whitespace
Work of artsketch, statuary, museum,
painting, photograph, advertisement
Space and Relationshipsorality to bound A4 linearity
Columns, Dynamics, Rhythm
Conventions, Fictions
![Page 30: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/30.jpg)
Other Examples?
Content is King
Paragraph Lengths
Frames
Scrolling
Download times
Image maps
Search
Clicking Counts, Clicking Rates
![Page 31: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/31.jpg)
Design at the Nexus
at the nexus arise
Designed Experiences
ArtPersonal-expression-emotional
ArchitectureGroup (p/p/s)-evocative-emotive
EngineeringPersonal Practice-inventive-techne
ConstructionGroup Practice-conventions-assy and practice-practical (production? industry ?)
![Page 32: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/32.jpg)
Design at the Nexus
Engineeringsimple as can be, no simpler
Artexpression, exploration
User experience“Smarter HCI practitioners 9 out of 10 times”
Context and ContentBeyond consolidation, distillation
... place, process, systems, artifacts
Designer-driven
![Page 33: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/33.jpg)
New Quality to Experience
Ancient Visual Society ...
… to Modern Verbal Society
New Media Society
… a Neo-Visual Society
In which we are allunprepared, unskilled, untrained
![Page 34: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/34.jpg)
An Affinity-Free Discipline
Engineer the Interface
Design the Experience
Affinity-Free Design
![Page 35: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/35.jpg)
Motivateaudience, designers, producers, underwriters, active, continuous, personal, professional, institutional, inquiry, aesthetics,
Design
![Page 36: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/36.jpg)
Responsibility (and Mandate)
Robust exerciseVariety
Exploration
Experimentation
Knowing executionStronger results
Communication
![Page 37: Dancing About Architecture An Inquiry into the Aesthetics of Web Design Nick Ragouzis nickr@enosis.com Enosis Group © 1999, Enosis Group.](https://reader030.fdocuments.net/reader030/viewer/2022032705/56649dd25503460f94ac8a97/html5/thumbnails/37.jpg)
Dancing About Architecture
Anyone?