By giving websites a consistent layout across devices and applications, the user experience improves and your branding will improve. The problem of confusion for users using different devices is reduced. You can do this design and organization process yourself, but Brad Fost and his colleague Dave Olsen also created Pattern Lab . This tool helps you set up an atomic design.
For developers, a design with the atomic design method is also not an unnecessary luxury. Firstly, as mentioned before, it ensures that the single responsibility principle is not forgotten. This results in cleaner code.
In addition, reusing components on a website also becomes easier for programmers. If a red button is chosen, and atomic design is not used, the programmer must search the code for that specific red button. With a structure of atomic design, you move yourself to the atoms folder to immediately find the right button there.
The result
What does switching to atomic design yield? canada whatsapp number First of all, it is a system that works in a very structured way. By building up from small to large parts, it is very easy to adjust the design. This also makes it easier for programmers to transfer certain projects. In principle, everyone should understand the structure of a design if atomic design has been used.
By building up from small to large parts, adjusting the design is very easy.
In addition to providing structure and clarity, it also saves time. By recording all atoms and the final templates, you also indirectly ensure that adjustments in the future will go faster. At a glance, you can see where you can find certain components and whether adjustments fit the current house style.
We are curious whether you already have a design based on atomic design in your organization or whether you are curious about it. Do you want to know more about atomic design? Here you can find the online version of the book . Sharing is caring.