UXPin

Click for search

UXPin

Category Archives: User Experience

How to Turn Photoshop Mockups into Animated Interactive Prototypes

So you’re looking for a way to turn static a Photoshop mockup into an interactive prototype. But you want to do it quickly, without code, while preserving all of your layers. Beyond that, you need to gather feedback from your stakeholders. This tutorial shows you how to do all that.

Take a look…

Be first to share

User Testing & Design: 6 Quantitative Insights Into Yelp

User Testing & Design: Quantitative Analysis of Yelp's Website

Our last post talked about our qualitative analysis of the user tests on Yelp’s website. We found 7 key insights, such as learning that the Events tab wasn’t very helpful and that the filters could use improvement.

In this post, we’ll take a closer look at quantitative analysis on the Yelp site by discussing the insights from card sorting and click testing. To test the Yelp site, we ran a closed card sort and first click test.

Take a look…

Be first to share

How to Turn Sketch Mockups into Animated Interactive Prototypes

Turning Sketch files into animated interactive prototypes

You’re deep in Sketch working on your design and now want to take it to the interactive stage. But you want to do it quickly, without code, while preserving all of your layers. Your team also needs to be able to comment directly on the prototype. Sounds tough, right? It’s actually quite easy. 

We’ll show you how simple it can be to turn your Sketch files into a fully interactive prototype with a simple drag & drop. Within UXPin, your team can also comment directly on the design. 

Take a look…

Be first to share

New Live Presentation tool in UXPin

Live Preview Feature in UXPin

Combining design preview, cursor tracking, and voice calling, Live Presentation lets you give stakeholders the perfect design presentation.  

In this post, we’ll give you a quick summary and tutorial so you can see how easy it is. 

Take a look…

Be first to share

UXPin now integrates with Photoshop and Sketch

UXPin Photoshop & Sketch Integration

We’re excited to announce that UXPin can now adapt even better to your existing workflow. Starting today, you can import your files directly from Photoshop and Sketch into UXPin. All layers and elements are preserved.  

We’ll give you a quick summary and tutorial so you can see how easy it is. 

Take a look…

Be first to share

The Guide to UX Design Process & Documentation (Part 2)

Guide to UX Design Process & Documentation

In this article, we explain the general product design process and relevant documents you might produce at the first three of seven stages. It is meant to be a flexible framework as opposed to a strict recipe. These ideas are covered in greater detail across 150+ pages in the Guide to UX Design Process & Documentation e-book.

The following is an overview of product design and development documentation, constituent elements, and the respective phases to which they belong. The development process and resulting documents can vary widely between companies, as many follow their own unique design principles/methodologies. In general, many of the deliverables below are common within most organizations in some form—including UXPin.

In Part 1, we covered the first three steps of the UX Design process. We’ll give a quick overview, then dive into steps 4-7. 

Take a look…

Be first to share

Testing & Redesigning Yelp: User Research (from upcoming e-book)

Test & Redesigning Yelp: User Research

In our second sneak peek, we summarized the process of breaking down Yelp’s business model and deciding the right types of user tests.

Now, let’s take a look at the actual user research. To get qualitative feedback on the Yelp site, we chose remote unmoderated testing since it allows for simultaneous testing. For quantitative data on the Yelp site, we chose closed card sorting and click testing to show us how users prioritize content. We also gathered quantitative data on the Yelp support site by conducting a tree test and open card sort to show gaps in the information architecture. 

The entire process of user testing and redesign along with screenshots of the new Yelp site will all be included in our upcoming e-book. Below, you can get an overview of the user research process. 

Take a look…

Be first to share

Testing & Redesigning Yelp: Product Definition (from upcoming e-book)

Testing & Redesigning Yelp

In our first sneak peek, we summarized the entire UX process of redesigning Yelp with our partners UserTesting and Optimal Workshop. Now we’ll give you an overview of how we ensured the redesign was driven by business insights. 

The entire process of user testing and redesign along with screenshots of the new Yelp site will all be included in our upcoming e-book, but we’ll provide you a glimpse of UX design in action.

Take a look…

Be first to share

New Usability Testing Kit ready to download (free!)

Usability Testing Kit

Good design is based on user needs. And in order to know what they need, you need to conduct user testing. But don’t worry, we’ll help you out. 

Our CEO Marcin Treder created a free usability testing kit based on his 7 years of experience as a designer and user researcher. He’s distilled hundreds of hours of user testing experience into one simple-to-use kit. 

Take a look…

Be first to share

Data & Content Innovation: 5 Design Patterns for Mobile UI

Data & Content Innovation

Photo credits

Designing the user interface of a mobile application is tricky due to the large amount of data and content you are trying to fit onto a relatively small screen. One of the best ways of addressing this issue is by incorporating the right design patterns into your mobile system. The most successful mobile application companies, such as Houzz, Instagram, Pinterest, and Wunderlist, have already done the hard work of innovating patterns that make data and content management as simple and intuitive for the user as possible. Rather than innovating from scratch, we may instead leverage these existing design patterns to our competitive advantage.

Take a look…

Be first to share