Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Animate the refresh active icon #343

Closed
sssoleileraaa opened this issue May 1, 2019 · 5 comments
Closed

Animate the refresh active icon #343

sssoleileraaa opened this issue May 1, 2019 · 5 comments
Labels
blocked-on-ux help wanted Extra attention is needed ux

Comments

@sssoleileraaa
Copy link
Contributor

Description

When a user clicks on the refresh icon, we display the refresh_active icon. This should be animated ("rotating at a pleasingly elegant pace... nothing frenetic or sluggy")

@sssoleileraaa sssoleileraaa added help wanted Extra attention is needed ux labels May 1, 2019
@eloquence
Copy link
Member

Before we can consider this dev-ready, I think we should resolve the following questions:

  1. Do we want to keep user-initiated syncs around at all?

  2. What events should trigger this animation? Only user syncs (provided we keep them), or background syncs as well? How about user-initiated downloads or other network operations? Note that downloads currently add a "Downloading file" status update to this same area of the client, so we're already overloading it semantically beyond syncs.

  3. For a sync, should the animation only last for the duration of the initial "is there anything new" check, or until all messages and replies associated with it have been downloaded?

Back in July, Nina created this spreadsheet which conveys a set of proposals for how the icon and status message should be updated based on user actions, and which proposes answers to some (but not all) of these questions.

For the beta, I would encourage us to look for ways to dramatically reduce complexity here. Here's a proposal:

  • Eliminate user-initated syncs entirely.
  • Animate the icon during syncs, including any message/reply downloads associated with a sync.
  • Don't animate the icon or update the status for other user-initiated actions. Instead, show such operations in context as we've already started doing with replies.

In other words, treat it as the "sync progress area", not the "all network activity reported here" area. Even in that context, we might want to not animate the icon during the "is there anything new" stage of the sync, if we perform this check constantly, because that could get very visually annoying and distracting.

@eloquence
Copy link
Member

@ninavizz and I discussed the approach outlined above today. If we go down this road, it may make sense to change to a different icon entirely -- the current icon selection very much reflects the intention of an interactive refresh.

For an operation that frequently runs in the background, something like a color indicator, a pulse loader, or a subtle spinner may be a better fit. And we'd still want to decide what stages of the operation to animate it for: just the metadata sync, just the message/reply downloads, or both.

@redshiftzero
Copy link
Contributor

#655 is closed so this one will get some broader changes since the user will no longer click on the refresh icon in order to trigger a sync

@ninavizz
Copy link
Member

OH!! I think w can close this—or shd it be a new issue for Animate The Sync Icon?

@ninavizz
Copy link
Member

ninavizz commented Mar 5, 2020

Clozing, cuz there ain't no more refresh button!

@ninavizz ninavizz closed this as completed Mar 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
blocked-on-ux help wanted Extra attention is needed ux
Projects
None yet
Development

No branches or pull requests

4 participants