I'd like to prototype a web site with a massive use of parallax effect, like this:


For prototyping, I'd like to test how using this effect could influence the navigation and the user experience.

Do you have advice for prototyping it?


Use AxureRP for that. A sample prototype is also available on their forum for that. http://www.axure.com/forum/tips-tricks-examples/8157-parallax-scrolling.html

How to use this effect to better influence the navigation and the user experience?

If you ask that does Parallax has an influence on user-experience then sure, everything you do in your website adds or subtracts from the user-experience but how can parallax be used to do that is too broad to answer. It depends on what is your context and what you are looking to achieve and then you may ask if Parallax can accomplish that.

  • nice! see the edits – nkint Jan 14 '14 at 22:36
  • I am impressed that Axure can now do that, but at the same time, it's not 'quite' as smooth as one would want/actually build it in code from the start. This is the catch22 of doing that level of fidelity in a tool like Axure. It 'looks real' but isn't quite. Sometimes that's no big deal, but sometimes that can lead to very misunderstood expectations. – DA01 Jan 15 '14 at 4:17
  • Certain browsers perform better than other. Try to change the browser you publish for in the settings. – TotemFlare Jan 15 '14 at 5:09

Build it. That level of animation would be as easy if not easier to build than dealing with prototyping software to emulate it.


I think paper prototyping would be a good fit here.

  • 4
    Hi Max, could you expand a bit on why paper prototyping might be a good fit, particularly the parallax aspect? (sounds doable using layers but also sounds very fiddly) – Erics Jan 15 '14 at 1:57

You could use Adobe Edge Animate with the Edge Commons library. The library includes a parallax effect.

Not the answer you're looking for? Browse other questions tagged or ask your own question.