search

codeforamerica / chime

A city-focused content management system
http://chimecms.org/
BSD 3-Clause "New" or "Revised" License
35 stars 12 forks source link

wait animation for article deletions disappears on roll-off #526

Open tmaybe opened 9 years ago

tmaybe commented 9 years ago

related to #468 – if you click the trash-can icon to delete an article it gets a loading animation, but the button with animation disappears if you roll-off the article. I think it should persist even if you roll off!

norrishung commented 9 years ago

I'm not sure I see this happening. Can you show me this if it reproduces?

tmaybe commented 9 years ago

This is what I mean...

roll-off-wait-animation

I think the wait animation should persist even when I roll off.

migurski commented 9 years ago

Why do we have any rollover mystery buttons at all?

norrishung commented 9 years ago

Oh that delete button! Yeah, that's not great. Watching that gif on loop is actually really frustrating.

Re: mystery rollover buttons. I think that the article-list view has two user purposes right now:

  1. The primary way of navigating to the file you want to edit.
  2. A way to restructure the IA.

Since most people will be using it primarily as a navigation page, I didn't want to litter it with edit and delete buttons. It was a matter of simplifying the interface so that people only see what they need at the last possible moment.

I'm not convinced its the solution we want ultimately either though. It's one of the reasons I was weighing in this prototype for issue #489 when I decided to hide all the of IA editing actions in a separate mode.

http://chimecms.github.io/chime-prototypes/content-ordering/browse.html

migurski commented 9 years ago

I do like the modal interactivity in that version. I think deletion might classify as content editing, rather than structural editing, and I wouldn’t put the edit/delete buttons in the category of litter. They’re important UI, and provide valuable hints about what’s possible. Better to include them, than provide a false appearance of cleanliness but require people to hunt around with their mouse.

wpietri commented 9 years ago

Huh. Given that 80% of our users are non-experts going in and tinkering with copy on a small number of pages, my bet is that having all other operations hidden would be a net win, but user tests are the only way to know for sure.

migurski commented 9 years ago

Making the modal switch explicit ("Edit Article Structure") provides those non-experts with affordances and language to increase their skills. Basing it on mouse rollovers leads to a confusing situation, where they may never quite know what functions they’re missing because they haven’t rubbed the whole surface of the genie lamp with their mice yet.

wpietri commented 9 years ago

I understand the theory, but would want to see the problems in user testing before we made big bets either way. Slack, for example, uses a fair bit mouseover UI to reduce clutter and I'm not so worried that I've missed anything. But when I was getting started, it was nice to have the focus on what really mattered.