Web designers and operators know how difficult it is for a website to attract visitors. In fact, if a website attracts potential customers, it may decide to do so in a fleeting time. There are a couple of factors that can lead to a website that attracts visitors, including great headlines, interesting content and quality design. These factors are important, and today we focus on a very specific and sometimes easily overlooked factor: "Read more" or "View full text" links to full-text content.
Each site has its own way of directing users to click on the article link. Some sites use a very prominent way, some slightly low-key, no matter what form, designers have created a lot of creative and fun ways to attract visitors to continue reading. This article introduces 45 Web sites that have excellent "read more" designs that will inspire your design, or at the very least, remind you not to overlook the design of this detail.
Best practices
Before we begin to appreciate it, let's discuss the importance of designing the "View full text" feature.
Its most important function is that you can compress content on the homepage of the website, so as to render more information. This means that readers can browse the headlines more quickly, and you can have more information to enrich the page.
Also, using the View full text feature makes it easy for webmasters to access statistics to learn about the most popular content on the site. If the entire content is piled on the home page, it is difficult to master the site's hot content.
The last one, and probably the most practical one, is to get more revenue. The current popular web site to make money, are based on click Ads, the more pages of the site, the more the number of ads displayed, then the benefits will be greater, and can attract more advertisers.
Now that we understand the importance of the "view full text" link, let's take a look at some of the best practices of design.
1. Highlight text Links
The most common way to use a Web site is to use a simple text link to display "View full text." Usually set to underline, bold, color highlight, or add a ">" tag. The central purpose is to ensure that it is clearly different from the ordinary links, which many designers can easily overlook.
Here are some good examples of this:
Tutorial9
Psdtuts
Smashing Apps
CSS Tricks
David Airey
Freelance Switch
Lost and taken
Veerle ' s Blog
Rob Goodlatte
Douglas Menezes
Slashdot
Usabilitypost
Kupferwerk
Dino Latoga