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

iD v3 alternative interface for beginners #6684

Closed
gmaclennan opened this issue Jul 26, 2019 · 2 comments
Closed

iD v3 alternative interface for beginners #6684

gmaclennan opened this issue Jul 26, 2019 · 2 comments
Labels
usability An issue with ease-of-use or design

Comments

@gmaclennan
Copy link
Contributor

I've been following along with the amazing work by @quincylvania on the ribbon UI for v3. I think it will really speed up mapping for power users. I'm wondering though about how to continue to make iD accessible for new users. What we've really liked about the current iD interface is how simple it is for new users to pick up and learn. There are few buttons to select, and their function is easy to understand. In trainings of new users this has meant that it is much quicker than other tools for users to learn and start mapping. I think the ease-of-use is the result of a lot of thinking and design by several people, and in particular @bhousel who lays out their thoughts in #3123

I understand the needs of some users to speed up mapping, and how the new ribbon UI solves that challenge, but how can iD continue to serve beginners? Is there a way that v3 could incorporate both the v2 interface and the ribbon UI? Like a "beginner" and "advanced" mode? Maybe generalizing iD by splitting it into separate modules is the answer? I don't know the answers to these questions, and I know the ribbon UI is still in development so perhaps the focus should be on that and improving its accessibility for beginners. Hopefully this issue can serve as a place for production discussion about how to solve these issues.

@quincylvania
Copy link
Collaborator

Thanks for bringing this up, @gmaclennan! The usability of iD for new and casual mappers has always been a top priority for us, including for the v3 release. I actually think the v3 ribbon is more approachable for beginners, so let me go into detail for anyone interested in this.

In v2.15 when you launch iD you see the basic Point/Line/Area buttons.

Screen Shot 2019-07-26 at 8 53 36 AM

Having just three options is simple, but the problem is that no one edits OpenStreetMap to add points, lines, or areas. People want to add restaurants, roads, and buildings. New mappers won't necessarily follow this abstraction or know which geometry to pick.

Contrast that with opening v3 for the first time:

Screen Shot 2019-07-26 at 8 45 31 AM

Just one button. When you want to add something you simply click it and search for what you want to add. All geometries are mixed, and if multiple geometries are allowed then you see options (I'd like to simplify this even further by having "preferred" geometries).

Screen Shot 2019-07-26 at 8 47 36 AM

Here's the cool part. When you pick the preset you want, iD knows what you're drawing before you draw it. Thus we can guide new mappers by tailoring the UI with preset-specific instructions (#6119) as well as preventing invalid topologies like connecting power lines to rivers. None of that is possible with point/line/area buttons alone.

More buttons start appearing in the toolbar as a convenience only after you start adding things.

Screen Shot 2019-07-26 at 8 49 12 AM

While the list can get much longer than three buttons, it grows organically via the user's own actions.

Screen Shot 2019-07-26 at 9 18 45 AM

As far as the other toolbars go, I admit that some have started to get crowded. This makes these commands more discoverable and mobile-friendly, but we'll have to see what people think in practice.

Screen Shot 2019-07-26 at 9 23 42 AM

Overall, we've tried to make the v3 UI an upgrade for both new mappers and power mappers. We should keep this discussion going though. It's always useful to hear about places where iD should be more usable.

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

Closing this since I'd really prefer not to have separate beginner and advanced modes. Instead I think we should continue to make iD as approachable as possible but still scalable to enable advanced workflows, as outlined above.

Please do open issues for any specific usability hurdles you find!

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

2 participants