Through our interfaces, we strive to create experiences that convey meaning
and trigger emotion for our users.
At Schneider Electric, our intentions are summarized by two words: Focus and
Engage.
Based on these two intentions, the following visual principles have been
developed to strengthen our foundational intentions:
Loading...
UnboxEmphasize only the most important information on the screen. That way,
users can easily identify what matters and what is secondary information.
On the other hand, if all of the sections are emphasized (boxed), it looks
like none of them are.
Loading...
HighlightChoose not to show some information if it is not relevant at that time.
This will make what is important stand out.
Loading...
LayersAs we perceive our world in three dimensions, we create a depth effect on
our screens by separating elements and planes with elevation, and
preventing two elements from simultaneously occupying the same point in
space.
Loading...
StateWe use clear status colors along with text and icons to clearly signify
when things are going well, not well, or when there is a major issue.
Loading...
AttractWhenever possible, we communicate through visual and textual information.
We draw attention to the most alarming or urgent situations by using
motion.
Loading...
AnnounceAiming for conversational applications, we use titles to summarize the
situation. The title text and status colors can change depending on this
situation.
Loading...
DynamicInterfaces are not static frames but dynamic objects, and we conceive them
in motion by designing refined micro-interactions, subtle transitions, and
delightful animations.
GlobalWe guarantee a consistent experience across all screen sizes and
orientations through recurring signature elements and responsive layout
grids.