![]() This is done based on how the different organisms and the content relate to each other, resulting in the skeleton of the product – like a low-fidelity wireframe. Taking a look at the different types of content needed, the team can use the organisms to structure the entire product. Equipped with the established patterns and organisms, designers have to put it all together to create the general content structure of the pages that will form the entire product. Now, the focus shifts from mere functionality to context. This helps design teams be mindful of each component group, as well as the whole of the screen. One of the most powerful aspects of Atomic Design is that it allocates time to the creation of molecules in order to make sure that they have a clear meaning and function. At the end of the day, UX design offers a lot of room to innovate and create new things – but ultimately, it’s all for nothing if users can’t benefit from the design. When using individual components (atoms) to create molecules (groups of components), we want to respect the previously mentioned rules of UI design. What do all of these design concepts have to do with Atomic Design molecules? In a way, they all seek to help designers create component molecules in a way that users can understand and enjoy. The visual hierarchy and navigation design tend to reflect the information architecture of the design. This is about prioritizing what matters the most in a practical and visual way. Information architecture: the general map of how each information relates to each other, showing the hierarchy of everything the product holds. ![]() Things like labels and respective buttons are a good example of the role that proximity plays in the user experience. Gestalt’s proximity principle: by placing components together, we indicate that they have a close relationship. ![]() Points to the fact that in design, more isn’t always good and encourages designers to prioritize.
0 Comments
Leave a Reply. |