Chad 25

The user experience on this page is close to being really smooth... there's just something that doesn't quite feel right, can't put my finger on it though.

Any ideas?

UPDATE: New UX Changes - 31 March, 2010

Now here's the user experience

1) User hovers over a business in list, a small name label appears next to the associated marker on the map

2) User clicks a business in the list, the name label expands to show more info and a link to that business' page for more details

3) Repeat 1 and 2 if the user hovers over markers on the map

Bonus - If the marker is off the visible area of the map, the list will pan the map to the marker - otherwise, no panning.

(Also used Kuler for color changes and improved margins/spacing to make the map appear less cluttered.

What do you think now, better!?

Thanks for the help everyone, very much appreciated. This site rocks!

5 answers

This was chosen as the best answer

I find the entire layout uses its available space pretty ineffectively--making it very cluttered feeling even though there's ultimately very little going on--and the colors used seem to have been chosen completely at random with exceptionally repellant results

Even after reading your rather lengthy description, it took me several seconds to figure out what I was looking at, or what I was expected to do with any of it, and once I did, nothing enticed me to continue.

Assuming that your target audience has very few other places to turn to for this sort of information in their native language, you might not need to worry about designing a cohesive and compelling UI, but objectively, I think it's a rather poor effort that would drive people to the back button under normal circumstances.

I would suggest: More margins, fewer gradients, fewer cheesy drop shadows (just stop using the layer effects checkboxes entirely, really), better (or no) photography, and consult Kuler if you don't have any previous experience with color theory.

Answered over 6 years ago by Nathan Duran
  • Ouch, a bit harsh... but I really appreciate your answer - it will only make me work harder to make it better. I'll remove the cheesy drop shadows, work on spacing and definitely consult Kuler thanks for that. I think Ill be moving to a fluid, full-width layout to make better use of the available space. What photography were you referring to? Chad over 6 years ago
  • Made an update to the UX. I hope you find it's more to your liking. Thanks! Chad over 6 years ago
danwellman 5600

It all seems to work really well and there are some great features. The biggest problem for me is that the header is thin (ish) and centered, but the body is full width...that kinda looks weird. Same with the footer on short pages (e.g. page 6). I have a widescreen monitor and there are gaps approx 200 px wide at either side of the header...

It's like the middle (vertical middle) section of content has busted out of its container...

Answered over 6 years ago by danwellman
  • Do you think it would be weird if on that page the width of the site was fluid, 100% width... while the rest of the site was centered, fixed-width? Chad over 6 years ago
  • It's now full screen layout on that page. What do you think now? Thanks! Chad over 6 years ago
  • it's much better :) danwellman over 6 years ago
o.k.w 2355

Nice one you have there. My only comment is that the resizing of the map height with the browser's window size is a bit awkward. Doesn't seems to be a fixed ratio. Anyway it's not really a big concern.

Answered over 6 years ago by o.k.w
  • It's not a fixed ratio... do you think that would improve the usability of the map? I never thought of that, I was just trying to use as much space as possible. Chad over 6 years ago
  • Not the map per say, if you were to decrease the height of the browser window, the map resizes without a minimum height. Are you trying to avoid scrolling the browser to view the map. o.k.w over 6 years ago
  • I am, and also fixing an issue with IE7 to make sure the map has some height to it (hate browser compatibility!). Chad over 6 years ago

I'm used to getting a popup when clicking a marker, so going to a new page where the first prominent thing is "If you're trying to find AEON SATY Mall - Hinode, click here to view a map that you can use to find your way there." - especially as you return to a map which still has multiple markers without the one in question being highlighted, and the "get directions" interface is missing.

Also, the big red polyline (which I presume is the base) doesn't get erased when you zoom in - I ended up with a dozen versions of it at different scales on the map. (could be google's error)

Answered over 6 years ago by Richard Grevers
  • Yea, I've thought about that a bit. Essentially, the businesses are placeholders until the owner takes ownership of it. At that point, there would be driving directions from the base, street view, etc... though I do need to look at the map interactions a bit more - perhaps at least have a map with it's single marker on it. Chad over 6 years ago
  • Made some UX changes, now it pins the popup when you click a business. What do you think? Thanks! Chad over 6 years ago

At first I found it disorienting that mousing over panned the map. Then I liked it, then I noticed that the balloon that comes up on mouseover said to click it for details, then I tried and the pop up balloon disappeared.

I would highly consider making a click select the map point as opposed to a mouseover, and I would definitely make it so that the bubble stays up so it can be clicked on.

I know there are alternate means of getting to the same place, but you can never predict what your user will see/do first.

Answered over 6 years ago by Chris Sobolewski
  • That's what I'm working on now. I agree with the panning on hover, it's nice once you use it a bit. But, clicking the business should "pin" the map and show the popup. The other upgrade I'll be making is to only pan the map when the marker is outside the visible bounds of the map. Thanks for taking the time to answer. Chad over 6 years ago
  • Added your suggestions, can you take a look and let me know what you think? Thanks! Chad over 6 years ago