011 027 5098 | 079 157 2902
  • About Us
  • Blog
  • Support
  • Contact
BP Web DesignBP Web DesignBP Web DesignBP Web Design
  • Home
  • Websites
  • E-commerce
  • Custom Design
  • Hosting
    • Web Hosting
    • Virtual Private Servers
    • Dedicated Servers
    • Reseller Hosting
  • Corporate Branding

EVERYTHING YOU NEED TO KNOW ABOUT THE LONG-SCROLLING TREND

    Home UX DESIGN EVERYTHING YOU NEED TO KNOW ABOUT THE LONG-SCROLLING TREND
    NextPrevious

    EVERYTHING YOU NEED TO KNOW ABOUT THE LONG-SCROLLING TREND

    By kaimbi | UX DESIGN | 0 comment | 31 July, 2015 | 0

    Long-scrolling pages are on the coronary heart of the above the fold vs. there isn’t any fold debate. For some time, designers and entrepreneurs thought that your most essential content material (calls to motion, contact data, and many others.) ought to be above the fold as a result of barely anybody scrolled under the fold.

    Of course, this has been confirmed completely false, as a lot of research proves that folks at the moment will gladly scroll under the fold and nonetheless gobble up your content material (offered it’s related and excessive-high quality). Back within the mid-90s it was atypical to scroll, however issues have modified…an entire lot in 20 years!

    That brings us proper to the current second, when lengthy-scrolling pages are more and more well-liked and downright cool-trying, along with being practical.

    MEMORABLE VISUAL DESIGN

    If there’s one factor that these lengthy-scrolling pages are getting a popularity for, it’s that includes a memorable, visible design. Hey, it’s important to once you present website guests an extended web page…that has to maintain their curiosity and encourage them to scroll down for extra content material, in spite of everything!

    One of one of the best examples of an extended-scrolling web page that does that is Bounty Beverages’ website. With a putting background, engaging photographs, and simple-to-learn headlines and subheadings, clever part spacing to information the eyes, and chunked copy to facilitate scanning, this web page illustrates how efficient and interesting these kind of pages may be if executed proper.

    bounty

    Of course, the whole level of an extended-scrolling web page is getting the customer to take some type of motion through the decision to motion buttons. Bounty Beverages’ web page is replete with them. Above the fold, you see a useful directional cue pointing as much as the place guests ought to click on to be taught extra about its beers. At the underside of the web page, you additionally see calls to motion prompting guests to depart suggestions and unfold the model’s message on social media.

    Having a wonderfully designed web page results in the principle good thing about lengthy-scrolling pages, which your purchasers can’t get sufficient of, particularly…

    AN INCREASE IN CONVERSIONS

    When the way in which the web page has been conceived and executed is robust, guests will get pleasure from spending extra time on it, and when your bounce charges drop, your conversions increase, as analysis exhibits repeatedly. It simply stands to purpose: the longer guests keep on a web site, the extra probability they’ll be persuaded to reply to your calls to motion.

    Your guests spend extra time on a web site if they’re fully engaged engaged with it. This is the important thing side of capitalizing on an important lengthy-scrolling design. That begs the query, how can designers improve the consumer engagement degree within the first place?

    There are quite a few components that measure a user’s engagement level. They embody:

    • web page views per session;
    • time spent on a web site;
    • frequency of website visits;
    • interactions with on-display screen parts;
    • bounce price;
    • conversion price;
    • abandonment charge.

    The great thing about lengthy-scrolling pages is that they’ll embody sufficient content material to entice guests to spend an extended time on the positioning than normal—which they may also help together with strategic storytelling. In reality, over the previous couple of years storytelling has been more and more utilized in web design.

    Make certain to make use of storytelling in your lengthy-scrolling pages to maintain your guests’ curiosity and get them enthusiastic about changing on the backside of your web page. After all, we human beings are merely suckers for a good story.

    Okay, so now it’s greater than clear that lengthy-scrolling pages are good for enterprise, the one factor left is deciding methods to lay out your superior, lengthy-scrolling web page.

    LAYING OUT LONG-SCROLLING PAGES

    Nailing the position of particular components on the web page is vital to its success. The order actually issues as a result of, as we defined, lengthy-scrolling pages have a tendency to inform model tales, so the weather must unfold logically.

    If there’s a standard bond amongst all lengthy-scrolling pages concerning what first catches your eye, it’s the presence of mega photographs which might be within the header. Sometimes these mega photographs are a part of an computerized carousel or stretch throughout all the width of the web page. Together with these pictures, you’ll often see the identify of the corporate within the header, together with a worth proposition for no matter’s being offered. All that is above the fold.

    When you begin to scroll, although, that’s when issues get all of the extra attention-grabbing!

    nest

    See, that’s when the storytelling begins in earnest, as within the case of Nest, the management-it-from-anyplace thermostat. When you start to scroll, you get invited to take a tour of the product and the way your life can change due to it. In reality, every time you scroll, you see one other quick part that invitations you to discover Nest from a novel angle.

    Other lengthy-scrolling pages, like The Beetle’s, characteristic movies, in order that guests can see the automobile in motion. Besides this, there’s a set highlight that invitations guests to take a look in any respect the automobiles within the Beetle assortment. It’s a barely completely different strategy, however, once more, the gist is identical: it’s nonetheless about storytelling to introduce the product to guests and get them enthusiastic about it.

    beetle

    Sometimes, a protracted-scrolling web page will be the perfect place to showcase a restaurant’s menu objects, as is the case with Whitmans’ restaurant in New York City: its lengthy-scrolling web page is mainly an excuse for purchasers and people fascinated about going to Whitmans for the primary time to preview what they will order.

    whitmans

    Storytelling can be a automobile for effectively shifting guests by means of the various companies and options of an organization, resembling with Squarespace’s web page. This content material-administration system that lets individuals create web sites and blogs wanted a web page to point out off its many providers. When you scroll down, you see all the things from the varied varieties of websites you may create to the various things you are able to do on Squarespace.

    squarespace

    WHY LONG-SCROLLING?

    Long-scrolling is a development that’s solely going to get greater, particularly with many massive manufacturers utilizing it for his or her distinguished services. If you want this new design method, you possibly can thank cell for bringing this extra to the mainstream.

    With increasingly customers relying on cellular, designers needed to discover a strategy to effectively and neatly show content material on a smaller and narrower display. Just consider the way you scroll down together with your thumb if you’re a web site in your cell gadget.

    The advantage of these pages is that they work equally nicely on desktop as they do on cellular. You can count on to see designers proceed to embrace this development as we transfer ahead.

    No tags.

    kaimbi

    More posts by kaimbi

    Related Post

    • 10 Principles Of Effective Web Design

      By kaimbi | 0 comment

      Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric designRead more

    • How SEO can turn a Business from Minor to Major in a Month

      By kaimbi | 0 comment

        < a href="http://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=brd&FlightID=6150585&Page=&PluID=0&Pos=8841" target="_blank"> Many business organizations and individuals have been informed time and again that the best way to market your business and get more customers, which would reflect on their sales, isRead more

    • 13 Ways to Prevent Your Website Going Down in Google Search

      By kaimbi | 0 comment

      When Google announced its new policies for analysis of webpages it caused different reactions. On the one hand, it had a positive impact on search results; on the other hand, it has exposed new requirementsRead more

    • The SEO Co-Citation Crisis is at Hand

      By kaimbi | 0 comment

      Not to alarm you or anything but the over-drama here is just to call your attention (and by “your,” I mean every person, company, agency, freelancer, website designer, anyone who has any responsibility for aRead more

    • 10 Factors that Google uses to Index a Website

      By kaimbi | 0 comment

      When Google scans a website there are dozens of factors it takes into account in determining whether it is worth index a site or less. Here is a list of ten things to keep inRead more

    • 10 Marketing Techniques That Don’t Cost a Penny

      By kaimbi | 0 comment

      You know you need to market your business, but you just don’t have the overhead to do it. In today’s online world, you really don’t need any savings to kick off a marketing campaign. ConsiderRead more

    • How to Become a Brainstorming Genius

      By kaimbi | 0 comment

      Why is it important to be able to brainstorm effectively? Well, brainstorming is the foundation for all creative and innovative ideas. Being able to look at a problem and find a solution that not onlyRead more

    • Understanding Different Image Formats and Their Proper Use

      By kaimbi | 0 comment

      An picture is a picture, proper? Wrong. Your picture can have extra letters after its file identify than somebody who’s spent years in greater training. We might ignore file extensions like .Jpeg, .bmp and .gifRead more

    Leave a Comment

    Cancel reply

    Your email address will not be published. Required fields are marked *

    NextPrevious

    LIKE US ON FACEBOOK

    CATEGORIES

    • INSPIRATION
    • MARKETING
    • Uncategorized
    • UX DESIGN
    • WEB DEVELOPMENT
    • WORDPRESS
    Copyright 2019 BP Web Design | All Rights Reserved. A BP Web Group Company
    • Home
    • Websites
    • E-commerce
    • Custom Design
    • Hosting
      • Web Hosting
      • Virtual Private Servers
      • Dedicated Servers
      • Reseller Hosting
    • Corporate Branding
    BP Web Design