Skip to main content


The 6 Most Common Prototyping Mistakes & Selection of Prototyping Tools

Prototype aims to provide a buffer to analyze products to reduce the risk of making mistakes before developers enter the development link. While errors are often the best teachers, product development can not be in one step, and it must go through a rough to complete the process. Prototypes should therefore reduce the risk of delivering defective products as far as possible. Nevertheless, in the case of prototyping, many developers can always make some typical errors. I summed up 6 common mistakes and 3 practical prototyping tools.

The 6 most typical prototyping errors Although prototypes offer only a limited amount of features and functionalities, they play an essential role in the development cycle. Prototype offers many advantages, not least saving time and money, offering the value of UX research in product development. At the same time, the use of prototypes also means that products get in-depth analysis and research and can improve the collaboration between clients and develope…
Recent posts

User Experience First: Creating Optimal Product with Prototyping Tools

Prototyping tools are the companions on the journey from idea to app. An architect doesn’t start a house by first digging out the cellar. After the first rough sketch, he will develop digital and real models step by step, in which he tries out and refines his ideas over time. Similarly, interface designers build a user interface (UI) piece by piece.
But it is about more than just a good UI. Users should have a good time with an application, gradually love it, or at least not always detest it. A good user experience (UX) is vital. In order to avoid a negative experience in "inauguration ceremony" of the "building", a design must take full account of the users’ feelings and experience. As long as the "building" hasn’t been completed yet, prototypes are needed.
Important factors of UX design There are three factors that influence the development of an application elementally: Functionality: What can the application do?
Interactivity: How does it work?

Rapid Prototyping Tools and the Best Practices in 2017

With so many so-called rapid prototyping tools on the market, how do you know which one is the best to choose? This is often the case that we’re poised to choose those big names while designing a new App or website. They are fully-functional and have a set of cool templates to help us solve most of the design problems. However, there are not a few problems behind, such as the clunky documents, inflexible operation, etc.
It’s not exaggerative to say that the light-weight prototyping tool can be the best choice for most design needs, especially for those Apps and websites with a unique style. In addition to the functionalities and features of the tool itself, you need to take more factors that may influence your design into account. For instance, how easy/difficult is this prototype tool? Does this tool meet our design needs? Can it meet the characteristics and interests of the team? Following I’ve sorted out some criteria for selection and evaluation:
1. Speed – means the time it take…

What? You Are Still Doing High-Fidelity Prototype Slowly?

Have you ever spent half a month designing a high-fidelity prototype, but it was denied within a few minutes? So much time and energy have been spent but in vain. I have met similar things so many times. However, such tragedy can be totally averted: the rapid low-fidelity prototype is a wise choice in prototype design.
1. What is a high-fidelity prototype and a low-fidelity prototype?
Low-fidelity prototype: it only focuses on functions, structures and processes; it only provides the most simple frameworks and elements; it generally does not provide color, butexpresses itself in grayscale.

High-fidelity prototype: it provides more visual details; it is almost equivalent to a UI effect picture, and only needs to replace the actual data and materials in the development process.

2. Why make a low-fidelity prototype?
In product development, the goal of a prototype is to express its ideas, functions and content, in order to get feedback and improve the product. The most important challeng…

Wireframe vs Mockup vs Prototype & Selection of Prototyping Tools

Wireframes, mockups, and prototypes are terms that are often used synonymously, and they are indeed quite confusing. This article explains what is hidden behind each term and provide helpful prototyping tools.
What are differences between wireframes, mockups and prototypes? In a post on Designmodo, Marcin Treder writes: "Confusing wireframes with prototypes is like assuming an architectural blueprint and a display house, are the same thing."

Wireframes, mockups and prototypes actually represent the different stages of design flow.
Wireframe, a low-fidelity way to present a product, can efficiently outline structures and layouts. Wireframe is the basic and visual representation of the design. Your wireframe design doesn’t need to focus too much on minutiae, but must express design ideas and should not miss any important parts.A wireframe is like a channel that helps team member understand their projects better.
Mockup, a kind of high-fidelity static design diagram, should demo…

Beginner’s Guide: How to Learn Web Designing at Home

Web design is quite complex and daunting, but with the development of Internet and technology, web design overflow than ever before nowadays. Hence, becoming a web designer has become the main trend among young designers. Today, I will guide you about how to learn web design at home briefly.
1. First, you should know about what is web design? Visual+interaction=web design core Many young designers often misunderstand the concept of web design, web design is about design, not about coding and front-end development. Of course, it would be great if you know some coding language (HTML, CSS, Java), but you can't get yourself deep into front-end development, that's not the core of web design. Web design is to solve the communication problems between users and web page information.
2. 9 web design skills young designer should master Master the basic rules of visual design
To learn the layout design
To learn the color principles
To master the basic knowledge of interaction design