UI UX Design

As is known, prototyping is a dispensable part of the design process, and every designer has a unique set of needs towards the  prototyping tools , especially in the usability testing process. There are not a few tools offering the functionality of  testing and sharing prototypes  on mobile and web platforms, but the integration of QR code is way more flexible and creative out there. In below, we have rounded up the 3 of the best prototyping tools where the QR code are perfectly used to test and share your prototypes, with Pros and Cons included. 1.  Mockplus Ease of Use: ★★★★★ Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps. The highly-visualized interactions plus 200 components and 3000 UI icons make it a good catch for designers at any level. In addition to that, the use of QR code is another highlight for this tool. It enables us to preview the designs both on mobile devices and browsers offline and online. To be more...

I have met some  product managers  in this industry recently. We exchanged our  design thinking process  from each other, what really shocked me is that they told me they often used the  high-fidelity prototype  to do the presentations. Here is the thing, they want to their presentation be impressed. But once the boss and client are not satisfied with their prototype, they have to do it all over again. I don’t know how much time do they need to do the revision, but it’s totally waste of time without testifying the plan to do the high-fidelity prototype in the early stage. On the contrary, many designers even me like to do the low-fidelity prototype, the following reasons are why: First at all, What is low fidelity prototype? The low-fidelity prototype focuses on function, structure, process, and provide the most simple framework and elements; In the early stages of product design, it can format plan quickly, discuss quickly and adjust quickly. Desig...

In recent years, the design style has been changing. Regarding this, the designers with different preferences and tendencies keep discussing and debating on  web design trends  for a long while. For example,  Flat design vs. Material design . But our topic today is not the comparison between the two terms but learn some great flat web design examples to give you inspirations. Before the learning on flat web design examples, you should get a comprehensive understanding of what is flat design. According to the authoritative explanation on  Wikipedia : “ Flat design  is a minimalist UI design genre, or design language, commonly used in graphical user interfaces (such as web applications and mobile apps), especially in such graphical materials as posters, arts, guide documents, publishing products.” In 2008, Google initially adopted the definition of Metro Design, and later on, they changed the name to Flat Design. However, the name, “Flat Design”, is a cont...

In UI design, what  scenario  should hollow icons and solid icons be applied to? Some believe that the hollow icons are visually more complex than the solid icons, while the solid icons are in fact more recognizable. The opinions of designers on this topic varies. Some designers think that the hollow icons is made by lines, as a result of which, they are more difficult to recognize. However, they gives users a feeling of ease and exquisiteness. Others deem that the recognizability has nothing to do with this topic, but depends on the shape, color and other factors of the icon. 1. The function of icons. First, this topic focuses on a specific type of icons: functional icon. Let’s take a look at the basic functions of this type of  icons . Functional icons are common in life, usually seen in the airport, stations, hotels, shopping malls and other large public places, providing guidance to people, as shown below: In  UI design , icons are ...