With the rapid growth of the tablet market, have you ever considered the user experience of a website on a 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, it is a multiplier. Why don't you try it.
Original link: http://uxmag.com/articles/the-pursuit-of-tappiness
By the time this article was published, nearly 70 million 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 become 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 after shrinking, 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 for you to complete such 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 to improve your Web site's sense of pleasure
The readability and navigation accuracy of a tablet can be greatly improved with just a few minor CSS tweaks.
1, increase the normal button 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. The link and Immediate action buttons should be displayed as clickable instead of hover states. Hover states do not exist on a tablet computer. Text links should be in a clear, contrasting color. 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 inner 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 click of pleasure
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.
Summarize
Does your site have the pleasure of clicking? Please try your own experience on the tablet device. 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 through some small, incremental changes, which means you can save a lot of costs.