search

lpdumas / gw2cartographers

A Guild Wars 2 map project
gw2cartographers.com
19 stars 8 forks source link

UI Constructive Criticism #31

Closed CrankyOldMen closed 12 years ago

CrankyOldMen commented 12 years ago

I could not help but notice that the new UI seems to take many extra clicks to do single click tasks, so I thought I would submit a mock up for consideration.

UI Mock Up Link - http://goo.gl/s4SjX

I moved the edit and move functions over to the bottom of the popup window and added a "more" drop down for expand ability. I also did away with the "marker Options" drop down because there was little reason to have a drop down menu withing a drop down menu.

With a single point of contact for adding markers and everything being a single click away, this design is very mobile friendly as well. As for adding a particular icon I was thinking we could setup the edit section of the popup to function like this - http://goo.gl/77mD - Click on one of the markers and than click the icon in the edit window.

Thoughts?

lpdumas commented 12 years ago

Mock up link isn't working ;)

2012/7/6 CrankyOldMen < reply@reply.github.com

I could not help but notice that the new UI seems to take many extra clicks to do single click tasks, so I thought I would submit a mock up for consideration.

UI Mock Up Link - http://goo.gl/rCdov

I moved the edit and move functions over to the bottom of the popup window and added a "more" drop down for expand ability. I also did away with the "marker Options" drop down because there was little reason to have a drop down menu withing a drop down menu.

With a single point of contact for adding markers and everything being a single click away, this design is very mobile friendly as well. As for adding a particular icon I was thinking we could setup the edit section of the popup to function like this - http://goo.gl/77mD - Click on one of the markers and than click the icon in the edit window.

Thoughts?

Reply to this email directly or view it on GitHub: https://github.com/lpdumas/gw2cartographers/issues/31

CrankyOldMen commented 12 years ago

Odd. Try this - http://goo.gl/s4SjX

lpdumas commented 12 years ago

First of all, i really love the your idea for the markers categories (Explore, craft, etc..) So much better that something like .. generic marker .... ;) Like you, I also thought about bringing as much options as i can into each marker infoWindow (edit, delete, move, etc). Having to click on a button to then click on a marker to delete it is a pain and i agree with you. The markers options dropdown is there so that we can hide some UI element (some people have small screen). As for the general aspect of your mock up (color, style, etc), i love it, but i prefer mine ( sry, personnal taste :D ). I'll surely implement some of your ideas. Thank you!

lpdumas commented 12 years ago

I'll also need to implement 2 at least 2 more button, one to clear the local storage, and the other to send the map for approval.

CrankyOldMen commented 12 years ago

You can dynamically change the font size using standard Responsive design methods. See www.CrankyOldMen.com as an example. The site fits perfectly on any screen from small mobile phones to 50+ inch wide screen TVs.

As for the hiding UI elements. I prefer your paint brush graphics as well, but the graphics that are always shown uses the same amount of space, so space should not be an issue. If you insist on the Marker Options drop down I would much prefer the old design that did not have the drop down withing in a drop down. For smaller screens you can just make sure each group of icons is no wider than 300 px and have the groups stack, which would be good for mobile as well as desktop.

I'll see if I can come up with some other layout that works better than a double dropdown.