formbuilder icon indicating copy to clipboard operation
formbuilder copied to clipboard

(WIP) Revisit the overall UX

Open almet opened this issue 11 years ago • 8 comments

The overall UX is not very comprehensive, and I believe we should fix a few things:

  • [x] The submit button in the form is actually being clicked by the users when they have finished editing the form. This is very misleading and we should try to avoid any confusion, maybe by removing it.
  • [x] The panel on the left side isn't really usable when the form is big since it doesn't slide. We should make it affix.
  • [x] Change the URL of the form to be /{token} by default (and if no {token} part is provided then fallback to the form creator.
  • [x] Add a simple landing page
  • [x] The goal of the form is not very explicit. We should add some information about what this is and how the user should interact with the form builder.
  • [x] When submitting a document, we should remove the modal window.
  • [ ] We should add logos next to the user link / admin links
  • [ ] Don't display the list of records once one is posted.
  • [x] It's not very explicit what happened on form creation.

almet avatar Oct 28 '14 17:10 almet

/me summons @QuentinRoy for an UX review and some proposals.

almet avatar Nov 12 '14 16:11 almet

My pleasure. As soon as I get back from holiday :-).

QuentinRoy avatar Nov 13 '14 12:11 QuentinRoy

I added a small text for people to read in order to understand what to do, but I'm not sure that's the best way forward…

almet avatar Nov 14 '14 18:11 almet

You can try introduction tools like chardin.js :)

leplatrem avatar Nov 14 '14 20:11 leplatrem

C'est cool Chardin :)

Natim avatar Nov 17 '14 08:11 Natim

Ah yes bonne idée. J'aime bien l'idée d'avoir qqch de pas intrusif une fois que tu as compris. Ça pourrait être pas mal d'avoir ça derrière un petit bouton d'aider, et éventuellement de le montrer aux gens quand ils se connectent pour la première fois (cookies pour savoir si c'est la première fois ou pas).

almet avatar Nov 17 '14 13:11 almet

@fredericbonifas used http://usablica.github.io/intro.js/ on http://moodwalkr.makina-corpus.net, maybe better for step-by-step tutorials :)

leplatrem avatar Nov 18 '14 08:11 leplatrem

I'll actually break down all of these into issues because this seems like a meta issue to me.

almet avatar Dec 11 '14 13:12 almet