This project investigates contemporary aesthetics in the Internet.
Computer graphics respond to the evolution of computational power in relation to user’s needs and desires. They are the results of collaboration and compromises between designers, engineers, computer users and corporate interests.
Design for the web operates within parameters – constantly in-flux as new technologies, platforms, and social trends emerge and recalibrate one and another.
Increasingly, we see the distinction between the human hand and the output of algorithms, software and computers blurring. Perhpas most tellingly by the emerging need to design for non-human entities.
And while many of these factors are outside of most designers control, graphics are a crucial component of the web as they communicate both the content and the structure of the spaces we navigate. Often, the design of an interface will prescribe or enable visual form in unexpected ways.
With an archeologist mindset we will track the technical and cultural reasons for the current state of graphics online. Creating taxonomies and timelines of forms and features, we will look at how design principles can been implemented but also “misused” in inventive ways.
- Identify the current state of internet aesthetics, and understand the technical, social, and historical context that led to these conditions.
- Develop a sensibility to the unstable technological landscape.
- Learn basic HTML and CSS to produce simple webpages.
- 5 minute presentation on your aesthetic collection topic
- Online interface to showcase a collection of 20 images / graphics / forms
- A website that recontextualizes your collection through navigation
- A Vernacular Web, Oliana Lialina
- By Design, Alice Rawsthorne
- Brief Notes on the Art and Manner of Arranging one’s books, Georges Perec
- The Analytical Language of John Wilkins, Jorge-Luis Borges
- The Index, J.G. Ballard
Choose a UI element from this list, or propose your own as the basis for a taxonomy to investigate. If you do choose your own, it should be something very specific (the smiling emoji not all emojis), but the sources for exploration are quite open. Keep in mind you must be able to find image examples and trace their sources when collecting references. Select something around which you have an opinion, curiousity or emotional connection.
Consider the technical and social context in which your UI element exists. How do people interact with it? Do internet load times influence the visual forms of these items? Does a subgroup, political agenda, or technological limitation prescribe certain attributes? When and by whom were they developed.
Collect at least 20 images that illustrates your selected elements breadth and history, and organize them in a simple webpage. Present your webpage as a 5 minute presentation to the class discussing the function of the UI element (how does it work and what it does), your collection as a whole, its history, and its social context.
Due Class 3: January 25th
Carefully analyze your collection and consider its connections. What are its formal attributes? On what platforms or in what geographic locations did they originate? How did the circulation of these forms online change their meaning?
Using your findings, create a website to show and describe the relationships between your collected images. Expose a different understanding of your collection — for instance you could map a single collection by time, formal attributes, designers, sources, and so on. Think critically about what new insights these mappings can provide and choose one to interrogate.
Use inventive logics to organize your collection and basic styling (position, color, scale) to create meaningful sequences.
Due Class 6: Mon Feb 6
Think about the meaning of your selected set of graphics within a contemporary context. Focus on your point of view as a designer and critical thinker and reevaluate your collection into a larger cultural debate.
What do these collections tell us about our screen-based existence? What macro discourses are embedded into the microcosms of our phones? Is it important Facebook adds a “thumbs down” into their platform? How are emojis superseding other forms of communication? Does investigating the past help us reflect about the present and modify the future?
Activate your collection by creating a navigation system to interact with it. Consider how linking, scrolling, hover states, and other interactions add new insights into your collections meaning. Zoom in and blow up. Dissect and reassemble. Rotate and reposition. Print your collection out and reintroduce it to the screen via digital photography, and scanning. Introduce new content which complicates and provides insight into your collection. Think how your interaction schema invokes and complicates the UI elements you are displaying, while at the same time getting at a larger societal issue of the internet.
Your website has to be published, interactive, and self-explanatory — a complete critical piece of work.
Due Class 9: Weds Feb 15
- Class 1: Weds Jan 18
- Intro Project 1
- Class 2: Mon Jan 23
- Group discussion on the vernacular internet
- Small group meetings to discuss potential collections
- Class 3: Weds Jan 25
- Step 1: 5 Minute presentations on your collections
- Class 4: Mon Jan 30
- Small group meetings to review taxonomies / organization systems
- Class 5: Weds Feb 01
- Revise taxonomy websites during in-class work time
- Class 6: Mon Feb 06
- Step 2: Present taxonomy websites
- Class 7: Weds Feb 08
- Discuss linking structure for websites
- Class 8: Mon Feb 13
- linking structures in-class work time
- Class 9: Weds Feb 15
- Final Crit / Step 3 due
- The Wayback Machine
- Cameron's World
- Scrollbar Compositions, Jan Robert Leegte
- Map, Aram Bartholl
- Desktop is, Alexi Shulgin
- GeoGoo, JODI
- TOS, Constant Dullaart
- Youtube as Subject, Constant Dullaart
- Collages and prints, Anders Clausen
- Macintosh/Lab, Emilio Gomariz
- Maadonna, Kim Asendorf and Emilio Gomariz
- Recursor, Brian James
- The Poetics of Space, Daniel Giuditta
- My Space is Your Piece, Silvio Lorusso
- Abstract Browsing, Rafaël Rozendaal
- Captcha Typefaces, Jiwon Park
- Flood Fill, Jürg Lehni
- Do Not Touch, Studio Moniker