best image to indicate swipe left right

Question

What is the most appropriate image to indicate to users to swipe left or right? i am using http://cubiq.org/swipeview but i feel like it needs a swipe indicator in the background somewhere.

Edit: for iPhone and Android use only.

Would you like to share the indicator images that you already are considering? — JOG, Mar 20 '12 at 09:59
something like: http://www.iphoneil.net/wp-content/uploads/2011/03/SwipeIcon-iJailbreak-150x150.png or http://dribbble.com/system/users/5634/screenshots/350516/swipe.png?1323787413 — helptomout, Mar 20 '12 at 10:14

score 4 · Accepted Answer · answered Mar 22 '12 at 20:11

4

Indicator dots below them. Part of the next image peaking in from the sides. Left / Right arrows. On load have the first image slide in from the right.

Or just use a picture of John Stamos, it fixes everything.

answered Mar 22 '12 at 20:11

Kenny Saunders

66
2

1

is there any data on this? – Esqarrouth Mar 21 '15 at 10:53

score 3 · Answer 2 · answered Mar 23 '12 at 20:41

The biggest risk with these isn't that they won't figure out to swipe, it's that they won't realize there are other images.

Use a generic page count bubble, and trust them to figure out the rest.

mockup

^{download bmml source – Wireframes created with Balsamiq Mockups}

score 1 · Answer 3 · answered Mar 20 '12 at 10:16

1

I guess you could overlay icon representing the gesture, e.g., those of P.J. Onori:

Example

The overlay should fade away whenever the user swipes.

answered Mar 20 '12 at 10:16

jensgram

7,616
2
21
26

A recent Android design video I watched would call this approach "cheating" by embedding the documentation inside the UI. – glenviewjeff Sep 14 '12 at 14:58

score 1 · Answer 4 · edited Apr 13 '17 at 12:32

Is there a way you could indicate this without displaying a specific image?

One option is to position the content partially off the screen so that the users understand there is content to be scrolled to.

Another approach would be to build it into your content/visuals. So you could introduce the concept to the user and then they will be aware to swipe later.

You could indicate that there are further screens by displaying a page numbers (such as page x of y) or use page indicator (see example on the slider here: http://nivo.dev7studios.com/)

One approach we have used in the past that only works in a specific scenario is to fade in an image indicating that the user can swipe the content like: swipe hint

Take a look at the answers here: Symbol for "Swipe Left"

A recent Android design video I watched would call this approach "cheating" by embedding the documentation inside the UI. — glenviewjeff, Sep 14 '12 at 14:58

score 1 · Answer 5 · answered Sep 14 '12 at 15:06

1

Android by convention now uses Scrollable Tabs for this.

Scrolling tab controls can contain a larger number of items than a standard tab control. To navigate to the next/previous view, swipe left or right.

Scrollable Tabs

answered Sep 14 '12 at 15:06

glenviewjeff

115
4

score 0 · Answer 6 · answered Mar 22 '12 at 13:41

If you want to be creative, i would suggest doing something like a hand movement over the image gallary after the gallary is loaded for the first time. I dont have any links as it is a creative idea and need to be implemented!. Otherwise a faint pulsating arrow indicator should do the trick!! :)

best image to indicate swipe left right

6 Answers6

Linked

Related