Tag: android

Ensure Mobile Prototypes Look and Perform as Intended – meet the Mirror app

UXPin Mirror - preview prototypes on mobile

Designing web and mobile experiences is no easy feat. It can be tough to visualize complex digital experiences you’re creating with just artboards. You should save your imagination for creating your designs, not waste it racking your brain on how they will interact in real life.

That’s why we created UXPin’s new Mirror app.

What is UXPin Mirror app?

It makes previewing prototypes on real devices (both iOs and Android) fast and easy. That too in real time. All it takes is one click to ensure mobile prototypes look and perform the way you intended.

This feature allows for a fast review of created prototypes by seeing them immediately on the device they’re intended for. The Mirror app must be used in conjunction with UXPin’s Desktop App or Browser.

As you make changes in the prototype, the preview on your device updates automatically. So if you switch pages, you’ll see that real time in the preview. Also, there is no need to connect via USB or use Wi-Fi network, just scan the QR code in the editor to view your prototype!

Download UXPin Mirror App.

Share Sneak Previews of Your Prototypes With Device Frames

Device Frames

You no longer have to imagine what your final prototype will actually look like on a device. UXPin’s new Device Frames… at your service.

Imagine you’ve just poured your blood, sweat and tears into an important design project. You’re ready to shout it from the rooftops and share it with the world. But first, you want your stakeholders to preview it in its full glory—in real life. Enter Device Frames. Device Frames allow you to add mockups of mobile devices for a contextualized preview of your prototypes.

With this update, we’ve added two extra features:

  • You can change the color of the background and add/remove shadow for the device mockups on preview. This gives designers extra powers to control the presentation of their project to stakeholders.
  • Use user finger simulation on preview for mobile devices. Now for mobile prototypes, you’ll see a circle simulating finger instead of a desktop cursor. This adds to the realism of the experience on preview.

Why you’ll love it

Previously, you’d have to download a device mockup from somewhere and upload it to UXPin to preview it. Fortunately for everyone, now you’re able to automatically add the right device image/frame to your preview based on your canvas size. So not only can you beautifully present your design in the context of the right device, it’s automatic too!

Also, you can trust that they’ll see exactly what you intend for your prototype to look like. These digital mockups will help the viewer truly understand what you’re trying to present as the final result, on all its different displays. To show stakeholders the final UI in real world context. Additionally, it benefits designers’ workflow; so you can check out how the design looks like on the real device and adjust it wherever needed to get the best result.

The Device Frames for your designs are not interactive— they are static and for aesthetic preview purposes only. You can preview your prototypes on iPads, iPhones and WatchOS, as well as Android phones and tablets.

This is the first step in our plans to step up our Responsive and Mobile Design game. We’ll be releasing the UXPin Mirror app  soon, to preview your prototypes directly on an iOS/Android device. Stay tuned!