Post by OC2PS » Sun Oct 31, 2010 6:16 am

http://www.useit.com/alertbox/scrolling-attention.html
Jacob Mr.Usability Nielsen wrote:Scrolling beats paging because it's easier for users to simply keep going down the page than it is to decide whether or not to click through for the next page of a fragmented article.
Jacob Mr.Usability Nielsen wrote:the fact that users scroll doesn't free you from prioritizing and making sure that anything truly important remains above the fold...users will scroll below the fold only if the information above it makes them believe the rest of the page will be valuable.
http://www.usabilityinstitute.com/artic ... wmodel.htm
Jack Bellis, Author of It's Not Carpal Tunnel Syndrome! RSI Theory & Therapy for Computer Professionals wrote:Single-page ("one long page") design has always (!) been the right design for a lot of situations. Slow modems just meant it had to be used very carefully. Since the advent of RealAudio, which I think introduced the concept of "streaming," I've been begging for streaming code and every other form of content. Now that it's here, whether with Ajax, broadband, or any other technology, scrolling in a single view has a lot of benefits, not least of which is printing a whole topic in a single action.
http://www.useit.com/alertbox/20001112.html
Jacob Mr.Usability Nielsen wrote:Drop-down menus are often more trouble than they are worth and can be confusing because Web designers use them for several different purposes. Also, scrolling menus reduce usability when they prevent users from seeing all their options in a single glance.
Jacob Mr.Usability Nielsen wrote:...designers employ drop-down menus for a variety of different purposes, including
  • Command menus, which initiate an action based on the option users select.
  • Navigation menus, which take users to a new location.
  • Form fill-in, which lets users select an option to enter into a form field.
  • Attribute selection, which lets users choose a value from a menu of possible values.

Only the last use conforms to the classic interpretation of the GUI widget used for drop-down menus ...
http://www.uie.com/articles/three_hund_million_button/
Jared M. Spool, Founder of User Interface Engineering wrote:It's hard to imagine a form that could be simpler: two fields, two buttons, and one link. Yet, it turns out this form was preventing customers from purchasing products from a major e-commerce site, to the tune of $300,000,000 a year....
The form was simple. The fields were Email Address and Password. The buttons were Login and Register. The link was Forgot Password. It was the login form for the site. ...
(first-time shoppers) did mind registering...As one shopper told us, "I'm not here to enter into a relationship. I just want to buy something."
The designers fixed the problem simply. They took away the Register button. In its place, they put a Continue button with a simple message: "You do not need to create an account to make purchases on our site. Simply click Continue to proceed to checkout. To make your future purchases even faster, you can create an account during checkout."

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by Moggin » Sun Oct 31, 2010 9:31 am

Excellent articles. Thank you for the links! I recognised the $300m button one ;)

Here's one of my J Nielsen favourites --
how-users-read-on-the-web.png

how-users-read-on-the-web.png (4.93 KiB) Viewed 9158 times

http://www.useit.com/alertbox/9710a.html

So if you've ever wondered

1. Why people miss obvious things in your postings/emails
2. Why YOU missed something obvious in a posting etc

- this does attempt to explain it.

( - Bet no-one reads it though ;) :D )

Active Member

Posts

Joined
Wed May 05, 2010 4:56 am

Post by Xsecrets » Sun Oct 31, 2010 12:20 pm

wow sooskriszta I'm glad not everyone agrees with your design views we would all have carpel tunnel in our scroll fingers. You must be the one behind the thinking of all the herbal supplement sites. They all want you to wear out your scroll wheel before you can even get a chance to buy anything.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by OC2PS » Sun Oct 31, 2010 6:32 pm

Moggin wrote:Excellent articles. Thank you for the links! I recognised the $300m button one ;)
Aah..ha ha!
Moggin wrote:Here's one of my J Nielsen favourites
How Users Read on the Web. They don't.
http://www.useit.com/alertbox/9710a.html
Nice!
Xsecrets wrote:wow sooskriszta I'm glad not everyone agrees with your design views...
Xsecrets, whatever gave you that idea? Jacob Nielsen actually says long pages/scrolling is better than several fragments for most applications.

In the article shared by Moggin, the same Jacob Nielsen says people don't read on the internet. This has nothing to do with the length of the page :)

Bet you actually didn't follow the link to actually read the article because it says

Code: Select all

People rarely read Web pages word by word; instead, they scan the page, picking out individual words and sentences. In research on how people read websites we found that 79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word. 
Absolutely NOTHING to do with page length...

The implication for the products pages is that people will probably skip over a lot of the description and the reviews...just skimming through it....and that's fine.....

Have you set up the AB test using Google Website Optimizer or are you still self-referencing usability? (I don't like it so I am sure my customers will buy less...)
Xsecrets wrote:... we would all have carpel tunnel in our scroll fingers.
You mean carpAl tunnel syndrome? ;) You can't get it from scrolling. As for RSI's in general, you'd sonner get them from clicking than from scrolling ;D

I know that was said with a hint of sarcasm, but I had to be a dork about it...
Xsecrets wrote:You must be the one behind the thinking of all the herbal supplement sites. They all want you to wear out your scroll wheel before you can even get a chance to buy anything.
Not quite sure what type of sites you are talking about. But I am guessing these are the ones that have a whole site's worth of content on one page. Yeah, fun!

A key difference though, is that in my design, the user doesn't NEED to scroll below the fold. All the important stuff - product name, image, rating, "Add to cart button" and description are above the fold :)

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by Xsecrets » Sun Oct 31, 2010 11:45 pm

sooskriszta wrote:

A key difference though, is that in my design, the user doesn't NEED to scroll below the fold. All the important stuff - product name, image, rating, "Add to cart button" and description are above the fold :)
yes as they are in the default template as well, it's just that you don't need to scroll to get to the rest of the information you simply click a button and there it is above the fold.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by OC2PS » Mon Nov 01, 2010 12:04 am

:) So the question is would you rather click or scroll. Or better still, would you buy when there is a click available for more info or would you buy when more information is available further down. Please, please, please run that AB test. Mine says people buy more when I dont hide reviews and photos behind tabs. Let's see what yours says.
Jacob Nielsen wrote:That's why we do usability studies: because we are not the audience.

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by Xsecrets » Mon Nov 01, 2010 2:39 am

sooskriszta wrote::) So the question is would you rather click or scroll. Or better still, would you buy when there is a click available for more info or would you buy when more information is available further down. Please, please, please run that AB test. Mine says people buy more when I dont hide reviews and photos behind tabs. Let's see what yours says.
Jacob Nielsen wrote:That's why we do usability studies: because we are not the audience.
where did you run the test? If you ran it on opencart please tell how, as from what I've seen it would be rather difficult to run with opencart, so no I'm not going to run the test, besides the only products I sell have very little info, and no test is going to change the way I like to shop.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by OC2PS » Mon Nov 01, 2010 3:01 am

Xsecrets wrote:where did you run the test? If you ran it on opencart please tell how
Several different places, software etc, but most recently with OpenCart. It's not hard - you create a product1.tpl without tabs, and provide Google Site Optimizer the URLs to the two. Google automatically directs aprox. half of your users to the test/B template. Check out the link I posted earlier: http://www.google.com/support/websiteop ... swer=61201

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by Xsecrets » Mon Nov 01, 2010 3:53 am

sooskriszta wrote:
Xsecrets wrote:where did you run the test? If you ran it on opencart please tell how
Several different places, software etc, but most recently with OpenCart. It's not hard - you create a product1.tpl without tabs, and provide Google Site Optimizer the URLs to the two. Google automatically directs aprox. half of your users to the test/B template. Check out the link I posted earlier: http://www.google.com/support/websiteop ... swer=61201
I saw the link you posted earlier, and of course creating a product1.tpl is easy to do, but how did you manage to get the controller to use the product1.tpl half the time and the product.tpl the other half the time. I just don't see how it will work without quite a bit of modding in the controller files.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by OC2PS » Wed Nov 03, 2010 2:04 am

Xsecrets wrote:but how did you manage to get the controller to use the product1.tpl half the time and the product.tpl the other half the time.
I didn't :)

That's the beauty of Google Website Optimizer. Google does all the heavy lifting.

For OpenCart installations, I'll try to do a step-by-step:
1. Create a copy of product.tpl and name it product1.tpl
2. In product1.tpl, make the changes you want, e.g. remove tabs.
3. Create a copy of product.php controller file and rename it product1.php
4. Replace the 3 instances of product.tpl in product1.php with product1.tpl. Also rectify the self-references, i.e. replace any "sreferences to product.php within product1.php to product1.php. This includes renaming the class in line 2 to ControllerProductProduct1
5. Upload these files to respective places.
6. Sign up and log into Google Website Optimizer http://www.google.com/websiteoptimizer/b/index.html
7. Choose to do AB test.
8. Provide http://www.yourdomain.com/index.php?rou ... ct/product as control URL, http://www.yourdomain.com/index.php?rou ... t/product1 as test URL and http://www.yourdomain.com/index.php?rou ... ut/success as conversion URL.
9. After Google has validated these URLs, it will provide pieces of code to put on top and bottom of product.php, and at bottom of product1.php and success.tpl respectively.
10. Once you've added the code to relevant files, upload these updated files to respective places.
11. That's it! Click start the test, and compare the results after about 100-150 sales have been made.

Enjoy!

P.S. Google's code manages all the redirection. Don't get disappointed if on refreshing a product page you don't see the variation - Google uses cookies to have a consistent experience for individual users while testing...delete cookies and refresh to see the variations :)

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by Xsecrets » Wed Nov 03, 2010 4:29 am

sooskriszta wrote:3. Create a copy of product.php controller file and rename it product1.php
4. Replace the 3 instances of product.tpl in product1.php with product1.tpl. Also rectify the self-references, i.e. replace any "sreferences to product.php within product1.php to product1.php. This includes renaming the class in line 2 to ControllerProductProduct1
5. Upload these files to respective places.
ahh there you go. I knew there was no way to do it without doing something with the controller files.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter


Guru Member

Posts

Joined
Sun Oct 25, 2009 3:51 am
Location - FL US

Post by SapporoGuy » Thu Dec 30, 2010 12:40 am

Has any of this ever been moved on or is this something for each individual to decide on their own?

930sc ... because it is fun!


User avatar
Active Member

Posts

Joined
Mon Nov 01, 2010 7:29 pm

Post by OC2PS » Thu Dec 30, 2010 2:47 am

Seeing as none of the official guys (read Daniel or Qphoria) ever got involved, I'd say that it's been left as "to each his own"

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by SapporoGuy » Thu Dec 30, 2010 3:29 am

errr (few adjectives missing) ... I say we just keep continuing ...

930sc ... because it is fun!


User avatar
Active Member

Posts

Joined
Mon Nov 01, 2010 7:29 pm

Post by Naz » Thu Feb 03, 2011 3:56 am

Question. Do you put the google code in the controllers or the template files? Also Google say put the code "immediately after the opening <head>". Does it matter or can it be floating at the top or bottom?


Thanks

Naz
Newbie

Posts

Joined
Tue Jan 04, 2011 6:05 am

Post by OC2PS » Fri Feb 04, 2011 6:31 am

Naz wrote:Question. Do you put the google code in the controllers or the template files? Also Google say put the code "immediately after the opening <head>". Does it matter or can it be floating at the top or bottom?
Because OC is a different sort of animal, you need to put the code in the controllers, though you can put the conversion code in the template.

As long as it is inside <head></head>, it doesn't matter where it is.

OC2PS
OC 2.3.0.2, vQmod 2.6.2, Journal2 theme
Arcfesték, Csillámtetoválás, Henna
Image
Check out: All my extensions | My FREE extensions


User avatar
Active Member

Posts

Joined
Wed Jul 22, 2009 4:15 am
Location - Hungary

Post by speedingorange » Sat Apr 09, 2011 4:49 am

This looks really interesting and very useful!

Could someone elaborate a little on how to get the two versions of the page?

I Understand creating product1.tpl and editing the .tpl file and creating a different product template.

I am struggling with:

the exact instances of 'product' that need editing within product1.php to get it to work.

and also what the URL of the final product would be...

Say for instance my current product is:

Code: Select all

www.mysite.com/beans
would the test url / B url just become:

Code: Select all

www.mysite.com/beans1
I have seo url's active not sure if this affects it but i dont seem to be able to get it working.

Cheers
James

Active Member

Posts

Joined
Tue Feb 23, 2010 7:33 pm

Post by speedingorange » Wed Apr 20, 2011 9:09 pm

No one has any further information on this?

Cheers
James

Active Member

Posts

Joined
Tue Feb 23, 2010 7:33 pm

Post by pb3131 » Fri Apr 22, 2011 1:11 am

sooskriszta wrote:
Xsecrets wrote:but how did you manage to get the controller to use the product1.tpl half the time and the product.tpl the other half the time.
I didn't :)

That's the beauty of Google Website Optimizer. Google does all the heavy lifting.

For OpenCart installations, I'll try to do a step-by-step:
1. Create a copy of product.tpl and name it product1.tpl
2. In product1.tpl, make the changes you want, e.g. remove tabs.
3. Create a copy of product.php controller file and rename it product1.php
4. Replace the 3 instances of product.tpl in product1.php with product1.tpl. Also rectify the self-references, i.e. replace any "sreferences to product.php within product1.php to product1.php. This includes renaming the class in line 2 to ControllerProductProduct1
5. Upload these files to respective places.
6. Sign up and log into Google Website Optimizer http://www.google.com/websiteoptimizer/b/index.html
7. Choose to do AB test.
8. Provide http://www.yourdomain.com/index.php?rou ... ct/product as control URL, http://www.yourdomain.com/index.php?rou ... t/product1 as test URL and http://www.yourdomain.com/index.php?rou ... ut/success as conversion URL.
9. After Google has validated these URLs, it will provide pieces of code to put on top and bottom of product.php, and at bottom of product1.php and success.tpl respectively.
10. Once you've added the code to relevant files, upload these updated files to respective places.
11. That's it! Click start the test, and compare the results after about 100-150 sales have been made.

Enjoy!

P.S. Google's code manages all the redirection. Don't get disappointed if on refreshing a product page you don't see the variation - Google uses cookies to have a consistent experience for individual users while testing...delete cookies and refresh to see the variations :)
I am a dedicated split tester, and I want to split test some welcome messages using Google Optimizer.

When I put the 'section' code with variations into the "welcome message" (login as admin, click the system/settings/store tabs) and save it, the google script apparently gets stripped out - the "welcome message" displays on the home page with all the variations.

Should I create different home.tpl files (home1.tpl, home2.tpl...) and if so, what should I change so that I display a different "welcome message" (welcome message1, welcome message2...) ?!?

thanks in advance - I am new to Opencart, but am seeing the beauty of the controller/template interactions...

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Update - I got it to work by creating a home.tpl file that has the source code for the "welcome message" inserted into the file (instead of pulling it in from the db). I put the section tag inside this source code and google was able to verify it and seems to be giving the resuts I wanted.

After I am done testing, I will restore the original home.tpl file and go to the admin panel and update the datbase through the store settings with the better performing message.

BTW - I used the add-to-cart action as my conversion page (checkout/cart) because of my current low conversion rate. I had to validate the google conversion code on my local machine instead of the online cart.

Phil

Phil
http://www.HomeSurvivorKits.com


Newbie

Posts

Joined
Tue Mar 22, 2011 4:36 am


Post by speedingorange » Sat Aug 06, 2011 11:40 pm

Has anyone got this AB testing working? I really want to give it a go but have been bamboozled by the technical aspect of getting two different templates to display, and how to link to the two urls;

Active Member

Posts

Joined
Tue Feb 23, 2010 7:33 pm
Who is online

Users browsing this forum: No registered users and 12 guests