UX design

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 ...

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. ...

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 ...

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...

You may wonder what design patterns are? Well, they are various in form and widely applied in design practice. To use  web app design patterns  is an irresistible trend and a compulsory course in  UX design  2017. With the popularity of smartphones and the development of new technologies, users’ expectations have become higher than ever and it’s not that easy to make a good design with design patterns. Below we’ll explain why and how to use design patterns, focusing on the best web app design patterns and principles involved. Hopefully, it could give you a new way of thinking when designing web applications. What Are Design Patterns? In short, design patterns are a collection of interface elements that are familiar to users and reusable in many design problems. It should be implementable and easy-to-use to make it well-accepted. A good design pattern can help make your design better without extra efforts, while a bad design pattern can even discourage user...

If you compare mobile app to a human, the homepage would be the face. The homepage is the area that people notice at the first glance and decide their basic judgments about your mobile app. The mobile app homepage design is the door to a successful product, and a good start is half the battle. Since 26 percent of mobile apps are used just once, the first impression is essential to tell your customers that you are worthwhile being used for a long time. If you can’t please the eyes of critical users on the homepage and provide a good user experience, your mobile app has already failed. Therefore, if you want to create a  good user experience design  on the app homepage and draw the users’ attention, you need to answer these questions: Question 1: Who are you? Users firstly see the interface, and then the content. At this stage, a good design, which is in line with the brand and has a rich content, will give your users a deep impression. Every mobile homepage needs a...