Consider not only the part your thumb touches, but also the size. The thumb is generally thicker than other fingers (I know you learned a lot here today), and the average finger is indeed larger than the mouse cursor. This increases the likelihood that mobile users will click or tab elements incorrectly. Links, buttons, or other elements are too small and may remain missing. Is it annoying? Others think so. The
Therefore, make sure the size is large enough. For example, apple recommends that the retina display have at least 44×44 pixels or buttons of the same size. 3. on mobile devices with the minimum amount of scrolling required, the difference is that mobile users are used to scrolling rather than clicking \/ tabulating. So instead of letting you browse through multiple pages to get the information you need, provide information on a long page that can scroll down. But just because scrolling is more natural doesn’t mean you like scrolling and want to scroll as much as possible. In fact, most of them will not go beyond the beginning of the page. The
81% of viewing time comes from the first three screens of information. Nielsen Norman Group should therefore minimize the amount of scrolling and try to keep the most important part of the page close to the top. Here are some thoughts on this: Set the title, navigation, and filter options to fixed (see below for details). The back button provides a jump link to a directory that contains items that users can mark so that they can view all the contents later in a menu 4. From the above statistics provided by Omni channel experience, it can be seen that although mobile users do not shop on machines like desktop users, many are surveys. The role of portable devices is to compare products, collect information and make decisions. The
Do you know where they finally completed the purchase? Collecto’s disciple, on the desktop. Does the customer know how to improve the possibility that the store that completes the purchase will become your store? On the phone, when you log in to the desktop computer, make sure that the products added to the shopping cart are still in the shopping cart. This is also known as single channel sales \/ retail \/ business. 5. when the fixed header containing the most important elements is added and the user scrolls down, the header is fixed at the top of the screen so that visitors can access it continuously. Why did you do that at first? In a mobile device, it is usually the element that contains the following most important information: The
If you want the link back to the home page (through the website logo) navigation menu, search function, shopping cart to be free from the interference of other key elements such as accessing the language converter, you may not see it, but if you scroll up again, it may make it appear again. https:\/\/codepen.io\/tutsplus\/pen\/WNerWWp The point is to allow users to access common functions without scrolling back and forth. This also means improving the availability of search functionality. Use predictive search with less input on a smaller keyboard. Similarly, you can easily clear the search, including the X button. 6. for the navigation that provides comfortable navigation, of course, it is very different from the desktop on the mobile device. First of all, it must be stored in an accessible place without space restrictions. There are many ways to design mobile friendly navigation menus. The most common solution these days is the so-called hamburger menu. The
It can be moved from the side, pop up a full screen menu or expand like a harp. Then, as described in the original UI article, the hierarchy is tiled as shown above. In other words, the menu includes main categories and subcategories to quickly find the products that customers are looking for. Male also provides filtering options to continue viewing
. This is often used by visitors, especially when there are many types of products. Finally, a browsing path is also provided on the mobile website to better browse the website. Male 7 The general principle of creating a mobile friendly product page online product page is to provide the most important information at a glance. Due to the shortage of real estate, it is more difficult to use mobile phones. One helpful thing is that people can do things they have already done with their mobile phones (Swife, pinch, double tab). How to use it? Here are a few examples. The Lightbox function of using the slider in the product image to open and enlarge the image. In order to save additional space, in addition to including additional information as an accordion on the \
