Design With Radial Gradients

Last month, I had the chance to attend CSS Day 2019 in Amsterdam, a two day event split between a “UI day” focusing on the intersection of design and development and a “CSS day”, with speakers who covered more in-depth, technical CSS subjects.

The talks were as diverse as the background of the speakers themselves, but there was one common thread: In this era of rapid change, are we, as product people, equipped to design for automation, machine learning, and AI?

What does automation mean for designers?

It’s hard to work on a product team that hasn’t automated some part of their workflow in the name of productivity. If machines can take care of the repeatable tasks and heavy lifting, designers can focus on doing more meaningful work. But how does this affect the way we use the work being created by machines?

​Josh Clark, founder of design studio Big Medium, provoked the audience with this very question during his talk, ‘A.I. is your New Design Material’. Some of the most impressive advancements in recent technology are things like facial recognition, predictive text, and image search, all powered by machine learning. But it’s important to remember – all of these technologies are still built on code. The upside is less room for error. No real emotions, expectations, or feelings get in the way of the job it was designed to do.

Yet, as humans, we assume that when facial recognition fails, the whole process is inherently flawed. But was it really?

According to Josh, that is the most fundamental thing to understand when it comes to machines. Not meeting our human expectations, doesn’t automatically make the technology itself a failure. These things were, by definition, built on logic, which begs the question: Can a robot’s solution actually be wrong?

The point of introducing machine learning into our products was never to have them do all the work. Instead, algorithms and logic-based solutions ought only provide humans with better insight so as to empower us to arrive at better solutions, faster.

This fundamental understanding our users that really helps us make better products. This might be a simple example, but if a computer can figure out how to walk on it’s own, maybe it’s time to start investigating why and how these solutions were formed.

How do we design for the unknown future?

​Jared Spool, Co-Founder of UIE asks, “What was the most important thing you learned yesterday, and how will it impact what you do in the future?”

As designers and researchers, we essentially always need to think about how we design products for the future, even as we’re meeting the demands of present day design. A tall order, especially when things move as fast as they have been over the last decade.

To start, Jared advocates for looking back at the ways in which our design processes have already changed.

Remember when UX/UI wasn’t a priority for many companies? As a consultant during a time when the Internet had yet to hit mass market appeal, Jared was able to steer many companies into a mindset that considered the user experience of a product.

But this also lets us gain input into how UX and UI has looked over the years, which might give us a better idea of what these concepts will look like moving forward. Jared describes a term called “The UX Tipping Point”, with great actionable steps on how to get there.

According to Jared, there are 5 common stages of UX design within an organization:

• No resources for design (No UX Design)
• Occasional UX projects that demonstrate small success (Spot UX Design)
• UX team starts and is used as an on-call basis (UX Design as a service)
• Project teams use their own UX team and resources. (Embedded UX Design)
• Every project has UX infused (Infused UX Design)

In the past, designers had to fight for a seat at the table. If today you’re not starting from a place of advocating for user experience (like they were 10 years ago), they’re likely not starting at that tipping point. As a result, designers still have to ensure that the role of UX matures within the company, as well as the understanding of what makes UX important. When an organization hits the last stage, and fully embraces UX design from everything the company does, they fully hit The UX Tipping Point.

What’s the future of CSS?

We’ve all seen the tweetstorms from designers who dislike CSS. But why push ourselves away from the industry standard?

CSS Day offered good insight into how we can unlock the power of the tools we’re already using to build better products. Rachel Andrew, a member of the CSS Working Group, dug into this topic during her talk, “Refactoring (the way we talk about) CSS”.

“Let’s stop calling stuff that is in the spec a CSS ‘hack’,” Rachel says. CSS was designed as a standard, and the way CSS works has been planned and refined over the years – so why are some of us so afraid of using it the way it was designed?

Rachel provided a ton of great examples of how CSS works, but also dug into how it behaves contextually within its environment. CSS is at the foundation of how users see our products, making it a very valuable skill to fully understand. After all, aren’t we, as product people, supposed to influence the way our users use our products?

​Florian Rivoal, another member of the CSS Working Group, dove into the specifics of how CSS was designed to be used. Florian works as a web standard consultant in Kyoto, Japan, which makes him well positioned to shed light on the key differences in working across markets. Different languages and characters affect word wrapping and character accessibility, all crucial considerations when designing products that are meant to scale globally. According to Florian, CSS is one of the best tools that we can use to conquer this issue.

Are we designing for users or ourselves?

People don’t always know what they want, even if they think the do. As Joe Leech, a UX psychologist says, “People want more choices, but can’t deal with them.”

So how do we design for our users, if our users aren’t always telling us the truth? This is one of the most important questions, and something that extensive UX research helps us accomplish.

Back in the 2000s, psychologists Sheena Iyengar and Mark Lepper ran a study regarding consumer choices. They went to a local supermarket, and instructed the store to only sell 6 varieties of jam one week, followed by 30 varieties the following week.

They ran a study on how much jam was sold, and to everyone’s surprise, more jam was sold on the week with only 6 choices. But interestingly enough, when the consumers were asked which week they preferred more, they responded with the week that had 30 choices.

Using this analogy, Joe makes a point that is hard to argue with, “A designer who doesn’t understand psychology is going to be more successful than an architect who doesn’t understand physics”.

User research, and a wide variety of it, helps teams get as close as possible to the root of a user’s needs, over their wants. Studying responses on a larger scale is more work, but it helps form the foundation for true UX.

So how do we plan for the future?

The truth is, nobody knows what the future will hold. CSS Day 2019 was a huge success because as a whole, every speaker challenged viewers to remain flexible, while still maintaining the integrity of the products we’re building.

CSS Day has released full recordings of every talk, view them all on YouTube.