{"id":6696,"date":"2015-06-16T19:30:56","date_gmt":"2015-06-17T02:30:56","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6696"},"modified":"2026-03-03T16:19:07","modified_gmt":"2026-03-04T00:19:07","slug":"3-crucial-ux-considerations-going-parallax","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/","title":{"rendered":"3 Crucial UX Considerations Before Going Parallax"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\">Skeuomorphism gives way to flat, and flat gives way to \u2026 something in between. One technique that\u2019s taken hold in recent years is parallax scrolling \u2014\u00a0a visual effect that adds the illusion of depth to your site.<\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">In this piece, we\u2019ll explain a few things you must consider if you want this technique to work for you.\u00a0<\/span><\/p>\n<p class=\"p2\"><!--more--><\/p>\n<p class=\"p1\"><span class=\"s1\">Having both the foreground and background content scroll at different speeds creates an illusion of depth. As Jacqueline Kyo Thomas points out in <a href=\"https:\/\/www.uxmatters.com\/mt\/archives\/2014\/11\/parallax-scrolling-attention-getter-or-headache.php\"><span class=\"s2\">her excellent UX Matters article on the subject<\/span><\/a>, \u201cParallax scrolling is very effective in guided storytelling.\u201d In other words, you can help sell your products or services through a scrolling storybook. <\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">Sites such as &#8220;<a href=\"https:\/\/www.sbs.com.au\/theboat\/\">The Boat<\/a>&#8221; by Nam Lee use parallax as a narrative device. However, that raises the question: do they actually deliver\u00a0a good UX?\u00a0<\/span><\/p>\n<p class=\"p1\">When it comes to parallax, you must consider multiple factors ranging from SEO to usability best practices.<\/p>\n<h2 class=\"p1\"><span class=\"s1\"><b>1. Parallax and SEO Don\u2019t Usually Mix<\/b><\/span><\/h2>\n<p class=\"p2\"><span class=\"s1\">As described in the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-best-practices\/\">Web UI Best Practices<\/a>, parallax can come at an expense \u2013\u00a0your site\u2019s search engine optimization. <\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">Lindsay Kolowich in her Hubspot article \u201c<a href=\"https:\/\/blog.hubspot.com\/marketing\/parallax-design-good-or-bad\"><span class=\"s2\">Is Parallax to Blame for Poor SEO?<\/span><\/a>\u201d says that the dent to SEO comes from placing an entire site on one URL \u2014 something that parallax scrolling encourages.. That means search engines \u2013\u00a0like Google \u2013 will only index that single page. Having content spread across more pages gives your site more search engine visibility.\u00a0<\/span><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6697\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-6.38.57-PM.png\" alt=\"Screen Shot 2015-06-16 at 6.38.57 PM\" width=\"565\" height=\"245\" \/><\/p>\n<p class=\"p1\"><em><span class=\"s1\">Image Source: <a href=\"https:\/\/ww7.flatvsrealism.com\/\">Flat Design vs Realism 2013<\/a><\/span><\/em><\/p>\n<p class=\"p1\"><span class=\"s1\">But there are a few ways around this. Let\u2019s take a look at them: <\/span><\/p>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Add parallax to selective parts of your pages. In her article, Lindsay recommends using parallax in specific areas on your pages to illustrate smaller stories rather than larger narratives.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Use jQuery to divide content for search engines. You can use jQuery to slice up a page into different sections with different URLs (for search engine indexing). Kevin Ellen, of iProspect, has <a href=\"https:\/\/www.iprospect.com\/en\/gb\/blog\/parallax-scrolling-and-seo-how-to-use-jquery-to-seo-your-website\/\">an excellent tutorial on how to implement a jQuery solution<\/a>.<\/span><\/li>\n<\/ul>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Optimize around one keyword. It\u2019s never a bad idea to target a single keyword in your H1 header and body paragraphs. <\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\">The SEO experts at Moz have written <a href=\"https:\/\/moz.com\/blog\/parallax-scrolling-websites-and-seo-a-collection-of-solutions-and-examples\">an extensive article on other workarounds<\/a>, including Kevin Ellen\u2019s jQuery solution, if you want to dive deeper into the specifics around SEO and parallax. <\/span><\/p>\n<h2 class=\"p1\"><span class=\"s1\"><b>2. Parallax Can Be Slow and Isn\u2019t Mobile Friendly <\/b><\/span><\/h2>\n<p class=\"p2\"><span class=\"s1\">Other downsides are speed and mobile-friendliness.\u00a0<\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">Parallax\u2019s heavy JavaScript use can increase load times, which wreaks havoc on mobile users.<span class=\"Apple-converted-space\">\u00a0 <\/span>Featuring all the content on a single page certainly doesn\u2019t help site speeds either.\u00a0<\/span><\/p>\n<p class=\"p2\"><span class=\"s1\"> Let\u2019s walk through an example of a well-done parallax site, <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><span class=\"s3\"> that takes mobile into consideration.<\/span><\/a>\u00a0<\/span><\/p>\n<p class=\"p2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6698\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-6.41.28-PM.png\" alt=\"Screen Shot 2015-06-16 at 6.41.28 PM\" width=\"569\" height=\"322\" \/><\/p>\n<p class=\"p1\"><span class=\"s1\">Image Source: <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><\/a><\/span><\/p>\n<p class=\"p1\"><span class=\"s1\"> As you scroll down, the image above changes the image of the bike and it\u2019s not especially slow to load.<\/span><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6699\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-6.41.36-PM.png\" alt=\"Screen Shot 2015-06-16 at 6.41.36 PM\" width=\"573\" height=\"322\" \/><\/p>\n<p class=\"p1\"><span class=\"s1\">Image Source: <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><\/a><\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">As you begin to scroll down, a bike appears. As you continue to scroll, you see that the bike also has a title, which describes what type of rider you might be.<\/span><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6700\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-6.41.44-PM.png\" alt=\"Screen Shot 2015-06-16 at 6.41.44 PM\" width=\"571\" height=\"323\" \/><\/p>\n<p class=\"p1\">Image Source: <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">There are twenty different types of bikes illustrated as you move down the page. <\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">Note that there is also a basic navigation menu at the top left of the page, which doesn\u2019t detract from the design at all. <\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">It\u2019s only when you click on the \u201cshop\u201d link that you realize that it\u2019s not a site selling bikes at all, it\u2019s a site for two graphic artists selling their work (which includes the bike graphics). They\u2019ve certainly used some sleight of hand, but it works because the parallax scroll entices users with a rich visual teaser. <\/span><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6701\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-6.44.48-PM.png\" alt=\"Screen Shot 2015-06-16 at 6.44.48 PM\" width=\"239\" height=\"418\" \/><\/p>\n<p class=\"p1\">Image Source: <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">Let\u2019s go to mobile. T<\/span>he parallax effect is lost.<\/p>\n<p class=\"p1\"><span class=\"s1\">The site loads quickly enough and while it doesn\u2019t offer the same effect, the imagery is still there.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">The imagery on its own is good enough to pull a mobile user in and not much is lost. The navigation menu is still available and users can easily get around the rest of the site.<\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">While the parallax on this site isn\u2019t groundbreaking, the designers exercised sound judgment in providing a backup design for mobile users. \u00a0Their strategy, nonetheless, is quite clever for using parallax to create an interactive showroom of their art.<\/span><\/p>\n<h2 class=\"p1\"><span class=\"s1\"><b>3. There\u2019s No Real\u00a0Usability Advantage<\/b><\/span><\/h2>\n<p class=\"p2\"><span class=\"s1\">The Journal of Usability Studies did <a href=\"https:\/\/uxpajournal.org\/the-effects-of-parallax-scrolling-on-user-experience-in-web-design\/\"><span class=\"s2\">a study on parallax<\/span><\/a>. The verdict: it\u2019s a satisfying experience but there\u2019s no real difference between a site that uses parallax and one that doesn\u2019t.<\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">One test group used a parallax site and another group used one without it. Both groups had to complete the task of booking a hotel room. <\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">Testers reported the parallax site as being more fun. But that may be all it was good for. Among both groups, the parallax site didn\u2019t gain an edge in terms of usability, satisfaction, or overall enjoyment. <\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">However, the study did find that two of the participants using the parallax site suffered from \u201cmotion sickness and experienced significant usability issues while interacting with the parallax<span class=\"Apple-converted-space\">\u00a0 <\/span>website.\u201d<\/span><\/p>\n<p class=\"p2\"><span class=\"s1\">The bottom line? Parallax isn\u2019t the best choice if users are looking to accomplish clear-cut tasks (like online shopping). Imagine for instance, how frustrating Amazon would become if you had to scroll through 8 sections of unrelated products to find the hard drive you want. <\/span><\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6707\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.00.36-PM.png\" alt=\"Screen Shot 2015-06-16 at 7.00.36 PM\" width=\"565\" height=\"328\" \/><\/p>\n<p class=\"p1\">Image Source: <a href=\"https:\/\/cyclemon.com\/\"><span class=\"s2\">Cyclemon<\/span><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">On the other hand, parallax is a strong choice for sites aiming to immerse users in a visual narrative. For example, take a look at how The Dangers of Fracking allows the user to control a droplet of fracking fluid through its entire journey. In this case, parallax is certainly a compelling technique for condensing a complex topic into an enticing (and almost fun) experience. <\/span><\/p>\n<h2 class=\"p5\"><span class=\"s1\"><b>A Final Word On UX and Parallax <\/b><\/span><\/h2>\n<p class=\"p1\"><span class=\"s1\">Parallax scrolling can be used to great effect but requires trade-offs. <\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">There are serious UX issues that you must consider before deciding to use the effect. <\/span><\/p>\n<p class=\"p1\"><span class=\"s1\">Let\u2019s review them: <\/span><\/p>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Parallax encourages bad SEO practices. While there are a few workarounds, SEO can be seriously hampered. That\u2019s because if all the content is on a single page with a single URL, search engines will only index the site once.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Parallax isn\u2019t mobile compatible. Load times are atrocious because parallax makes heavy use of JavaScript. This makes it impractical for both mobile and responsive design.\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li class=\"p1\"><span class=\"s1\">Parallax doesn\u2019t have much of an edge for usability. It\u2019s great for fun websites, but doesn\u2019t necessarily make it more usable than one without it. However, we all know UX <a href=\"https:\/\/uxmyths.com\/post\/1533970267\/myth-27-ux-design-is-about-usability\"><span class=\"s2\">requires more than usability<\/span><\/a>. If your goal is interactive storytelling, then parallax certainly adds a layer of delight. <\/span><\/li>\n<\/ul>\n<p class=\"p1\"><span class=\"s1\">With this in mind, any project that considered parallax scrolling will need \u00a0budget\u00a0set aside for\u00a0\u00a0thorough usability testing. Testing with users, after all, is the only true indication of whether parallax will improve or damage your site\u2019s UX.\u00a0<\/span><\/p>\n<p class=\"p1\">If you&#8217;d like to learn about other practical web UI techniques, check out the free e-book <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-best-practices\/\">Web UI Design Best Practices<\/a>. The 109-page ebook includes analysis of 30+ examples from top companies like Spotify, Apple, and Skullcandy.<\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6708\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/tw-book.png\" alt=\"tw-book\" width=\"700\" height=\"350\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skeuomorphism gives way to flat, and flat gives way to \u2026 something in between. One technique that\u2019s taken hold in recent years is parallax scrolling \u2014\u00a0a visual effect that adds the illusion of depth to your site. In this piece, we\u2019ll explain a few things you must consider if you want this technique to work<\/p>\n","protected":false},"author":9,"featured_media":6710,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,21,6,19,7],"tags":[],"class_list":["post-6696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-usability-2","category-ux-design","category-uxpin","category-web-design"],"yoast_title":"","yoast_metadesc":"Learn the pros and cons of parallax scrolling. Plenty of examples explained.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>3 Crucial UX Considerations Before Going Parallax | UXPin<\/title>\n<meta name=\"description\" content=\"Learn the pros and cons of parallax scrolling. Plenty of examples explained.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Crucial UX Considerations Before Going Parallax\" \/>\n<meta property=\"og:description\" content=\"Learn the pros and cons of parallax scrolling. Plenty of examples explained.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-17T02:30:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-04T00:19:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"624\" \/>\n\t<meta property=\"og:image:height\" content=\"346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"3 Crucial UX Considerations Before Going Parallax\",\"datePublished\":\"2015-06-17T02:30:56+00:00\",\"dateModified\":\"2026-03-04T00:19:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/\"},\"wordCount\":1201,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Screen-Shot-2015-06-16-at-7.29.56-PM.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"Usability\",\"UX Design\",\"UXPin\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/\",\"name\":\"3 Crucial UX Considerations Before Going Parallax | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Screen-Shot-2015-06-16-at-7.29.56-PM.png\",\"datePublished\":\"2015-06-17T02:30:56+00:00\",\"dateModified\":\"2026-03-04T00:19:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Learn the pros and cons of parallax scrolling. Plenty of examples explained.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Screen-Shot-2015-06-16-at-7.29.56-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Screen-Shot-2015-06-16-at-7.29.56-PM.png\",\"width\":624,\"height\":346,\"caption\":\"Screen Shot 2015 06 16 at 7.29.56 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3-crucial-ux-considerations-going-parallax\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Crucial UX Considerations Before Going Parallax\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3 Crucial UX Considerations Before Going Parallax | UXPin","description":"Learn the pros and cons of parallax scrolling. Plenty of examples explained.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/","og_locale":"en_US","og_type":"article","og_title":"3 Crucial UX Considerations Before Going Parallax","og_description":"Learn the pros and cons of parallax scrolling. Plenty of examples explained.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/","og_site_name":"Studio by UXPin","article_published_time":"2015-06-17T02:30:56+00:00","article_modified_time":"2026-03-04T00:19:07+00:00","og_image":[{"width":624,"height":346,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"3 Crucial UX Considerations Before Going Parallax","datePublished":"2015-06-17T02:30:56+00:00","dateModified":"2026-03-04T00:19:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/"},"wordCount":1201,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png","articleSection":["Blog","UI Design","Usability","UX Design","UXPin","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/","name":"3 Crucial UX Considerations Before Going Parallax | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png","datePublished":"2015-06-17T02:30:56+00:00","dateModified":"2026-03-04T00:19:07+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Learn the pros and cons of parallax scrolling. Plenty of examples explained.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-16-at-7.29.56-PM.png","width":624,"height":346,"caption":"Screen Shot 2015 06 16 at 7.29.56 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3-crucial-ux-considerations-going-parallax\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"3 Crucial UX Considerations Before Going Parallax"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=6696"}],"version-history":[{"count":3,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6696\/revisions"}],"predecessor-version":[{"id":58399,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6696\/revisions\/58399"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6710"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}