Accordion Header UI - Githubissues

waterbearlang / waterbear

Visual block syntax for programming languages

http://waterbearlang.com/

358 stars 88 forks source link

Accordion Header UI #938

Open eddieantonio opened 9 years ago

eddieantonio commented 9 years ago

The Accordion header needs some work on making it more discoverable and usable. Some impromptu user testing yesterday revealed that:

It's not obvious that the headers are something you can click on. The user attempted to drag the header as if it was a block.
Clicking on the coloured block on the right side will not open the menu (this may be due to it being an ::after pseudoelement. This might provide an workaround for its pointer-events).

We need to make interaction with the header consistent, and obvious.

Related:

851
876

caleybrock commented 9 years ago

I definitely agree with this one. I think the whole rewrite needs a UI update, I could probably take a look along with the tutorial UI I'm working on.