Image credit: Nick Babich

Previously we’ve covered product details and cart summary pages. Today, it’s time to cover search results page.

Search is a critical element of online shop conversion. Customers typically rely on the search to find a product they’re looking for. Well-designed search functionality will help users find what they want quickly and easily.

Let’s review eight essential tips for creating a better search results page:

1. Show original search query at the top of a page

Reassure users that the system shows search results for the query they’ve provided. Without a visible query, they might start to doubt that the page provides relevant results.


Cart summary page. Image by Nick Babich

With more and more people shopping on smartphones, its important to design smooth checkout experience. We’ve already discussed how to design a product details page. In this article, I want to share eight practical recommendations for the cart summary page.

1. Total number of items in cart

Display the total number of items in the cart at the top of the page. This information becomes valuable when users have 5+ different products in a cart and need to scroll to see the entire list. ‘X items in cart’ at the top of the page will immediately inform users of what they have in their cart.

2. Show essential information about the item

  • Product name…


Clothes & Fashion Product Details. Image by Nick Babich

In this article, I want to share 12 practical recommendations for the product details page.

8 General recommendations

The product details page should have a minimalist design and provide prioritized information about the team.

1. Photos

Most users are visual learners — they form an impression about the item based on its visual appearance. That’s why if you sell clothing or jewelry, you need to give visual prominence to photos.

  • At least 30% of the above-the-fold area should be dedicated to the photos.
  • Create a few pictures from different angles to help customers form an impression of the item.
  • It’s worth adding a video at…


In this article, I want to share a checklist of the most common UI design mistakes that still can be found in mobile app design today.

1. Typography

  • Small font size for body text. Designers often use fonts that are too small in layouts. It’s incorrect to use a font size less than 12 pt because it will cause eye strain for users with poor eyesight.
  • Using more than two font families. …


Users rely on rating when they want to decide what content or product have higher quality. By it’s nature, user rating is quantitative information; that is why it’s recommended to supplement it with qualitative data (user reviews).

When to use rating and reviews system

User rating and reviews become a crowd’s wisdom, guiding users in what is good and bad. According to Baymard Institute:

95% of users relied on reviews to learn more about products

Rating system works well when you have a large user base — the comparison between items becomes meaningful only when you have a significant number of votes/reviews. …


Image by icons8

12 practical recommendations for product creators

When account creation is needed, the signup process needs to be as simple as possible. Here are 12 practical recommendations that will help you improve the user experience of signup and logging process.

1. Support Sign in with a social network account & Sign in with Apple

Support sign in with Facebook, Twitter, Google, LinkedIn. This option is easy to implement, and it brings a significant benefit to product creators — it’s possible to get some valuable information about your users from social networks, such as their full name and avatar.

Quick tip: Remember that some employers restrict access to the services like Facebook or Twitter in their work networks. As a result, users…


That you should use in your next app

Most product designers want to retain their users and keep them active. But how to achieve this goal? The techniques that I will cover in this article are widespread in computer games, but they can be valuable for almost any product.

1. Challenges

How it works: The app gives users appropriate challenges to keep them engaged.

Why it works: Most of us have experienced a mental state where all of our attention is focused on an activity we’re working on. Mihaly Csikszentmihalyi named this state “flow.” During flow, people typically experience deep enjoyment. Challenges can keep users in the state of flow.


9 simple rules that will help you design better modal window

A modal is a window that appears on top of a parent screen. It’s called ‘modal’ because it creates a mode that disables the parent screen but keeps it visible. Users must interact with the modal to return to the main screen.

Designers use modal windows to grab users’ attention. The information and actions in the modal window will have the entire user’s attention.

In this article, I want to review a few simple rules on how to design better modal windows.

1. Do not use modals to show error, wait, or success states

Designers often use modals to display error, loading and success states. …


That will help you validate your design ideas

Design is about solving problems. When designers work on a new product, they’re looking to create an optimal solution for a particular problem. It’s nearly impossible to find an ideal solution for the problem right from the first attempt. That’s why designers invest time in creating prototypes and validating them with their users.

There is quite literally an endless number of ways you can build prototypes, but for this article, I’ve selected the top 4 quick prototyping methods.

1. Paper Prototype

Paper prototype is one of the earliest forms of prototyping you can use—its a prototype created using pen and paper. …


When 2020 is almost over (fortunately), it’s a perfect moment to explore what we will have in 2021. Here is a list of 10 mobile UX design trends that will shape 2021.

1. The rise of superapps

For the past two decades, the mobile app development model remained the same — one app, one purpose. But recently, the industry started to moving quickly from single-purpose apps to superapps. Superapp is a multi-purpose app (one app that is capable of doing many different things). Such apps strive to create ecosystems that cover all users needs so that users don’t have to switch to another app to…

Nick Babich

Editor-in-chief of UX Planet (https://uxplanet.org). http://babich.biz

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store