ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

The advantages and disadvantages of a One page site

Updated on February 17, 2015
A great example of a one page layout
A great example of a one page layout | Source

The advantages and disadvantages of a One page site

You may have noticed that websites are catering more and more towards mobile devices and tablets. This is understandable as Forbes has reported[1] that over half of all Americans own a smartphone device. Mainly, one can see that websites have begun to abandon the multiple page layouts in exchange for the single page layout. However, is this really in a person’s best interest? Here are some considerations to keep in mind about one page websites.


[1] http://www.forbes.com/sites/markrogowsky/2013/06/06/more-than-half-of-us-have-smartphones-giving-apple-and-google-much-to-smile-about/

Identify your audience

Who is the audience?

If you are targeting a mobile audience, then by all means use the one page layout if you can. The reason for this is that one page sites make for easy navigation. Consider this, if you are using a smartphone or a tablet, it is easier for you to scroll down with your finger rather than try to navigate through multiple pages of content. Most mobile sites offer either quick navigation icons or a one page website with all the information presented.

On the other side of the argument, if you are targeting businesses and such industries which will primarily use a desktop or a laptop to review your website, then it could prove to be a bit more helpful to have your site set up in the “traditional” format. Where it is easy to navigate on a tablet or a smartphone, those using a computer do not want to have to continuously scroll down to see the content you are presenting.

Design Considerations

a computer do not want to have to continuously scroll down to see the content you are presenting.

Scrolling designs vs multiple designs

One of the advantages of the single page design is that it uses (in most cases) a single image that is tiled and scrolls with the page. This is ideal for those that really do not want to have to worry about the background so much as the content which is going to be presented. Companies which want to present multiple images generally add a slideshow at the top of the page and then add the information below that. Again, the main drive is for the mobile media marketplace.

The disadvantage of the design in single page layouts is that the graphics are limited to the space and to the loading time for the page. To explain: If you have a page that has too many graphics than the load time will be substantial and thus drive traffic away from the site rather than to the site (as no one really wants to wait on a website to load). The same is true with animations and other interactive content which may be presented on the site. Furthermore, a scrolling design needs to be seamless or you get that weird and unsightly line every time it tiles.

It could be argued that a multiple layout website is just as dependent upon the graphics and interactions when it comes to loading time, but this is not entirely true. As each page loads individually, the graphics are not dependent upon the preceding page. In other words: if your home page is filled with graphics and animations it would load slower than your contact page that just has an interactive google map and an email form.

Design Template Considerations

For those of us who do not like to spend hours on end coding a site or making multiple page layouts, website templates are the way to go. Such sites as www.designz23.com provide many different layouts and templates for about anything that you can imagine. Where it is true that you can find a template that caters to the multiple page website, the odds are that these will be oriented to specific web based platforms such as weebly or wordpress. Multiple HTML templates tend to be a bit elusive and expensive when looking for professional grade templates.

Slideshows can be used to present graphic information on a one page site or as navigational points of interests on a multiple page layout
Slideshows can be used to present graphic information on a one page site or as navigational points of interests on a multiple page layout | Source

So which one should you use?

In my opinion, if you are going to use a template website and want to have it with the most exposure, then you need to have a one page layout. Templates for one page layouts are cheap and easy to use. Most of these are customizable to fit your specific needs. Of course, if you need an additional page, most of the one page layouts will allow you to copy the template and use it for a support page (such as a contact page). The bottom line is that the simpler you can make navigation and user interactivity while maintaining a visual level of professionalism the better your site will be.

Please note that many businesses have multiple layouts for their websites. These multiple layouts are contained in the FTP server and redirected based upon the person’s viewing needs. For example a site may have a mobile website, a site catered to tablets, and a traditional website such as the sample

By maximizing the viewer's experience, you open the door to having more traffic which is the overall goal of any great website
By maximizing the viewer's experience, you open the door to having more traffic which is the overall goal of any great website | Source

Plan and Execute

Visualization of how you want to present your website is the first vital step in website design. Visualize your target audience, your main design needs, your budget, and the user interactivity in order to make your decision of whether or not you need to have a One page design, a multiple page design, or a template that covers all of the options.

Do you have your own website

If you have a website please indicate if your site is a single page or multiple page layout

See results

How useful are web templates

Cast your vote for Usefulness of web templates

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)