Skip to main content
M
mcurtis@melaleuca.com
Participant
May 15, 2020
Answered

Abnormal scrolling behavior on iPhone mobile web prototypes

  • May 15, 2020
  • 2 replies
  • 1880 views

I'm having some serious issues when previewing mobile web prototypes on iPhones. I've been in discussions with Adobe Support about this, but I wonder if I'm the only one experiencing the issue. Would love some help from the community. If this really is an issue, I can't believe it has taken so long to get fixed as it's such a basic interaction (prototyping a scrolling page for mobile web).

 

Here's a link to my simple prototype for demonstration. For reference, this was created on both a Mac and a Windows machine running the latest versions of XD (v28.9.12.2 Mac and Windows).

 

Make sure you open this link on an iPhone (Chrome or Safari):

 

https://xd.adobe.com/view/c3d3d54f-eafe-4634-615b-3b83d5d5108f-b5e2/

 

This artboard is a simple 320 width artboard that you have to scroll to view its contents. Open the above link on an iPhone (problem doesn't seem to exist on Android). The scrolling behavior is erratic and jumps right to the bottom of the mobile web page as you scroll. Try and scroll up and it flies to the top and almost slams against the top.

 

Has anyone else experienced this? Is there a fix? My usability tests for our actual designs are being held back by this. 

This topic has been closed for replies.
Correct answer Peter Villevoye

These are very good and legitimate questions – for Adobe to answer !

I'm just stating the status quo of Adobe's browser previews, explaining the trouble with it on mobile devices. 

 

There have been similar discussions about this issue, like this one:

https://community.adobe.com/t5/adobe-xd/share-scroll-jumps-when-previewing-on-mobile-when-different-size-artboard-is-included/m-p/11047015

And to add insult to injury, the preview in a browser also has trouble with scrolling:

https://community.adobe.com/t5/adobe-xd/unable-to-scroll-in-user-testing-previews-links-in-xd/m-p/10975220

And many designers want the app and browser previews to be responsive, so they can test them on different screen sizes, without requiring the user to adhere to the designed size.

(Downloading the XD app is not the only caveat...)

 

The XD app is available for free to anyone.

They need an Adobe ID, so you can share XD files with them. But this is all for free – no subscriptions required.

 

Don't think this is an Adobe-only problem. This one-year old article describes a similar situation with Sketch (although they do have an app for Android now), but also suggests using it together with Protopie, a testing platform which also integrates with Adobe XD !

https://www.protopie.io/with/adobe-xd-cc/

 

2 replies

R
Roel27812029hoo1
Participant
April 18, 2023

I still experience this issue. Scrolling in safari browser but also in my xd mobile iOS app comes with everything but smooth scrolling.

 

These kind of tickets have been open for 3 years now. And Adobe is barely responding anymore.

 

Anyone here found a way around?

Peter Villevoye
Community Expert
Peter VillevoyeCommunity Expert
Community Expert
May 17, 2020

These Preview browser links aren't intended to be viewed om mobile devices.

You should use the Adobe XD app to preview cloud based or directly loaded XD files.

The scrolling behavior of the browser window on the mobile conflicts with the scrolling interactions of the previewed app. This is a long-standing issue (not really a bug, a flaw at most), and I don't believe it's going to be addressed soon, since there's an app to do that.

M
mcurtis@melaleuca.comAuthor
Participant
May 18, 2020

Hey Peter,

 

Thanks for responding. I'm curious then how you conduct remote usability tests with a mobile web design? How do I get my designs in front of people through remote usability testing platforms if they're required to view it in the Adobe XD app? And I'm really surprised by this comment to be honest, that these links aren't intended to be viewed on mobile devices. That seems so counterintuitive, given the fact that we're in a mobile-first world. Is every remote usability testing participant that I recruit supposed to download the app to view my mobile web designs? Will they need an account? COVID-19 has changed some things, and I don't have the ability to sit down with every customer. I have to do this remotely. What's the process for customers to interact w/mobile web prototypes? 

Peter Villevoye
Community Expert
Peter VillevoyeCommunity ExpertCorrect answer
Community Expert
May 18, 2020

These are very good and legitimate questions – for Adobe to answer !

I'm just stating the status quo of Adobe's browser previews, explaining the trouble with it on mobile devices. 

 

There have been similar discussions about this issue, like this one:

https://community.adobe.com/t5/adobe-xd/share-scroll-jumps-when-previewing-on-mobile-when-different-size-artboard-is-included/m-p/11047015

And to add insult to injury, the preview in a browser also has trouble with scrolling:

https://community.adobe.com/t5/adobe-xd/unable-to-scroll-in-user-testing-previews-links-in-xd/m-p/10975220

And many designers want the app and browser previews to be responsive, so they can test them on different screen sizes, without requiring the user to adhere to the designed size.

(Downloading the XD app is not the only caveat...)

 

The XD app is available for free to anyone.

They need an Adobe ID, so you can share XD files with them. But this is all for free – no subscriptions required.

 

Don't think this is an Adobe-only problem. This one-year old article describes a similar situation with Sketch (although they do have an app for Android now), but also suggests using it together with Protopie, a testing platform which also integrates with Adobe XD !

https://www.protopie.io/with/adobe-xd-cc/

 

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices