Andi Wu – Interaction Design History Spring 2025

Ethics

Andi Wu — Mon, 12 May 2025 12:15:21 +0000

I believe that interaction designers have a responsibility to protect and center user power, especially when designing with AI. This includes being transparent about how AI works, protecting user privacy, preventing bias and discrimination and promoting user autonomy. And avoiding manipulative or harmful design. I think practicing human-centered design is one of the most important things we can do as interaction designers to create better design blueprints.

iPod and iPhone

Andi Wu — Tue, 06 May 2025 12:07:14 +0000

The iPod and iPhone marked a major shift in people’s relationship with technology, making it more personal, portable, and ubiquitous. iPod introduced the idea of carrying a personalized library of music on the go, while the iPhone expanded on that idea, combining the functions of a cell phone, a computer, and a camera into a compact device that could fit in a pocket. This evolution has made technology a constant companion in almost every aspect of daily life – from communication and entertainment to navigation and social connections. At the same time, cell phone interfaces became more intuitive, using touchscreens and gestures rather than buttons and menus. Designers began to prioritize user-centered design, creating experiences that were easy to use, emotional, and visually appealing. In short, the iPod and iPhone changed not only what technology could do, but how we lived with it.

Web 2.0

Andi Wu — Mon, 05 May 2025 11:59:57 +0000

I believe that Web 2.0 introduced interactive features that allowed users to create content, connect through social media and interact with dynamic websites, transforming the web from a static page to an engaging platform. Overall there is a higher degree of operational online as well as freedom. And today the web has evolved further with the advent of artificial intelligence personalization, voice interfaces, real-time collaboration and immersive technologies like AR/VR. The modern web is smarter, more personalized, and more integrated into everyday life across devices and platforms.

GUI and Personal Computer

Andi Wu — Tue, 01 Apr 2025 01:20:26 +0000

I think graphical user interfaces have improved much in terms of visual design and aesthetics since the early days of Macintosh / Windows. Whereas early GUIs were basic and pixelated due to hardware limitations, today’s interfaces are minimalist, animated and rich in visual content. We have high DPI monitors, silky smooth animations and adaptive themes which enhance aesthetics and usability these days. Input mechanisms retain the original convenient input mechanisms, but have been adapted or changed to be more user-friendly.The keyboard and mouse, for example, were once the norm ofthe day. Now we enjoy touch, voice, stylus, gestures and even eye tracking as means of interacting with devices. This development has led to a more intuitive, user-friendly anddiverse user experience. And in the world of technology today, I think we still have a place for innovation in artificial intelligence and personalization. While we’ve made quantum leaps intechnology, we still haven’t explored the full capability of AI within the GUI. Interfaces must adapt dynamically to forecastneeds, make workflows easier, and modify layout based on context and behavior. Smarter, more responsive user interfaces are where we’re going.

Lucy Suchman and the Usability of Human-computer Interaction

Andi Wu — Tue, 18 Mar 2025 12:12:22 +0000

Lucy Suchman’s particularly field research at Xerox PARC, fundamentally altered our approach to measuring whether or not technology serves the needs of users. Designers before Suchman’s research habitually had predicted that the users would manipulate technology in orderly step-by-step action in a fashion that resembled assumed instructions. Suchman’s copier operators field observations, however, isolated that real-world usage is oftentimes messy, situational, and subject to the social intercourse. Her research made popular the idea that technology is best designed with an understanding of how people actually use it, rather than how they are told to by designers. This became the field of human-computer interaction and the theory of situated action, which recognizes that the actions of users are shaped by the world in which they are acting, not by the technology itself. Her work encouraged more people-oriented design approaches so that technology would be smart and responsive to human needs and not require users to conform to preconceived frameworks.

Xerox Star：Bringing the Future of System Interfaces

Andi Wu — Mon, 10 Mar 2025 00:22:59 +0000

The Xerox Star, which debuted in 1981, revolutionized computer usewith the graphical user interface (GUI) that was to become standard onpersonal computers. It was the first commercially shipped system to integrate fundamental concepts like bitmap screens, icons, windows, directories, desktop metaphors, and mouse-driven interfaces. The mouse became popular with the system for use in interacting with digital objects, which was made a standard on computers.The GUI system also enabled networking, e-mail, and file sharing.AppleMacintosh and Microsoft Windows borrowed heavily from its design principles, and innovations developed by the Xerox Star provided the basis for modern operating systems such as Apple’s macOS and Microsoft’s Windows.

Mother of all Demos

Andi Wu — Mon, 03 Mar 2025 10:32:53 +0000

Douglas Engelbart’s demonstration of 1968, popularly referred to as the “mother of all demos”, was a milestone in the history of computers. It belonged to the category of “mid-century innovations” and is significant for introducing the fundamental concepts that characterized the modern computer. Engelbart and his team at SRI introduced the very first computer mouse, which revolutionized the way humans interacted with computers. The demonstration also featured windows, hypertext, and real-time text editing, all of which went on to influence operating systems. They also showed a very early form of hypertext navigation, which went on to become the basis for the World Wide Web. Engelbart’s system, which could handle multiple users at the same time editing documents, was a precursor to software like Google Docs. Engelbart’s demonstrations were far ahead of their time and laid the foundations for personal computers, Internet construction, and interactive technology.

Gestalt Principles and Fitts’s Law

Andi Wu — Tue, 11 Feb 2025 03:58:32 +0000

When I design an interactive design software, I consider visual simplicity, the relationship between elements, and user comfort in accordance with the Gestalt Principle. These are the “Law of Similarity”, the “Law of Simplicity” and the “Law of Common Fate”. For example, the button icons should be consistent with the overall color scheme and style of the software, simple and clear in design, avoid unnecessary complexity, and use dynamic relationships in use, which can connect the function with the user’s actions, for example, when the mouse or touch screen is moved left and right, the menu will also move. In Fitts’s Law, I will consider making the interactive elements large enough to be easier for the user to click on the touch screen. Placing important functions such as “enter” and “back” at the edges of the screen makes them more noticeable to the user. And avoiding small, closely spaced clickable areas can prevent frequent user mis-taps and lead to a lower user experience. I think these are the Gestalt Principles and Fitts’s Law that I would consider when designing an interactive software.

Google Chrome’s relationship with Pictography & Modern Icons

Andi Wu — Tue, 04 Feb 2025 06:19:30 +0000

Symbols of every form and nature have formed the basis forcommunication-from Sumerian cuneiform and Mayan pictographs toEgyptian hieroglyphics, and back again to the icons we use in digital applications. The web browser Google Chrome, one of the most commonly used on the market today, has an instantly recognizable logo; various interface icons guide users:. In this post, I examine two central Chrome icons—the Chrome logo and the refresh button—through ancient writing systems, focusing on how each conveysmeaning, what ideas a user must learn, and what metaphors they rely on.
The Google Chrome logo is a circular shape divided into four colored sections: red, green, yellow, and blue, which represents Google’s brand identity. It means web access and internet browsing. Comparatively, Egyptian hieroglyphs also used different colors and geometric forms to carry meaning. The shen ring , for example, is a circular symbol that indicated eternity and protection, much as the Chrome logo symbolizes infinite connectivity and access.

What’s being communicated?
The Chrome logo is a portal to the internet, while the shen ring is a symbol of eternal protection.

What are the concepts to be learned?
The user needs to learn that the Chrome logo is a browser icon and not just a colorful shape, similar to how ancient Egyptians learned the meanings of various glyphs.

What metaphors are used?
This is indicative of completeness and continuity, much like the unbroken cycle was symbolic with the shen ring. This is further deconstructed with the use of primary colors reinforcing Google’s brand identity, as the color coding used in hieroglyphs accented meaning.

Chrome’s refresh button bears a circular arrow that indicates it refreshes or updates a web page. That was Sumerian cuneiform markings: the accounting of trading, inventory, and news in givingtestimony to change by indenting clay with curvilinear and linear impressions. Just as the set of cuneiform symbols condensed into one readable mark an extremely complex activity, the refresh icon acts in the same way.

What’s the message?
Refresh icon expresses the idea of renewal. On the other hand, Cuneiform means transactional update. They both change with continuity.

What concepts must be learned?
The user has to learn that the arrow represents refresh of a page, just like the Sumerians had to learn that the wedge shaped marks represented records in evolution.

What metaphors are being used?
The circular arrow is metaphorically representing repetition and flow just like the cuneiform marks represented a continuum of communication and record keeping.

Google Chrome relies on iconography that conveys meaning through learned associations, metaphor, and abstraction-similar to ancient writing systems. Digital symbols, from the browser logo in stylized form to refresh icons, act much like the pictographs and cuneiform of the ancients: facilitating communication across cultures and time.

Ada Lovelace and Lillian Gilbreth

Andi Wu — Tue, 04 Feb 2025 04:14:13 +0000

Speaking of foundational figures within the history of interaction design, Ada Lovelace and Lillian Gilbreth indeed are contributing from various aspects. Meanwhile, Ada had contemplated a vision forCharles Babbage’s Analytical Engine that went beyond mere calculation. Her insights into how machines manipulate symbols and execute complex instructions laid the foundations for modern computing. This is the kind of visionary thinking that has been instrumental to interaction design, as interaction designers create intuitive, human-centered digital experiences based on her ideas. Her work expresses the importance of thinking beyond immediate functionality and imagining new possibilities for technology-a way of thinking that remains at the heart of interaction design today.

On the other hand, Lillian Gilbreth approached influencing how people interact with tools and systems by advocating a human approach toward efficiency and ergonomics. An industrial psychologist and engineer, she did research on how workplaces and domestic environments should be optimized for people to use, conducting pioneering research before the term user experience research was known. The emphasis on the usability and efficiency of systems by Gilbreth shows the deep connection between the human mind and design-a key consideration in IXD. In Lovelace and Gilbreth, we also learn that technology is not about machines; it is about design, and Interaction design is about making life easier for humans.