What is "click Pleasure" (tappiness)?

Source: Internet
Author: User
Keywords Click on pleasure website tablet experience
Tags .mall button click computer content design it is links

Absrtact: With the rapid growth of the Tablet PC market, have you ever considered the user experience of the website on the tablet? This article gives 6 simple skills to improve the experience of the Web site, so that you spend a little effort, a big achievement, is a multiplier. Why don't you try it. In this article

With the rapid growth of the tablet market, have you ever considered the Web site's user experience on the tablet? This article gives 6 simple skills to improve the experience of the Web site, so that you spend a little effort, a big achievement, is a multiplier. Why don't you try it.

By the time this article was published, nearly 700,000 of tablet users in the United States alone had increased by one-fold more than the previous year's data. This means that nearly 30% of Internet users in the United States use tablet devices to surf the web. Between 2011 and 2012, E-commerce websites traded on tablets on a 348% increase, the first time it overtook smartphone trading. Because the tablet market is very young, its future development space must be very big.

The trend sends a strong signal that if your site isn't designed for a tablet, it's time to prioritize its availability on the tablet computer. Otherwise, ignoring this may be to the site's overall conversion rate, return visit volume, sales and other negative impact.

What is "click Pleasure" (tappiness)?

When a Web site has a "click on pleasure", the user's access to a cell phone or tablet will be easy and enjoyable. Clicking on pleasure includes cleverly used space, easy-to-read text, logical interaction clues, and large-size click targets, which give visitors full confidence when browsing the site.

In this design, the big font and the big click Target experience is very good, even if on the tablet computer to shrink, the experience is still good.

In other designs, the text is too small to read, links too close to misoperation, virtually increases the operating time, complexity and experience of frustration. Bad experience, users will quickly lose.

The small fonts and small touch targets in this design are proving difficult to read and use on tablets.

An ideal choice might be to redesign your site so that it can be adapted for a variety of devices, but time and cost may make it impossible to complete a full renovation. But you have other options. This article gives some tips and methods to quickly help you improve the website of the tablet user experience, just a few simple changes, you can do today!

6 Simple tips for improving your Web site's happiness

The readability and navigation accuracy of a tablet can be greatly improved with just a few minor CSS tweaks.

1, increase the normal and Immediate action button (calls-to-action) size and outer margin (margin). Most people's fingers are about 45-57 pixels in the area and don't let the user bother to find and click the "Buy" button.

2. Links and Immediate action buttons should be displayed as clickable instead of hover. Hover states do not exist on a tablet computer. Text links should be in clear, contrasting colors. Don't be afraid to use underscores to indicate the default link state.

3, increase the font size to improve readability. In the original font, add some font pixel value (px value) or raise the font display percentage (em value) will be much better. It's called a multiplier.

4. Increase the interior margin of the navigation menu item (padding). You can try adding 5-10 pixels first, and if the design allows, you can add more margins.

5. Increase the outer margin of the page and content block (margin). This improvement can improve the overall readability and reduce the visual complexity. Adding white leaves can create a more usable impression than a crowded site.

6. Increase the size and spacing of the form input box. This will make it easier for users to click and enter information. Improve the form style, can greatly improve the conversion rate of the site.

In addition, these simple CSS changes are likely to benefit your desktop users as well. Of course, as usual, make sure to test the changed content on all platforms and browsers before you officially go online.

A website case with a happy click

The following sites are a good way to reflect the pleasure of clicking. You can experience these sites on both the tablet and the desktop. Note that these sites do not use a different layout or version for your tablet. However, the same site looks good on two platforms and is easy to operate.

The Fitbit uses a reasonable white space, plus large fonts and big-size touch targets.

Comcast's Web site offers large fonts and spacing. You can also notice clearly identifiable links, reasonably distributed navigation and accessibility navigation, and large and easy-to-use form input boxes.

Although the main text of the Skillshare site is slightly smaller, it does provide a large and Easy-to-use navigation button and Immediate action button for the click Area, and there is plenty of space around the content area.

It's not surprising that the Apple website has a click-happy feeling. They are, after all, pioneers in hand-held touchscreen design.

Summary

Does your site have the pleasure of clicking? Please experience it on your tablet. If your site is poorly experienced on a tablet, you may lose users, conversions, and money.

The good thing about this article is this: you don't need a lot of time and money to improve the experience of a tablet user with some small, incremental changes, which means you can save a lot of cost.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.