Skip to content

Improve UX for comparing one’s most recent guess with the city’s actual location #1

Description

@ocram

Thanks for this awesome little game!

The user experience could be further improved by making it easier for the player to compare their most recent guess with the city’s actual location.

With a little experience, most of your guesses will be pretty close. So you’ll end up zooming in as much as possible for every city asked.

When you have placed your marker on the map, however, while the actual answer (i.e. the city’s correct location) is being revealed, the map is immediately zoomed out and re-centered.

This lets you lose focus and makes it hard to compare your guess against the actual answer. In order to compare the two, you have to zoom in again and move to the area surrounding the two markers.

That’s because quizzity.js handles all this in Quizzity.prototype.userClick, where in the this.isGameActive() case, this.removeMarkers() is being called.

Instead, only the minimal amount of zooming out should be applied that makes both markers (the one for your guess and the one for the actual answer) show up on the map, if any at all. If the solution is in the section last focused on, there’s no need to zoom in or move the map at all.

Only after that, and after the user had the chance to view the solution and its distance, the map should be zoomed out and re-centered, as in the !this.isGameActive() case. So it could be something like this:

_.delay(_.bind(function() {
    this.resetMapView();
}, this), 2500);

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions