Susan Kare demonstrating the Macintosh Interface in 1984 @interfacestudies

Interface Studies Watch now: History of The Graphical User Interface (GUI): A Wonderful Curse youtu.be/fHMPGhezj0s?si=DuBg3tOL_hiEG7sY

In this clip from the Computer Chronicles, the legendary Susan Kare ( a graphic designer best known for her interface elements and typeface contributions to the first Apple Macintosh from 1983 to 1986) demonstrates the power behind the newly introduced icons and their power as a metaphore in the user interface design for the famous 1984 Macintosh.

Guide
00:00 The power of icons to make people learn computers easily
00:47 Demo of how dynamic icons are used to interact with the system
01:48 Desktop
02:22 Mac OS top menu and the window
03:07 The Control Panel (system preferences now)
04:15 Note Pad
05:07 Scrapbook
05:37 MacWrite

updated 2 years ago

Susan Kare demonstrating the Macintosh Interface in 1984

Interface Studies 2022-06-03 | Watch now: History of The Graphical User Interface (GUI): A Wonderful Curse youtu.be/fHMPGhezj0s?si=DuBg3tOL_hiEG7sY

In this clip from the Computer Chronicles, the legendary Susan Kare ( a graphic designer best known for her interface elements and typeface contributions to the first Apple Macintosh from 1983 to 1986) demonstrates the power behind the newly introduced icons and their power as a metaphore in the user interface design for the famous 1984 Macintosh.

Guide
00:00 The power of icons to make people learn computers easily
00:47 Demo of how dynamic icons are used to interact with the system
01:48 Desktop
02:22 Mac OS top menu and the window
03:07 The Control Panel (system preferences now)
04:15 Note Pad
05:07 Scrapbook
05:37 MacWrite

Rethinking Interface Design: Insights from Matthew Fullers The Impossibility of Interface

Interface Studies 2024-08-14 | Dive deep into Matthew Fuller's 2003 essay, The Impossibility of Interface. This video uncovers the complex, often overlooked dimensions of interface design—where digital touchpoints go beyond simple connections, challenging the boundaries and assumptions that have shaped our digital landscape for decades.

The RAND tablet, 1968. Watch full documentary for a complete history of GUIs. #ui #shorts #design

Interface Studies 2024-02-06 | ...

Origins of hypertext #design #gui #ui #shorts

Interface Studies 2024-01-11 | ...

The Eureka moment for the desktop metaphor #design #technology #shorts

Interface Studies 2024-01-07 | ...

More than 2 hours delving into the complete history of the graphical user interface #design #ui

Interface Studies 2024-01-06 | ...

History of The Graphical User Interface (GUI): A Wonderful Curse

Interface Studies 2023-11-30 | Today's GUIs have a dirty little secret.

As AI, Virtual Reality, and ubiquitous computing are reshaping the realms of design and engineering, it's crucial to delve into the origins of the graphical user interface (GUI) and uncover its deeper layers. It's time to step away from design tools, methods, windows and buttons and dive a bit into where all this came from, what we have today, and what we've lost along the way.

This video is a personal exploration into the GUI's history, focusing on its complexities, marvels, and contradictions. We'll go beyond the surface to reveal the GUI's dirty little secret and understand its significant role in our digital evolution.

Chapters
03:26 Part 01: Can't escape history
03:29 Early computers
06:43 The CRT technology
09:09 Vannevar Bush and the memex machine
10:52 Cold war and SAGE computer
13:14 Part 02: What's a computer for?
13:23 Joseph Licklider and man-computer symbiosis
19:55 Ivan Sutherland and the Sketchpad System
21:36 Douglas Engelbart and augmenting human intellect
27:31 Part 03: The mother of all demos
32:15 The invention of the mouse
35:44 Verb-noun commands and other peripherals
38:26 Video collaboration and screen sharing
39:19 Introduction of ARPANet
40:39 Ted Nelson and hypertext
43:44 Rand Tablet and GRAIL
47:12 Part 04: "We shape our tools and thereafter our tools shape us"
47:22 Alan Kay
49:57 Alan Kay's encounter with Seymour Papert
50:51 Influence of media & educational psychology on software design
58:29 The Alto computer, Smalltalk and the birth of modern GUI
01:02:51 Overlapping windows
01:04:29 Pop-up (context) menus
01:05:49 Larry Tesler
01:08:25 The use of icons for programming with Pygmalion by David Smith
01:11:27 GYPSY and Bravo text editors and their user interface
01:16:46 The design of file browsers
01:18:05 The birth of the desktop metaphor
01:19:48 Steve Job's visit to PARC, Xerox failures, and the GUI on personal computers (Lisa, Macintosh, IBM, Windows, Amiga)
01:34:25 Part 05: It's a wonderful curse
01:34:28 What we lost with the desktop metaphor
01:39:40 Jeff Raskin & the Canon Cat computer interface
01:43:11 The lost world of ZUIs (Zoomable User Interfaces) on an operating system
01:46:05 MIT's Spatial Dataland
01:47:40 Ted Nelson, Xanadu and the curse of imitating paper on a screen
01:53:43 what the web was about, and what it ended up with
01:59:17 mobile computing inherited the curse
02:02:02 Outro: A very short conclusion

Intro Music:
X-Files
2B Studio

Music from #InAudio: inaudio.org
Tracks:
Dreamwave Lofi Ambient (No Copyright Music) by MokkaMusic / Reflections of Infinity
Deep Dreamwave Ambient (No Copyright Music) by MokkaMusic / Foggy City
Dreamscape Ambient For Reflective Evening (No Copyright Music) by MokkaMusic / Snowy Silence
Calm Deep and Peaceful (No Copyright Music) by MokkaMusic / Calmness

Music from: Audio Library - Free Music
Track Name: Retro Dreamscape - Twin Musicom

NodePad: Rapid Notes and Serendipitous Ideation

Interface Studies 2023-05-18 | Try NodePad: http://nodepad.space

Welcome to NodePad, a really really simple canvas to explore ideas supported, just a tiny bit, by AI. (LLMs really but AI makes things fancier ✨).

NodePad is a note-taking and brainstorming tool designed to help you quickly capture ideas, organise them visually, and expand on them with the help of AI.

The interface allows you to create nodes for your thoughts, edit them, connect related ideas, and generate additional insights with ease. You're always one step away from typing in a canvas enviroment, you can think of it as a new way to write.

Features

- Visual Organisation: Arrange your ideas visually, connecting related nodes to create a coherent structure.
- AI Brainstorming and Questioning: Generate new insights and expand on your ideas with the help of AI.
- Easy Navigation: Pan and zoom to explore your thoughts and move around the canvas effortlessly.
- Export: Export your thoughts in Markdown format, making it easy to share or store your ideas.

ThoughtPad: Rapid Note taking and AI ideation

Interface Studies 2023-01-09 | ThoughtPad is a space for stimulating serendipitous ideation.

Focus on writing, and your thoughts will be placed on the screen. You can move them around and arrange them as needed.

http://thoughtpad.space

Spoken Live Stream

Interface Studies 2020-08-04 | ...

Ivan Sutherland Sketchpad Demo 1963

Interface Studies 2012-05-30 | Watch now: History of The Graphical User Interface (GUI): A Wonderful Curse youtu.be/fHMPGhezj0s?si=DuBg3tOL_hiEG7sY

This video is a TV show made about the software Ivan Sutherland developed in his 1963 thesis at MIT's Lincoln Labs, "Sketchpad, A Man-Machine Graphical Communication System", described as one of the most influential computer programs ever written. This work was seminal in Human-Computer Interaction, Graphics and Graphical User Interfaces (GUIs), Computer Aided Design (CAD), and contraint/object-oriented programming. While watching this video, remember that the TX-2 computer (built circa 1958) on which the software ran was built from discrete transistors (not integrated circuits -it was room-sized) and contained just 64K of 36-bit words (~272k bytes).

http://mskayyali.com