Skip to main content
mitsukif
mitsukif
Known Participant
April 4, 2020
Question

[Share]- Scroll jumps when previewing on mobile, when different size artboard is included

  • April 4, 2020
  • 2 replies
  • 1473 views

Scroll jumps or behaves juggy on iOS Safari preview when different size artboard is included in the project.


Here's a simple example (try on iOS Safari): https://xd.adobe.com/view/3ee845ab-8072-42c7-628d-fe629b7299cc-48d9/screen/63ac150c-b9e0-4a6a-8688-161d41c10a93/iPhone-X-XS-11-Pro-1

 

Also, here's the XD file: https://cl.ly/c77011a3704a


---
p.s. I've created another example which is more obvious:


Preview url: https://xd.adobe.com/view/d5da2098-dfbc-48d8-5e56-05aaf176f841-a3eb/screen/641da307-a859-4530-bd55-b...


Screen record: https://adobe.ly/2UONIOs

 

XD file: https://cl.ly/953dd4580beb

 

 

    This topic has been closed for replies.

    2 replies

    M
    mcurtis@melaleuca.com
    Participant
    May 18, 2020

    @mitsukif... did you ever find a workaround for this?

    I'd love to see some kind of resolution to this. I'm having the same exact problem. This particular issue makes it really hard to recruit participants for usability studies, only to tell them they'll have to download the XD app, download the recording software, and do everything else as part of the test. In a mobile-first approach, testing a mobile web prototype in a mobile web browser seems so logical. Yes, you can have the participant download the XD app, but that just adds another level of complexity. It's a world we understand as designers, but not so easy and simple for the end-user. Now that COVID-19 has affected all of us, I can't just sit down with a customer as easily. Remote usability testing is the way. Testing a mobile web prototype on an iOS or Android device's browser shouldn't be an anomaly, it should be the norm. 

    C'mon XD, let's get this one figured out.

    Rishabh_Tiwari
    Community Manager
    Rishabh_TiwariCommunity Manager
    Community Manager
    April 6, 2020

    Hi there,

     

    Thanks for reaching out. I tested the file on an iPhone and couldn't locate any issue with scrolling. I'd request if you can try resetting the browser and if that doesn't help, will it be possible for you to share a video of what exactly happening at your end? If yes, please share the video by adding it to cloud storage and share the link here.

     

    Regards

    Rishabh

    mitsukif
    mitsukifAuthor
    Known Participant
    April 6, 2020

    Did you try this link on your ios browser?
    https://xd.adobe.com/view/3ee845ab-8072-42c7-628d-fe629b7299cc-48d9/screen/63ac150c-b9e0-4a6a-8688-161d41c10a93/iPhone-X-XS-11-Pro-1/

     

    We have tested on multiple iphones and different iOS versions, and all the same result.
    The scroll jumps.

    Peter Villevoye
    Community Expert
    Peter VillevoyeCommunity Expert
    Community Expert
    April 14, 2020

    Same here, and I notice it's mainly when letting go of the swipe gesture, to let the screen scroll freely up or down on its own. It behaves very erratically ! The whole scrolling behavior of the Design Previews on mobile devices is flawed. For the time being, ask reviewers to download the XD app to test the file.

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