Last week a number of developers and designers from Effectory attended CSS Day, a front-end focused conference hosted in the Compagnie theater in Amsterdam.

CSS Day 2019 consisted of two days, the first day being a UI-special, with talks about certain UI/UX topics, and the second day being the CSS Day, with various talks about areas of CSS.

In this blog, I will highlight the talks I found most enjoyable and valuable, and have the most new insights that we can apply here at Effectory in our work routine.

A.I. is your new Design Material #

Talk by Josh Clark

The opening talk of the conference immediately grasped a real hot topic. Josh Clark talks about embracing new technologies, like mobile phones were ten years ago, and Machine Learning nowadays.

In his presentation, he tries to answer the questions "How do these new technologies want to be used?" and "How do we use technology to amplify human potential?", regarding Machine Learning.

Showing many real life examples, he shows us that the way machines behave can be perceived as weird and unpredictable, but only in term because we as humans are also weird and unpredictable. This unpredictability is very important to the design of an AI system, as you need to design for failure, which is a big change from designing a certain, set flow.

Just like humans, machines are not always 100% confident in their results, and as a designer, you need to match this confidence in your display. There's no use in making the machine seem 100% confident, when it is really never the case.

Building better interfaces #

Talk by Hakim El Hattab

Hakim highlights some of the UI patterens he's designed and developed while developing Slides, his very own project where he both designed and developed the application.

An important highlight in his presentation is the correlation between having fun at work and building interfaces that are fun to work with. Hakim showcases this showing off some of his "meaningful pointlessness" projects, like a wave of checkboxes, and then proceeding to show his UI patterns used in Slides. He demonstrates his implentation of loading indicators, popouts, notifications, hover menus (this one is particularly clever), animations, a table of contents, and a tutorial.

Hakim really shows that having lots of room for creativity and autonomy, gives you lots of freedom to really think about how your users will interact with your interface, therefore creating a better experience for everyone.

The technical side of design systems #

Talk by Brad Frost

Just after lunch, Brad talks to us about Design Systems, and how the name is quite unfortunately chosen. It's not just a library built by designers.

Ultimately, a design system needs to power real, existing applications.
After all, you can have a very detailed picture of a toaster, with all the different components, but it will not make you toast until you actually use those components.

Brad continues to talk about how a design system should be established, including front-end workshops, front-end libraries like Brad's personal favorite "REACT",
and how design systems should be deployed and maintained. A very insightful talk about the usefulness of a design system and how a design system should be used.

UX, Psychology & Your Product #

Talk by Joe Leech

In one of the most inspiring talks of the day, Joe Leech talks about psychology and how it affects UX design.

Using real-life examples, he explains the difference between declarative knowledge (i.e. remembering a series of numbers) and procedurial knowledge (i.e. drawing a certain pattern), and how humans are programmed for procedurial knowledge, and therefore we can expect humans to perform better at certain, procedural tasks than at other, declarative tasks.

Following up on that, he talks about mental models, and how often mental models mismatch the interaction design. As an example, try to fit the mental model of "let's go to the beach, max. 3 hour drive, for a long weekend in the 1st or 3rd weekend of May" into a travel website where you have to enter a city or airport and a date.

A very important quote from this talk:

"A designer who doesn't understand psychology is no more useful than an architect who doesn't understand physics."

Refactoring the way we talk about CSS #

Talk by Rachel Andrew

Rachel has been teaching CSS for over 20 years, but lately she's been thinking the way we talk about CSS needs to change. It needs to change in order to properly teach people how to master the new flex and grid layouts, and to stop it from being seen as this weird, quirky thing.

Instead, we need to talk about CSS as a layout system. She then talks about how to systematically teach people CSS, starting with flow layout, and working through things like display, out of flow elements, block alignment, writing modes and box sizing. Watching this talk really changes the way you look at CSS, especially the quote:

"Stop calling things a hack or a trick if it's according to the CSS spec.".

CSS is not a weird, quirky language, it's a system.

Refactoring UI #

Talk by Steve Schoger

An very useful talk by Steve Schoger, in which he takes a deep dive into refactoring UI. Sometimes you look at an interface and you know something is not quite right, or sometimes you look at something and it just looks right, but you can't pinpoint why.

Steve takes a look at a website and then shares practical tips and strategies that designers use to give an interface that polished look.

He makes a few small, cosmetic changes like giving text consistent contrast, giving inputs enough breathing room, aligning a table, and accentuating certain elements, and in the end, you see that the interface has been polished quite a bit, even though the changes did not seem that drastic.

Overall a very insightful talk, with very useful tips about touching up your interface.

Overall, CSS Day has been very insightful and the talks mentioned above will certainly stick with me for a while. Many of the talks give practical tips or insights that I can use in my daily work routine, or can apply in my collaboration with UX design.

On top of that, the conference itself was very well-organized, the MCs were excellent, the location and the accomodations were great, and the talks were really inspiring.

I am very excited to visit this conference next year as well!