How to create a perfect website page for a tablet

According to Gartner, the research company predicts that the sales of flat tablets are increasing every week. by 2016, the sales of flat tablets worldwide will reach 0.665 billion. With the increasing popularity of tablet computers represented by Apple iPad, I believe that mobile devices will replace the dominant position of personal computers,

According to Gartner, the research company predicts that the sales of flat tablets are increasing every week. by 2016, the sales of flat tablets worldwide will reach 0.665 billion. With the increasing popularity of tablet computers represented by Apple iPad, I believe that mobile devices have replaced the dominant position of personal computers. it is only a matter of time that it is the first choice for accessing networks.

Adobe's recently released digital marketing report shows that users who use tablets to browse websites are 20% more than each transaction of ordinary PC visitors. This data means that for e-commerce enterprises, designing a tablet-friendly website is very important.

The advent of the iPad has brought the original silent tablet market to a new life. but two years have passed, and many websites have not been optimized for tablets, even many new websites cannot be used frequently on tablets. In addition, these are not just the inconspicuous small websites. even the well-known Google Docs user experience is quite bad. if you don't believe it, try Google Docs on the iPad, you will find that you cannot do anything except browse, especially when you need to edit the document.

 

 

Where is the problem?

We are familiar with details, such as details that are the devil, and details that determine success or failure. In fact, the above problem is also very simple: some websites have little links and clickable images. Jakob Nielsen, the world's top expert on Web availability, pointed out the crux of the problem, which is particularly prominent on a medium-size tablet like the Kindle Fire. Websites designed for 15-inch laptops or 22-inch monitors are not suitable for the iPad's 10-inch screen. the screen is too crowded and nowhere to start. users need to double-click and zoom in frequently, this is definitely not a pleasant experience.

Five major differences between tablets, laptops, and desktops

In general, there are five major differences between designing websites suitable for tablets and websites suitable for desktops/laptops:

Dimensions

Compared with laptops and desktops, tablets are generally small in size.

Screen resolution

The screen resolution of a tablet is very different (from 600x1024 of the Kindle Fire to 2048x1536 of the next generation iPadd), and the screen orientation of the tablet can be rotated, therefore, the tablet website must be browsed horizontally and vertically.

Compatibility

Anyone who has used a tablet knows that the compatibility between abw.flash and the tablet is a big problem. However, plug-ins like Silverlight and some JavaScript Web programs with heavy computing tasks will also cause troubles.

Touch interface

This is a big problem. The touch interface is the biggest difference between a tablet and a traditional PC. to facilitate user operations, a larger clickable element and fewer navigation elements are needed.

Memory and CPU limits

We all know that tablet PCs have entered the quad-core era, so the performance defects of tablets are often easily ignored. In fact, the memory and CPU performance of tablets are still far behind those of traditional PCs. Therefore, websites with too many multimedia elements are still a great challenge for tablets.

 

 

Understanding user experience

Shawn norann, founder of website Agency Domain7, said that the most important thing to design a website is to understand the user experience and develop policies to meet users' needs. Desktops are used for research and task completion. smartphones are used to temporarily pass the time, while tablets are used to enjoy the time at home.

"Sometimes the most effective response is to take the most effective approach," norann suggested. Responsive websites are mobile and can be adjusted based on different screen sizes and display resolutions. Therefore, theoretically, the same website can be browsed on both large and small screen devices, but the actual result is often unsatisfactory. It is difficult to overcome the resolution change issue. the display effect of a website designed specifically for a large display on a small screen is often not very good. Therefore, a website is not universally available.

There are different opinions on how to solve this problem. we suggest you create a mobile-friendly website or customize the website based on your devices. It is difficult to design a mobile-friendly website, especially to run different content management systems. In addition, it is difficult and costly to maintain the two websites at the same time, in addition, users cannot use the full version of the website on the tablet, which will make them quite angry. In short, no matter which solution is selected, additional development work and additional costs will be added.

Use tool software

Of course, you can also take shortcuts: use software such as Pressly or OnSwipe. With this type of software, the standard website page is like a magic, and the page suitable for tablet browsing will be perfectly displayed to the user immediately.

The above scheme was expected by Jason Baptiste, CEO and co-founder of OnSwipe. He said:

"People will gradually enter the" touch screen/screen scan "era from the" click era ". The Flat website interfaces will be more concentrated and different design methods are required. Some people think that once a website page is designed and used everywhere, it can be used once and for all. I think this is simply untenable. On the tablet, we should pay attention to the touch, so we should also focus on the touch during design ."

 

 

Suitable for tablet website pages

So what website pages are suitable for tablets? I think the following things need to be done: a simple and clean user interface, coupled with a large and conspicuous navigation and control elements, reasonable space layout, and the use of interactive plug-ins should be minimized, it is best to create a flexible frame that can adapt to a variety of screen sizes; then consider using third-party services to automatically convert website pages for tablets or similar devices.

In fact, Tablet website designers can learn more about Flipboard, Pulse and other personalized content aggregation services. The website pages they designed have a very good display effect on small devices, therefore, we can study them and learn from their design methods and styles.

The importance of creating a perfect website page for a tablet is clear at a glance: either design the website more "flat", or wait for the loss of users and loss of profits. It is not necessary to convert a website into a tablet-friendly environment. if the website is slow, you will have a gap with your competitors. If you want to take advantage of the tablet storm and create a tablet-friendly website, hurry up! Website designers!