Ecom UI Crit
- Started
- Last post
- 15 Responses
- trooperbill
Hi Peeps, I'm trying to improve the UX of this site www.click4beds.co.uk and am re-working the templates to hopefully improve click through rates and conversion.
Anyone care to cast their eyes over these proposed designs and give me some feedback.
heres the new designs:
Home
Cat
Prod Detail (unfinished)
TIA
- utopian0
Is there anyway of simplifying the left rail? Perhaps a springloaded menu system that is user driven?
- kelpie0
its better, in some places, but I think it needs more hierarchy - nothing is jumping out at me as a clear route into this catalogue. From the old one I think you're making a mistake not keeping the big menus at the top too in some way; if I wanted a mattress I'd have to scroll right to the bottom of that block of category modules to find a link through. Keep on it, you're not far away.
Out of interest, have you wireframed this before you went into design?
- trooperbill0
@kelpie kind of, its an amalgamation of some key players in online retails websites with some of our niches user goals and usp's thrown into the mix. A lot of its taken from our customer services question logs.
@utopian i'll probably make mattresses the first item in the content based access to products and throw in bedroom furniture there too just to make it apparent
- we wanted search, the basket and next day to be more prominenttrooperbill
- trooperbill0
bump
- ideaist0
If I had to ever "design" something like this it would involve a moral dilemma and a lot of cheap whiskey and domestic brews... Nice though!
Too much information for me to start breaking it down and critiquing... It's like the sure makes the user go "I guess their are too many products for me to buy nothing..."
- attentionspan0
I see you ditched limited product view like 50 products per page with subpages [1] [2] [3]
is this bad or? do ppl really want to scroll through 100 products and go all the way back up?
- attentionspan0
Also wheres the top menu?
why not implement something like mega drop down menu?
- the current site does and its a waste of space, buggy and lags all the time :(trooperbill
- akoni0
yes, if possible make some sort of filtering system with that left nav, and condense like a mad man over there, that section is a bit lengthy right now.
- ukit0
Sorry trooperbill but I don't get what the improvement is over the original...I'm sure the client has some things in mind but as an uninformed visitor looking at these the new layouts just strike me as more cluttered, especially towards the top where there's just a maze of type to get lost in, all around the same size. It seems unneccesary to have 3 ways to navigate to the second level page - the Next Day list at the top, the main area, and the side nav - which overlap in the items they list.
Clients always seem to think that cramming more stuff into the page is going to produce better results, when actually the opposite is true.
- version30
i like the current link better
- cannonball19780
A couple of things:
"More"as the CTA implies you will be looking at "other" beds if you click there.
On the left hand column, use horizontal rules only to differentiate between category and subcategory, don't just use them to divide lines. It will be a clearer indication of information hierarchy, and you'll be able to get more selections above the fold.
I don't understand the ï icon beside "beds by price" and bed styles. Clarify that.
Bring some conformity to your pricepoints, and then stick to one universal way of presenting them, so customers know what to look at when comparing prices at a glance (they differ from your featured beds and "best sellers"
Use your "next day delivery" logo where you are describing it on the top of the page. Link out from there to a further explanation of that that entails, not products that have that service, because it looks to me like that is every product. Get rid of the arrows on the truck and put a "click 4 beds" logo on it's side. It sounds like that is a prominent featured service, but I don't see why it can't be up there beside "Price match promise"
Your "beds by price" icons with the red up arrows and down arrows are a little confusing, and hard to read.
"Trusted by customers UK wide..." should not break your product searching in half. Put that somewhere else.
I like the way you handle the body copy in the category page. I'd trim the copy to one paragraph though and then put the more expander button. I'd suggest breaking that copy up into 2 columns since it generally becomes difficult for an eye to read beyond 7 or 8 words without "carriage returning".
- quamb0
is a little busy and confusing.
breaking the site up into clearer modules / grid / more contrast could help.
- SlashPeckham0
There is some evidence that suggests that prominantly displayed links at the bottom of a web pages actually grabs the eyeballs and clicks - users who scroll way past the fold (most of them) end up here and you can improve the experience and browse rate by by providing them with another way into the website - all that stuff about next day delivery could go here and the user will get the message
http://www.bluhalo.com/blog/view…
- ninjasavant0
Here's part of the process I use that you may find useful. Identify the main and most important tasks a user would want to accomplish when visiting the site, for a site like this I'd guess it to be from 5-10 main tasks. For each task go through what I call a click through: start with "Opens web page" and figure out what the user has to do to get through each task. Like:
User scrolls to position x
User clicks on link y
User locates item z
User clicks on picture | label | iconWork this out in detail for each task. If tasks overlap, find a way to combine them. If a task seems overly complicated, simplify it. Try to experience it from the users point of view. You'll get a clearer picture of how well your site works.
- trooperbill0
thanks peeps, plenty to go at, gonna print this out and give it a good going over.