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

right-left jumps during saving ("save" button on the right, "upload" on the left) #6671

Open
matkoniecz opened this issue Jul 22, 2019 · 16 comments
Labels
usability An issue with ease-of-use or design
Milestone

Comments

@matkoniecz
Copy link
Contributor

matkoniecz commented Jul 22, 2019

It turns out to be quite confusing for new mappers that to save one needs get to right, click "save" button and get to left side of the screen, fill form there and use "upload".

Maybe it would be better to keep "save" and "upload" menu both on the right side of the screen?

It is especially confusing on larger monitors. As bonus it requires traveling large distance with mouse on each save.

@BjornRasmussen
Copy link
Contributor

What about just blurring and darkening the UI to draw the mappers attention to the right spot? iD already darkens, so all that would be needed would be the blurring.

@quincylvania
Copy link
Collaborator

Thinking about this, here's my ideal upload workflow:

  1. Click "Save"
  2. ✅ Save successful

The upload form is just another barrier to contributing.

@quincylvania
Copy link
Collaborator

To be clear, I'm not suggesting we wholly remove the save form. I'm saying that in my personal ideal world that doesn't exist we would never have to bother users about that stuff. That ideal informs my thinking about the UI, like how maybe it could be a popover under the save button instead of an entire inspector screen. But this is just hypothetical brainstorming!

@BjornRasmussen
Copy link
Contributor

Cool!

@quincylvania
Copy link
Collaborator

Quick mockup:

Screen Shot 2019-07-22 at 10 35 03 AM

Clicking "Advanced" would essentially show the existing upload form. Clicking the warnings would open the Issues pane, or possibly enter some kind of "issue review" mode where iD takes you through each issue step-by-step.

This has the following advantages:

  • Less daunting for new mappers
  • Only shows the most important info
  • Is visually connected with the Save button (solving this original issue)
  • Still lets us put whatever we want under the Advanced options
  • Frees up the assistant to show something else, like the changes list

@tordans
Copy link
Collaborator

tordans commented Jul 22, 2019

@quincylvania I like the idea and direction.

Before I forget: The post-commit-screen with the community index should still get a good amount of space afterwards. Maybe as a separate thank you layer.

About the mockup:

I think it would further benefit from removing the "basic/advanced" toggle to something, that shows the additional features on demand but has more meaning than "basic/advanced".

Quick idea:

Bildschirmfoto 2019-07-22 um 18 48 51

  • remove toggle
  • add something like "show / edit changeset tags" below the text area. maybe "advanced changeset tags" so people know it will get technical?
  • move the downloadbutton to anywhere else, eg in the "show / edit changeset tags" area
  • show the list of changes on demand with the "2 changes" link

For the last item: Is this really useful? I was wondering recently, if an integrated https://github.com/osmlab/changeset-map view might be more useful. Would that even be possible with an uncommited changeset?

@quincylvania
Copy link
Collaborator

I also don't love the toggle control. Maybe something like this?

Screen Shot 2019-07-22 at 2 36 28 PM

On-the-map dif styling is definitely something I think we should do eventually.

@quincylvania quincylvania added the usability An issue with ease-of-use or design label Jul 31, 2019
@quincylvania
Copy link
Collaborator

I've been thinking even more about the save popover and I'd really like to try it. We should make saving as easy as possible for mappers—they've already done the real work after all.

Latest mockup:

Screen Shot 2019-09-30 at 6 23 41 PM

@BjornRasmussen
Copy link
Contributor

I like this! The current design was really meant for the old sidebar, and feels rather cramped in the assistant panel, especially when using a phone. This new design seems very elegant.

@bhousel
Copy link
Member

bhousel commented Sep 30, 2019

I like this! The current design was really meant for the old sidebar, and feels rather cramped in the assistant panel, especially when using a phone. This new design seems very elegant.

I like this too..

Actually the current design really was originally in a modal dialog that appeared on top of the map, but we moved it to the sidebar years ago so that users could click on the list of items that they edited and look at them before saving.

@BjornRasmussen
Copy link
Contributor

Oh, cool! The old design definitely worked well with the sidebar, though.

@bhousel
Copy link
Member

bhousel commented Sep 30, 2019

background here: #2378 (comment)

@quincylvania quincylvania added this to the 3.0.0 milestone Oct 1, 2019
@quincylvania quincylvania self-assigned this Oct 1, 2019
@1ec5
Copy link
Collaborator

1ec5 commented Oct 2, 2019

For the last item: Is this really useful?

As someone who does a lot of roving editing sessions (as opposed to targeted changes), I do use the change list as a way of jogging my memory, not necessarily to preview the individual features but at least to remember what kind of features I edited. Others may have different preferences depending on their changeset comment writing style.

Lately, I’ve found myself briefly opening the save panel for random-access navigation to various parts of the map that I’ve edited, without saving just yet. Maybe that should be a separate tool, which the user could also open before saving if they need their memory jogged. The right sidebar is getting rather crowded though…

On-the-map dif styling is definitely something I think we should do eventually.

A preview was discussed in #5974 and probably elsewhere before that. I think it would be a highly desirable feature, but also a complex enough feature to deserve its own issue independent of this redesign.

@quincylvania
Copy link
Collaborator

@1ec5 There's actually an open PR for dif styling: #6843

@1ec5
Copy link
Collaborator

1ec5 commented Oct 7, 2019

#6843 will come in handy as part of the save workflow if paired with a way to fit the map to all the areas that the user has changed. With roving editing sessions that span a large area, smaller features may not be discernible when zoomed far out, which is why the textual changed feature list has been useful.

@matkoniecz
Copy link
Contributor Author

Run into this again, with a different family member who was confused why saving their edits does not work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
usability An issue with ease-of-use or design
Projects
None yet
Development

No branches or pull requests

6 participants