compose sketch: draft save status
Bryan Clark
compose sketch [1] and how using it as the saved status is a bit awkward
because we save fairly often. I think we could try styling the disabled
button differently so it doesn't look so different from the enabled
version but that ignores the greater issue that we don't even want to
create the task of "clicking save".
I did a quick mockup of a different version of the save status
indicator, attached. The mockup is just using a single light indicator
which could be placed somewhere near the compose area.
Here's the basic breakdown of each state of the draft indicator (note
that we assume local storage saving is always happening).
* Green - draft is being saved normally
* Yellow - we've encountered (a few?) errors saving the draft remotely
but are continuing to try in the background
* Red - we haven't been able to save the draft remotely after a number
of tries but will continue to try and indicate our progress
The indicator would naturally stay green to indicate that the draft is
being saved (over the network to raindrop) and would only change to
Yellow after several errors saving; I'm not sure how many errors is
correct. The green indicator could have a tooltip on hover (shown in
mockup) explaining what the state means.
Yellow would persist until a successful remote save and then change back
to green at that point. After continued failures (we'll need to decide
how many) the yellow indicator would change to red.
Red offers an inline explanation of the error, how long until it will
automatically try again, and an action to try immediately. This might
also be a good point to indicate that we've saved the draft locally
however that will take more explanation that we have room for here so it
might make sense to offer the full explanation in a (?) help section.
I'd like to keep iterating on this part because I think at this point it
would be good to make people more aware that we actually have saved the
draft locally. Effectively getting across a message like "You can close
this window if you want but right now your draft won't be available on
your mobile device".
Let me know what you think,
~ Bryan
[1] The compose sketch is a playground for trying to get a compose like
widget working with the right mechanics. see
http://127.0.0.1:5000/sketches/compose.html in your raindrop install.
