Interactions Principles
  • 1 Minute to read

Interactions Principles


Article summary

Unlike a mobile device or a PC, where the interaction area is only one (the screen), Gary contains several interaction areas in order to provide an intuitive communication experience between Gary and the user.

Due to the amount of interactions areas, and the wide potential usage of each of them, it was necessary to develop a design methodology that on one hand will help developers to use those areas and on the other hand will boost the development process saving development time. 

After several months of research, we decided to embrace the "Atomic Design" methodology:


Atomic Design Illustration 2.png

Atomic Design

Atomic design is a methodology composed of distinct stages working together to create interface design systems in a more deliberate and hierarchical manner.

Our atomic design is composed by:

  1. Atoms.
  2. Molecules.
  3. Organisms.


Atoms

Atoms serve as the foundational building blocks that represents an individual interaction output. These atoms include basic sounds, colors, motions, LEDs arrays that can’t be broken down any further without ceasing to be functional.

head atom.gif

Head LEDs waiting atom example

More about atoms
To read more about atoms and view all the available atoms on our platform, please follow this section.

Molecules

Molecules are relatively simple groups of atom elements functioning together as a unit completing a functionality. For example, a loading molecule that involves a sound, ring LED animation and a motion movement.

adding atoms.gif

searching for wifi molecule example, composed by three atoms

More about molecules
To read more about molecules and view all the available molecules on our platform, please follow this section.


Organisms

Organisms are relatively complex components composed of groups of molecules and/or atoms, composing a full flow. 

adding molecules.gif

conneting to wifi organism, composed by two molecules.

More about organisms
To read more aboutorganisms and view all the available organisms on our platform, please follow this section.


Was this article helpful?

What's Next