Prototype responds slow on the Android Tablet

Li shared this problem 5 years ago
Solved

I created a prototype, export it to html and downloaded it onto my Samsung Galaxy Tab 2. However when I run the prototype the animations for switching between screens, and showing and hiding elements is really slow. I really need the prototype to be user friendly because I want to use it for user evaluation.


Is there anyway to fix this?


I assume the image size shouldn't be a problem since all of the images are already on the tablet.

Comments (10)

photo
1

Hi Li,


Could you tell me what process did you follow to add the exported HTML to your tablet please?

photo
1

I export the prototype to HTML. I connect the tablet to my pc and copy the entire HTML folder onto the tablet. On tablet I browse to the prototype folder, click on the main HTML file and open it with Dolphin.

photo
1

Does it work that slow in other devices such as a PC or a Mac?

photo
1

On the pc it works fine, but on the tablet is takes ages to react :-/

photo
1

Does it happen with any kind of prototype, even small ones, or just with the one you're trying?

photo
1

I have the same issue. Is there a way to test a prototype on a tablet as an App. for instance via exporting an .apk file?

photo
1

You have two options. The first one is compiling the exported project in HTML with phonegap. The second one what you can use is Firefox as your web browser for simulating a prototype. If you want to see your prototype in full screen, you need to install Full Screen Mobile add-on.


Android devices also let you simulate your prototype offline. Just use Justinmind Prototyper to export the prototype to HTML with the menu option 'File -> Export to HTML'. It is recommended to export the prototype without comments. Choose a location on your Android's SD card to which the prototype will be exported to. Then from your Android device, browse to that location and open the file 'index.html' with Firefox.


In case that Firefox doesn't show it, write in the address bar 'file:///storage/', browse to the folder where you exported the prototype as HTML file and tap on the 'index.html'.


Best regards.

photo
1

Has there been any progress on this?


I have an android prototype which I was hoping to demonstrate on a device.


The web version is fine and super responsive ...


The version on the device is woeful!


Even the above Firefox suggestion is so slow its not even worth attempting to give it to a user which is incredibly disappointing


My App currently has only 2 sets of radio buttons in it so I can't understand why it would be so bad?

photo
1

Hi Stacey,


Have you tried out the Justinmind mobile apps?


You can download the android version from here: https://play.google.com/store/apps/de...


To show the prototype to the reviewers you will have to invite them and they will reveive a "token" in tha email. They will have to click on "Don't have a password?" and write the token to access the prototype.


You can also log into the app to simulate your prototypes.


I hope this helps you.


Best,


Marc

photo
1

It seems like the real issue here is that the exported HTML version is not being accelerated by the mobile device's hardware. I know from using Tumult Hype, they have a check box to enable WebKit accelerated graphics which makes a big difference to playback performance.


When I build a prototype and then preview it on an iOS device in the JustInMind app even the scrolling behavior is not smooth as you would expect it to be and other types of animated transitions or moves seem really choppy. It gets much worse when you export HTML for the mobile device, screen transitions are especially troublesome.


So the question is are the graphics and transitions being hardware accelerated on mobile devices?