View and share design prototypes at actual size
The full-screen feature is nice but I need to be able to show clients what my designs will look like at actual size on the web. The prototypes need to be displayed at the size they are designed at. This is the one feature that would justify me switching from using InVision for my prototyping.
Is there any movement on this issue? This is over a year old and it seems to be a pretty basic fix to the container the prototype is displayed in rather than application code.
Harun Alikadić commented
This is crucial. Prototype should be actual size, not 25% smaller. Client is bothered by small font size, which actually is good if seen at 100%. This makes me still need to use (and pay) InvisionApp.
I agree with the comments below. I just switched companies and my new company uses Axure. I'm used Sketch before and loved it. Now I am at company that designs on Windows machines and I'm testing XD to see if we can incorporate it into our workflow. I love using the tool so far, but we can't use it with stakeholders if whenever we share designs they show up as 70-80 percent of the original design. Even when I click on full width, the designs show up as slides in the browser. Very frustrating.
Yup.. I can't use XD until this is fixed. Need to be able to prototype a web page that scrolls and displays at 100%. The current presentation format scales designs to fit the viewport like old skool flash animations or a powerpoint... The border around the artboard is also not necessary or desirable.
+1 Scaling is a very odd decision for all the reasons mentioned below.
Mark Kamensek commented
The major pain I have is: When I try to preview on a VERY high resolution (or very low resolution) screen, my artboards are LOCKED at their original size. If I'm trying to view "Full Screen" on a Thunderbolt (at 2500+x2500+ or whatever ungodly high setting I put it to) and the dartboard is only 1366x768 - it looks like a tiny box in the middle of my monitor - NOT the full-screen.
If you're trying to test a design that will be used on multiple monitor resolutions in "full screen" - it would be nice if I could stretch the preview to fit the preview window.
Ben Jordan commented
I agree with showing at 1x and looking at Invision as an example. It almost always looks like I expect it to. Scaling causes confusion as well as blurry images and pixellation.
Sebastian Jopen commented
Wenn starting "preview" or "publish on the Web" view is 75% scaled and I have no possibility to change settings or zoom to 100%
Zach Bruce commented
Always leave the image at the (1x) Actual Size and DO NOT scale. Scaling leads to client confusion EVERY TIME. InVision handles this well: Where the only time it scales is when you define a Phone or Tablet size that's different from your designs. Otherwise, it maintains the resolution you design at, and overflow-scrolls the remaining width/height.
Chavez P commented
This has been a big reason why I have still been prototyping in InVision as I was surprised you guys didn’t have the prototypes reflecting a realistic scale. Option 2 sounds best. That way we always see the browser at the correct size but also scaled in the case of viewing on a smaller monitor. Some people seem to make a case for having both, but I don’t see why you would want to prototype anything that needs to be scrolled horizontally as it would not be a god representation of how the web works when presenting to team/clients.
My thought on this:
Add options for
• "Actual Size"
• "Shrink to Fit Width"
• "Scale to Fit"
Until you added this feature, please stop scaling at all. :-)
Ferran Alvarez commented
I think we should consider both ways by a setting option for each prototype because I would expect different behavior depending if I'm working for a responside website, or a UI for a device control panel (for instance a printer), or a ATM, or...
@joan This is must feature to have and according to me I would like to go with option2 for better USER EXPERIENCE as nobody wants to use horizontal scroll. Also responsiveness is must for any prototype while you are previewing.
So my choice is OPTION 2
Olen Ronning commented
Never, ever scale. 100%, 1:1.
Actual size of prototype means 100%scale.
It means that if you made an artboard 1920 × 900 px and watch it online on a 1366 x 768 screen it must have horizontal and vertical scrolling. And it is not related to the Viewport Height and vertical scrolling that we define in Design mode.
Another question is how to realize this.
Manuel Ryan Espinosa commented
What I think this comment is saying that it would be nice to be able to mimic what we see in the browser with what we see in our prototype simulation without variation.
However, I think this comment is actually referring to an issue that was previously fixed or updated in the past.
Jeroen Bruijn commented
Just look at the guys from invisionapp: http://www.invisionapp.com.
There simply should not be any scaling. If it doesn't fit your window, then scroll.. For me as a designer and for my clients i want to judge a prototype 100% true size.
The "full-screen" view still does not show the prototype at 100% of it's size. An element that is drawn at 1024 wide in the authoring environment is measuring at 900px wide in the full screen view of a shared prototype. This is critical stuff. Clients, visual designers and developers are all being mislead - exactly the opposite of what we need.
See this feature string for reference: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12924663-full-screen-shared-prototypes-on-desktop-fill-ent
Very important feature request! Most clients don't understand the strange scalings of XD prototypes. The should always be presented 100% regardless of the screen size or at least have a button to choose 100% size (original size). fullscreen mode is no solution as it just adjusts to the actual screen size but still scales the artwork!!!
Kjell Ruben Strøm commented
I think I agree on this one. I just don't get the sizing. If Im at 100% I want the page that is, lets say, 1200px with to take up 1200px on screen.