Skip links
curiosities pic

Brief History of Interfaces: from abacuses to cyberpunk

The evolution of interfaces from their earliest iterations to the UX+UI we know today

The entire history of interfaces won’t fit into a single text, but maybe after this article, you’ll show off a little in front of your friends. To not quote Wikipedia yet again, we’ll keep it simple: the interface is something, through which two objects interact. These can be machines, apps, people and devices. Even our arms and legs, eyes and ears could be considered interfaces — through them, we interact with the world around us. In this article, we’ll mostly focus on HMI, Human-Machine Interfaces (but we’ll mention the rest of em too).Before machinery

The industrial revolution and its consequences on interfaces

Interfaces in our common understanding showed up during the industrial revolution. All kinds of machines were invented, and these machines needed to be manipulated. For that, we needed universal and understandable patterns. This is the next step of interface evolution — these machines needed standardization, so they could be mass-produced, and it were relatively easy to teach how to work them.

1804 is when the first coding happened — as telling the machine some sort of algorithm. Jacquard loom became the first machine that could be programmed. An incredible breakthrough in terms of repeatable actions. The machine was programmed using punched cards.

Punched cards were the progenitors of programming, and soon enough there were all kinds of machines using them, even mechanical pianos. And in 1873 we saw the first iteration of the now common QWERTY.

curiosity pic

Going digital

It would take quite some time to go through every stage of computing evolution, so let’s get to the fun part. To the digital revolution. The 1980s marked a ubiquitous transformation from analog tech to digital. These are the interfaces that already existed (out of those that are between people and machines):
Gesture-based interface: steering wheel, joystick, etc (analog ways to control planes, trains, and automobiles);
Command line, instructions are given through keyboard input (DOS, BIOS);
Graphic user interface.
GUI is where functions are represented by graphical elements. The so-called WIMP: windows, icons, menus, pointers.
The first GUI was developed in Xerox Palo Alto Research Center (PARC) for the computer Xerox Alto, made in 1973. It was not a commercial product, meant mostly for scientific research.

What’s next

The voice is used more and more in SILK interfaces — Speech, Image, Language, Knowledge. Maybe someday we’ll see neurointerfaces that transmit data between neurons and machines through implants. It’s unlikely that we’ll see the end of GUI anytime soon — but technology keeps on moving forward, and when technology gets advanced and available enough, it usually sweeps its predecessor from the map.

What do you think we’ll see in ten years, twenty, hundred? Will it be smartphones, will we even have screens at all?

Leave a comment

This website uses cookies to improve your web experience.

Fill a brief :)

Is it the first time you are ordering logo development? If you already have a logo, would you like to update or replace it? What exactly you don't like about the existing logo? What are your goals with the new logo?
What is the name of your company? Does it have any other variants? If you have already developed your brand’s mission and motto, please mention them below. How is your company different from your competitors? Which of your brand’s attributes should be reflected in the logo?
A logo can be either a graphic symbol or text, or a combination of both of these elements. If you have any special wishes regarding the new logo, feel free to describe them here. If your logo should contain text, please state it in full below.
In addition to the new logo, will you also need to develop brand identity that should cater to all the needs of your company? How will your brand identity be used? It can be applied to printed materials, headed paper, business cards, vehicles, pavilions, brand clothes, etc.
Tell us about your target audience. Do you have private or corporate customers? What are their primary geographical, age-related, social, and behavioural characteristics?
Please give us 3 to 5 examples of the logos you find effective. Try to explain your choice. We would also like to see examples of logos you don’t like if there are any.
If you have any preferences regarding the style or colour scheme of your future logo, you can mention them below. Please list all your requirements for the new logo style.
It is important for us to understand the values and concepts that underpin your brand. Please slide the cursor on each scale representing polar qualities to give us a better understanding of your expectations for the logo.
Click or drag a file to this area to upload.
What data do we need when working on this logo? You can send it to us using a simple drag-and-drop interface located above.
Don’t forget to mention if this project has to be completed within a fixed timeframe. Also, if it’s possible, please state the project budget.

Your contact information*

How can we contact you for further project discussion? Please specify your preferable contact method. If you have any additional suggestions or feedback, please let us know in the message field below.
Explore
Drag