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 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
Big open board with colored component library:
- Drag & drop experience
- Leading editing hooking guides plus instructions
- Open place holders that call for action