Carousel images are evil in the UI design. In fact, many designers and front-end think so.
Why can we still see Carousel images everywhere?
Part of the reason is that many of us often see Carousel images, so we habitually standardize the existence of carousel images, and may give suggestions to designers at will.
But the existence is not reasonable. The reason "popularity" alone cannot support the rationality of a thing. As a designer, you must also get used to the problem of critical reading.
Let's talk about the "passing the name" of the carousel image"
Reading barrier: Carousel images will automatically flip pages, which is a huge obstacle for those who are slow in reading. You may often encounter this situation. It turns over without looking at the information of a picture;
Visual blind spots: A number of visual tests show that carousel images have very little attention. When you place important information on the carousel, the user may just take a glance;
Bytes: Visually, shaking carousel images can cause some dislike and interfere with other content;
Slow loading speed: Carousel images are slower to load than normal images, which also affects the overall user experience.
What do I use if I don't need carousel images?
1. Large image
Less is more. Only select a picture that can express your brand content, giving you an immersive experience. The user's attention is more concentrated, and the actual information may be more. Of course, you can also add a text description to better express information. In addition, this image or text can be changed at any time for your purpose.
(Ink knife product production)
2. Single large image + CTA button
You can add a call to action button if you think the appeal of a single big image is insufficient. The CTA button helps us jump to the main function in a prominent position, and helps the website's conversion rate.
(Ink knife product production)
3. Image Mesh
If you think that the visual impact or information expression of an image is not enough for your website, you can splice multiple images to display them. Compared with carousel images, the image mesh allows us to absorb information with "master control" and provide a better experience.
In addition, you can add links or CTA buttons to each image to increase the conversion rate. There are various ways to mesh images. The designer considers the functions and vision. The following is just a list of several possibilities.
4. short videos
In some cases, images may not be enough to express the information you need, or you may think that short videos are more conducive to the user experience and conversion rate of your website. Use short videos.
Different forms of expression will also bring about a change in the perspective of expression. taking full advantage of the features of short videos, telling a story for users or teaching products is a good choice of content.
(Ink knife product production)
5. custom login page
If you give up displaying all the information to all users, you can try to customize the login page. Many people have already discussed the benefits of Personalization on login pages to improve the conversion rate. After all, there are thousands of people who provide user-related information in a limited space, so they feel better for users.
6. Simple Design
If the existence of carousel images is questionable, the existence of images may also require the designer to determine and choose based on the scenario. Even if the mainstream homepage design has image elements, some websites still choose simple design that is displayed in text separately. This design only gives users the necessary information, which is simplified and straightforward.
(Ink knife product production)
In short, we should keep an independent attitude towards some popular factors in the design field. The specific choice should take into account the service objects, purposes, and styles of our products, which is a good design.
Some of the images in this article are selected from the ink knife area. I hope you will like them ~~
Disadvantages of carousel images in product design and six alternative methods