addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcredit-cardcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobe--smallglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1launch-new-window--smalllight-bulblinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Re: [ia-55] Re: Mobile First Responsive Design AND Parallex Scrolling

From: Christian S.
Sent on: Sunday, March 25, 2012 7:30 PM
We just finished up a parallax thing for VW that runs on mobile. http://web.vw.com/why-vw/safety

The thing about parallax is that while it is engaging, the usability really takes hit. Things start to move around all over the place and users play with it more than look at the content. On this Why VW page, we tried to reduce the number of tricks and created stages that the scroll would snap to. As a contrast, see beetle.com (on a computer) where tons of tricks are used and motion happens in all directions. This ends up being very distracting. They did a mobile version after beetle.com/reduced that greatly reduced the tricks and thus the URL :/ . In the case of these sites as well as smartusa, the point is to keep users on the site and entertained. 

A big challenge that we have faced is load and CPU power that is needed to make the parallax smooth across devices. On an iPad 3, the motion is smooth, but on an iPhone 3GS it hardly slides. Part of this is because we have really high quality images, but a struggle none the less. The Kindle Fire has also posed a challenge as their browser does not support certain behaviors. 

I think there is definitely a future is advanced behavior when scrolling, I'm just not sure that 25,000 pixel tall pages is it. 

Christian



On Mar 25, 2012, at 6:13 PM, cherie <[address removed]> wrote:

Crystal,

There are quite a few lists out on the interweb.
This is my favourite, and my favourite ones that translate onto mobile are...

HBOGO:

smart usa: (they lose the parallax in mobile but...)


secret obsession with parallax,
Cherie





--
Please Note: If you hit "REPLY", your message will be sent to everyone on this mailing list ([address removed])
This message was sent by cherie ([address removed]) from The Los Angeles User Experience Meetup.
To learn more about cherie, visit his/her member profile
Set my mailing list to email me As they are sent | In one daily email | Don't send me mailing list messages

Meetup, PO Box 4668 #37895 New York, New York[masked] | [address removed]

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy