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 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