Graphic Expression Builder
Not everyone is a programmer.
How can we make complex expression building joyful and accessible for everyone?
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.
We took inspirations from games
built for kids:
Visual graphic coding apps
Game builders for kids
The expression Building-Blocks
Colors - for each block type
Physical Anchors - visual clues of placing options
Block Parameters - placed inside the block
Big open board with colored component library:
Drag & drop experience
Leading editing hooking guides plus instructions
Open place holders that call for action