Friday the 10th of November: after the success of last year, a new World Usability Day was organised at the Winkelhaak in Antwerp. Not only the interesting workshops drew attention, but also the planned speakers and discussions were still to be explored on this day. My goal for today: gather as much knowledge as possible, and submerge completely into our Belgian UX-word and its supporters.

After considering the different options, it was Clovis Six’s workshop that intrigued me most. Why? That’s a question I’m not really able to answer; but his promise to improve communication within your own team and towards stakeholders was definitely worth listening!

Atomic Design: the theory behind it.

Clovis already believes in Atomic Design…the main question is if we will also become true believers after his plea. But let’s start at the beginning first: Atomic Design. What is it? How do you do it? And what can you gain out of it?

The technique offers a way to divide all information in smaller pieces in staid of offering 1 large ‘blob’ of information to your stakeholders. That way you can structure your information and while doing that, improve communication between the different teams working on the website.

Atoms are the smallest items on your website; they are building blocks like an image or a title. They’re not really useful on themselves but combined they will serve the greater good.
The molecules are a group of atoms, for instance a button with its text.
Now you can start combining the molecules into organisms and templates until you finally end up with a complete page.

In a way, you’ll start very small and build up to a larger whole; think about small Lego-bricks which can be used to build an entire Lego-city.
The underlying goal is to create a shared language. By listing and naming the different elements, discussions can be avoided and everybody in the room at least knows what you’re talking about.