How to simulate mobile gestures in your app wireframes
Simulate gestures in your mobile wireframes and make them even more interactive, thanks to the extensive set of options available in Justinmind.
You can download the example below here.
In Justinmind, gestures are different from transition effects. Gestures are those actions that you will perform on your mobile app (tapping with a finger, swiping on one section of the screen, etc.) and transitions are what your mobile app wireframe will do as a result of these user gestures.
If you want to wireframe scrollable sections, you don’t need to define gestures. Simply define a scrolling area and the mobile simulators will handle that for you. Scroll bars also work if the wireframe is being viewed on a real mobile device.
To define an event controlled by a gesture, just select the ‘Add event’ option in the Events tab and select the kind of gesture you want to capture. Then define what you want to do when that gesture happens.
jose
Hi,
i would like to see a default text of “username” and “pasword” in the “log-in buttoms” on my web prototype. But the actions i would like to see by clicking on those buttoms are the elimination of each texts and to be able to overwrite “the real username” and “real pasword” over those fields.
Have I explain myself?Sorry but english is no my tongue lenguage
admin
Yes, you should take a look at the events defined in the log in screen of the Play-me prototype https://www.justinmind.com/examples
Luca
Hey there,
I am attempting to put together a tablet app and one of the requirements is that it is able to move fluidly from portrait into landscape view and back again. I understand that when simulating you are able to change the current view however whenever I do so it simply attempts to stretch the current page. Is there a way to either define that when rotate occurs there is a change in the sizing of objects, or alternatively link to a separate page?
Thank you for your time.
Lidia Rodriguez
Hi Luca, in this case, you should create the protoype for both orientations (changing the individual screens propierties and duplicating the content for landscape and portrait). Then, create an ‘on Orientation Portrait’ or ‘on Orientation landscape’ event that will link to the desired screen.
Daniel Lim
Hi there,
I am trying to build a tinder style mobile application and I was wondering whether I could simulate the user experience whereby should a user swipe right on the picture, the picture and its details would be saved in a separate page under ‘Favourites’ or ‘Saved’
Thanks!
Danielle Schneider
Hi Daniel,
You can definitely do that. You can create an event that sets the value of a variable if the user swipes right. Then, on another page, have an event that detects that variable’s value, and will insert the swiped profile if the variable holds a certain value. If this is unclear, feel free to send us your prototype at jim.support@justinmind.com and we can help implement these features.
Jordan Mather
How do you define a scrolling area? I cannot seem to find any tools that allow me to create this without creating a gesture. There are lists that have scroll areas but that is only for lists. I am creating a page with multiple cards on it that the user needs to be able to scroll through. Can you help me?
Jordan
Danielle Schneider
Hi Jordan,
You can do this using a dynamic panel with scroll, or you can use a dynamic panel and put cards inside it, and restrict scrolling to the parent container.