A week ago I wrote about important trends that are affecting the design of your website. The paragraph regarding one pagers has triggered some reactions, so I want to go a little bit deeper today. Since one pagers are simply structured, they are very suitable for websites with little content or with content that is closely linked. They are especially popular with photographers and graphic artists showing their work, consultants introducing their services, or companies presenting their products.
More room to manoeuver
A one pager or a single page website has, as its name says, just one page. That leaves a lot of room for the designer to manoeuver. He or she does not have to think in pages or grids; stages or chapters (meaning pages) provide the design frame. This leaves more room, for example, to consistently use a graphic element. Navigation is located on the left or at the top of the screen. To move through the page, you click on the navigation graphic or scroll with your mouse up and down – or with the arrows on your keyboard. One pagers use HTML5 and CSS3; many of them automatically adapt to different screen sizes (responsive design).
Five tips from practical experience for practical use:
- Navigation must be simply structured; three to six navigation points are enough
- The navigation menu must stay visible, even when scrolling to the very bottom
- Every navigation point requires an anchor to enable linking within the page
- Be short, restrict yourself, be succinct
- Go for alternatives if there is too much content – for example, vertical scrolling
Curious? Look at the examples at Webdesigner Depot and be inspired.