Customized Remote Work Solutions From the World’s Largest Fully Remote CompanyCustomized Remote Work SolutionsLearn More
UX Design
8 minute read

The Past Is Still Present – An Overview of Timeless Design

Damir is a multidisciplinary designer who brings digital products to life for startups and Fortune 500 giants all around the world.

The digital design industry is maturing. With established best practices and the advent of design systems, it is now possible to strive for a longer design life for the products we create. We can aim for digital classics instead of one-hit wonders.

Industrial design is the poster child of longevity. The timeless charm of a Vespa scooter. The iconic contours of a Coca-Cola bottle. The elegant angles of an Eames lounge chair. Will there ever be a digital design equivalent to the ageless wonders of the industrial design world? Can a user interface endure the decades like a Leica camera?

Unlikely, seems to be the answer. Physical objects, once built, don’t need to renew domain names or keep up with web standards in order to exist. Timeless design must be built on a timeless foundation, but digital is always shifting.

The shelf life of digital designs can be extended, however. Even while the underlying technology continues to evolve.

Timeless design
What if digital design could create the kind of culture-shaping marvels that industrial designers have long produced?

Aim for Timeless Design

It is no surprise that design systems are exploding in popularity. A carefully crafted design system gives even the most rapidly evolving product a clear set of timeless principles. UI components may change with time, but the feel of the product can remain consistent over many years, even as the product matures. Flexibility and longevity. That’s a win-win.

Candidates for the Digital Design Hall of Fame

Longevity in digital design isn’t a pipe dream. It’s our present reality, and as others have shown, it’s possible for interfaces to age like fine wine.

Google’s Material Design (2014)

The advent of Material Design marked a turning point in digital design. For the first time, a major player like Google created a design language from scratch. Not only that, it empowered designers by providing guidelines and tools to implement the language in their own work.

Good UI
Material Design’s components reference the subtleties of the physical world.

Inspired by paper, Material Design revolutionized the way we think about design for the digital world. By borrowing characteristics of the physical world, like shadows and age-old animation principles, Material Design builds on familiar visual cues without spinning up GPU fans. No longer are we replicating leather textures or hyper-realistic reflections that cause browser tabs to grind to a halt.

Takeaway: The physical world can influence digital design, but it needs to adapt to the characteristics of the underlying technology.

GOV.UK (2013)

Featuring its own comprehensive design system, GOV.UK was among the first user-centered government websites, and it put accessibility and information design on the map.

Longevity design
GOV.UK was one of the first government websites to focus on usability.

Bland, some might say, but the design team never aimed for aesthetics. Instead, the focus was information design: Give users the information they need to complete tasks in minimal time. No frills, no fuss. Such radical simplicity made GOV.UK an instant classic.

Takeaway: User interfaces don’t have to be pretty to be successful.

iOS 7 (2013)

The original iOS from 2007 deserves its own entry, but it wasn’t until iOS 7 that Apple waved goodbye to skeuomorphism and embraced flat design. Farewell, wood grains. Hello, stunning simplicity. iOS grew up.

Effective UI
The skeuomorphism of iOS 6 versus the flat design of iOS 7.

To be fair, Android led the way with its implementation of flat design and arguably featured better animation. However, Apple caught up and created a digital design aesthetic that was later extended to both the Mac and iPad operating systems.

Apple didn’t totally abandon skeuomorphic effects in iOS 7. The notes app still features a subtle paper texture, and the weather app updates the background to reflect daylight and weather conditions. However, the 2D interface is no longer forced to be something it’s not.

Takeaway: Flat design is king for 2D user interfaces.

Trello (2011)

Not counting usability improvements, the Swiss Army Knife of digital apps has barely changed in almost a decade. While competing products sprang up promising “all the features,” Trello stood its ground and remained popular because of its simplicity.

Current design trends
Trello bucked the feature-stuffing trend followed by so many of today’s digital products.

Instead of overloading on features, Trello offered a plugin ecosystem that could meet the niche needs of some users without crowding the UI for the majority. Trello is a poster child of the 80/20 rule in design (a.k.a. “The Pareto Principle”).

Takeaway: Iterate carefully and apply the 80/20 rule.

Google Chrome (2008)

If Volkswagen’s tagline is “Das Auto,” then Chrome’s should be “The Web Browser.” Google took a typical web browser, removed everything that was not essential, made it incredibly performant, and overtook the market.

Design for longevity
Chrome stripped away all nonessential features in favor of high performance.

Google’s major contribution here was making performance a must-have for all digital products going forward. The understanding of hardware and browser limitations, and striving for that silky smooth 60fps, is what makes digital design fundamentally different from print or industrial design. Chrome’s success is a testament to the importance of performance for a great user experience.

Takeaway: Simplicity and performance alone can win in the long run.

Basecamp (2003)

Basecamp made its name by going against the Silicon Valley dogma of venture capital funding, exponential growth, and early exits. Their dedication to sustainable, long-term products is reflected in the design of Basecamp 3.

Designers can help create products that stand the test of time, but they are powerless if CEOs don’t appreciate products that are designed to age gracefully. Among today’s makers of digital products, it’s rare to find companies that practice careful decision-making or refuse to chase after every new trend. Basecamp is an exception.

Takeaway: Sustainable businesses make for sustainable products.

Design trends
Basecamp’s design longevity is rooted in the company’s dedication to careful decision-making.

Google (1998)

Looking back at the first iterations of the Google homepage, it took roughly a year to create the iconic layout that is now globally recognized and usable without fail.

Google’s homepage is a rare digital product where someone from the end of the 20th century could be teleported to the present day, interact with the UI, and not even notice what has changed.

Takeaway: Great products can evolve, rather than reinvent, and still maintain their market lead position.

Digital design trends
Google’s homepage is remarkably similar to its earliest iterations.

2001: A Space Odyssey (1968)

Stanley Kubrick’s masterpiece was equal parts Hollywood movie and futuristic vision. Predictions of the future are usually skewed by the present, resulting in corny ideas that seem comical in hindsight. It is remarkable how outside the box the concepts were in 2001: A Space Odyssey, like the prediction of touch screen displays, iPad-like tablets, and voice-controlled interfaces.

Graphic design styles
2001: A Space Odyssey was released one year before Neil Armstrong became the first human to set foot on the moon.

Astonishingly, the UI designs still look relevant even though it would be another five years before Xerox PARC would begin experimenting with the first iterations of a graphic user interface, tests that would later form the basis of both Microsoft and Apple’s operating systems.

Graphic trends
After 50 years and counting, Stanley Kubrick’s UIs have stood the test of time.

The film’s concept interfaces featured something akin to a flat design aesthetic. It took another four decades until Apple ditched skeuomorphism and followed suit. Whether deliberate foresight or a limitation of the graphics capabilities at the time, the glimpses of the interfaces ring authentic to this day.

Takeaway: Stanley Kubrick is a genius.

Principles for Enduring Digital Design

No formalized principles exist for creating “timeless” digital interfaces, not surprising in an industry run on the motto of “move fast and break things.” But if there were guiding principles, they ought to be universal, tech-adaptive, simple, and pragmatic.

Universality

One way to encourage the long-term survival of digital products is to make them usable by the widest audience possible. This means designing for accessibility, performance, and inclusiveness. As products become more widely adopted, multilingual experiences should be offered.

Tech-adaptive

Rather than forcing creative visions upon underlying technology, tech-adaptive design works in collaboration with the underlying technology. In web design, this means forgoing animations that drop frame rates to 10fps or not recreating physical surfaces in HTML, CSS, and JS.

No-nonsense Simple

This is not to say that longevity requires products to be dumbed down or limited to a certain number of features. It does, however, mean that features are chosen deliberately and with the holistic experience in mind. Apply the 80/20 rule and err on the side of simplicity when in doubt.

Pragmatic

Digital designs have much in common with plants in terms of longevity. Like plants, they need to be constantly watered in order to survive. If Google were to go bankrupt and close, its products would close with it. Not true for physical products. A car made by a company that no longer exists in a country that no longer exists can still be used if it is well maintained. Industrial designers can be sure that their work will outlive them. Not so for digital designers.

Furthermore, many startups are in survival mode. They don’t have the resources to explore how to add extra years of life to their interfaces. More often than not, digital designers will see their work perish before they see it age.

In such circumstances, longevity isn’t the first, second, or even fifth priority of digital product design. Products must make it through their first few years of existence before they can worry about aging well.

But small decisions can set products on the right track. When there’s ample time, create a consistent design system. When time is short, extend or customize existing systems. Follow best practices. Apply the 80/20 principle. These are small ways in which digital design may be nudged toward longevity, even in fast-paced, high-pressure environments.

Design for Longevity

Digital designers would be wise to recognize the value of creating work that maintains relevancy for years to come. Maybe instead of obsessing over the latest trends, the industry ought to applaud work that has stood the test of time.

User interfaces may never hold the nostalgic charm of a rugged, old Vespa scooter, but digital products can still improve lives. The longer they do, the more likely they are to leave a legacy that lasts for decades to come.


Let us know what you think! Please leave your thoughts, comments, and feedback below.

• • •

Further reading on the Toptal Design Blog:

Understanding the basics

How do you make a timeless design?

Timeless design is guided by design principles like emphasis, balance, contrast, repetition, proportion, movement, and white space. Such principles are universal. Likewise, various design disciplines, like UX, have their own guiding principles that help designers ensure their work is useful in any era.

What is timeless design?

Timeless design produces artifacts and experiences that are useful and delightful in any age. Some designers follow design trends without concern for the long-term viability of their work. Timeless design may use trends, but they are secondary to the utilization of tried and true design principles.

What is the purpose of a user interface?

A user interface is the point of interaction between a human and a machine. UIs allow humans to input commands by interacting with components like buttons, icons, and forms. Today, many user interface trends focus on flashy visuals and animations, but these are secondary in comparison to a UI’s usability.

What is a good user interface?

Above all, a good UI is one in which users can quickly find information and perform desired tasks without interruption or frustration. UIs that are visually simple are often helpful to users, but complex UIs can be equally useful when designed thoughtfully.

What is a bad user interface?

An effective UI allows users to effortlessly find information and complete tasks. A bad user interface presents users with obstacles that make information difficult to access and tasks hard to perform. Bad UIs are generally the result of not understanding what users want to accomplish on an interface.