Mobile-first over responsive
Posted: Wed Feb 19, 2025 9:14 am
It is dangerous for an EC site to inherit the PC version as is and use a responsive design that changes the display depending on the device. Responsive design, which changes the display depending on the device, has many disadvantages such as display speed, tap position, and form problems.
The procedure is to first prioritize smartphones and tablets, and then consider how to display the content on PCs.
5. Place a search box above the first view
Looking at the e-commerce sites of Amazon, Rakuten, Zozotown, etc. in Figure 2, we can see that all of them have a search box located at the top of the first view.
Smartphone users often search for products by israel mobile phone numbers database entering keywords in the search box, and there is data that shows that customers who enter keywords in the search box are more likely to purchase the product.
Fig.02
6. Cart button design
The area around the "Add to Cart" button should be neat and scalable across the entire width of the screen, and placed in an easy-to-press position. In particular, leave some space around purchase buttons, and do not place them together with other buttons. Misoperation will result in a lower conversion rate.
Fig.03
7. Shorten the path to purchase
If you want to increase sales on an e-commerce site, it is better to shorten the process to conversion. By allowing guests to shop without registering as a user, displaying addresses by entering a postal code, and reducing the number of input items on smartphones, you can eliminate user stress and prevent users from abandoning the site.
Also, since smartphones have a phone function, it is a good idea to provide a "Confirm by phone" button so that any questions can be answered immediately.
8. Form Optimization
Smartphone EC sites force customers to enter their name, address, contact information, and other "input" actions before making a purchase. Entering information on a smartphone is very stressful.
Minimizing the number of items required for input and optimizing it will increase your conversion rate.
The procedure is to first prioritize smartphones and tablets, and then consider how to display the content on PCs.
5. Place a search box above the first view
Looking at the e-commerce sites of Amazon, Rakuten, Zozotown, etc. in Figure 2, we can see that all of them have a search box located at the top of the first view.
Smartphone users often search for products by israel mobile phone numbers database entering keywords in the search box, and there is data that shows that customers who enter keywords in the search box are more likely to purchase the product.
Fig.02
6. Cart button design
The area around the "Add to Cart" button should be neat and scalable across the entire width of the screen, and placed in an easy-to-press position. In particular, leave some space around purchase buttons, and do not place them together with other buttons. Misoperation will result in a lower conversion rate.
Fig.03
7. Shorten the path to purchase
If you want to increase sales on an e-commerce site, it is better to shorten the process to conversion. By allowing guests to shop without registering as a user, displaying addresses by entering a postal code, and reducing the number of input items on smartphones, you can eliminate user stress and prevent users from abandoning the site.
Also, since smartphones have a phone function, it is a good idea to provide a "Confirm by phone" button so that any questions can be answered immediately.
8. Form Optimization
Smartphone EC sites force customers to enter their name, address, contact information, and other "input" actions before making a purchase. Entering information on a smartphone is very stressful.
Minimizing the number of items required for input and optimizing it will increase your conversion rate.