0

My mobile application has 6 cards. At any given time the user would view only one card. However, the user has an option to swipe left/right and view a different card. I am having a hard time deciding between the two layouts.

enter image description here

Version 1: Show only one card on the screen and display dots at the bottom to let the user know that there are more cards.

Version 2: Show one card and display the edge of the previous and next card.

Please share your thoughts.

1

I asked a similar question before and received similar answers:
Do users recognize "slideable" areas with dots as indicators for multiple images?


On one hand it is true that such indicators can be easily missed.
On the other hand, you have to give up some space to show the edges of those other cards, which could make readability of your card worse. Or it can require to create an extra detail page, to view that card content in full view.

As one of the comments on my question suggests, it also depends on the type of app. Is it a native mobile app or a web app?
In the case of a native app you can use an interaction preview or on-boarding to indicate the possibility of swipe, as in this example:

enter image description here


In addition to this, making the indicators visible and hard to miss drastically lowers the potential to overlook them:

enter image description here
(Source)

Of course it doesn't have to be this "jumpy", but simply making the dots bigger can already do a lot.

  • Thank you for your insights and the link. I went through the link and it had useful information. Interaction preview during onboarding is a good idea but unfortunately, my app is not a native app. Even I am leaning more towards showing the dots as it will provide more space for the current card. – Gagsy Jan 11 at 15:23
6

This article should give you a better perspective on the use of Carousels on mobiles - Carousels on Mobile Devices

Dots are generally weak signifiers which basically means that they could be overlooked or missed if the size/color/contrast is not appropriate.

Half images are strong signifiers as they create an illusion of continuity.

I personally prefer Version 2.

  • Thank you for your response. I agree that showing the past and previous cards create a sense of continuity. My concern about this approach is the space, with this approach I would end up shrinking the size of the main card. – Gagsy Jan 11 at 14:36
  • Yup, version 2 -- with the edge showing -- will perform better. With the dot-nav there's a strong possibility that the user will never see the other images. – RobC Jan 11 at 18:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.