Touch User Experience - Best Practices

Get help using Construct 2

Post » Mon Jun 17, 2013 4:57 pm

Hello, I am working on a Touch application and a few of the touchable items are rather close to each other and I am trying to come up with a way to make it so that a user dosent inadvertently touch one thing and mean to touch another. Also thinking of adding a "are you sure/confirm" type effect but that could get real annoying.

What are some ways that you have come up with to work around this issue? I can see it being a big problem, especially in my app where onTouch things happen and there is no going back, I can see where this can be a real pain point for users.

thanks.
B
21
S
7
G
1
Posts: 128
Reputation: 3,076

Post » Mon Jun 17, 2013 5:07 pm

A simple way would be to adjust their collision polygons - make them smaller than the actual sprites so there's less chance of overlapping touches.

If that's no good (maybe you need precise collision polygons), a slightly more complicated way would be to give each sprite a child object that is the one that's actually touched, and make that smaller. Be sure to pair them up in containers to make it easy to reference the parent sprites.

A third option is to use different animations or frames - one with a smaller collision polygon, and the other with the full-sized one used for collisions.GeometriX2013-06-17 17:08:42
B
57
S
15
G
11
Posts: 912
Reputation: 12,626

Post » Mon Jun 17, 2013 5:25 pm

Thanks @GeometriX I do have them a fair distance apart, I guess what I am thinking is what if they accidentally clicked one but meant another? Guess I need to add a confirmation type effect. Ok thank you.
B
21
S
7
G
1
Posts: 128
Reputation: 3,076

Post » Mon Jun 17, 2013 5:30 pm

How far apart are they, though? What are the chances of the user really accidentally tapping on one of them? I tested a twitch-type puzzle game on my phone - one with objects that are only a cm away from each other - and I almost never accidentally touched two at a time, even during frantic sessions.
B
57
S
15
G
11
Posts: 912
Reputation: 12,626

Post » Mon Jun 17, 2013 7:20 pm

They are about 5px away from each other, but in the end what I was looking for is more of a confirm type click, so what I ended up doign is adding a InstVar and onTouch add 1, when it equals 2, then GO!. Thank you for the help.
B
21
S
7
G
1
Posts: 128
Reputation: 3,076


Return to How do I....?

Who is online

Users browsing this forum: No registered users and 6 guests