Graphic Expression Builder

Not everyone is a programmer.
How can we make complex expression building joyful and accessible for everyone?

 

CHALLENGE

Expressions are sometimes hard to understand and usually require coding to built.

Our client requested a very easy UX to build complex expressions that will be very intuitive and fun.

 
 

SOLUTION

We took inspirations from games
built for kids:

  • Visual graphic coding apps

  • Game builders for kids

  • Robots programming

 

The expression Building-Blocks

  • Colors - for each block type

  • Physical Anchors - visual clues of placing options

  • Block Parameters - placed inside the block

Expression Building-Blocks

Expression Building-Blocks

 

The Editor
Big open board with colored component library: 

  • Drag & drop experience

  • Leading editing hooking guides plus instructions

  • Open place holders that call for action

The expression builder editor

 

Expression Building became FUN