UX Design Master

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 Website:  https://www.mockplus.com/ 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 devic...

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

Prototyping is an effective approach to turn your ideas into a crowd-funding product, but it’s not easy to pick  the best prototyping tools  for your style, especially with all sorts of tools available on the current market. From my point of view, the foremost concern while choosing a prototyping tool is whether it fits perfectly into the design goals. In the following, I’ve made a list of prototyping tools recommended for 4 different design scenarios, with both free and premium tools included. Scenario 1 – Medium-to-Low Fidelity & Quick Mobile/Web App Generally, the medium-to-low fidelity refers to those prototypes with limited functionalities and interactions, applying to showcase the design ideas, scenarios and interface layouts as well. It helps a lot in the communication, presentation and report process. As far as I am concerned, the best tool for this scenario can showcase the entire flow of the app experience in a short period of time. Here I recommend two prot...

In recent years, new prototyping tools are springing up around the world. Except for Axure’s slowing down since the release of Axure RP 8, every company is launching its new product. The Adobe project Comet is right after the release of  inVision Craft’s 2.0 preview.  Then the outstanding  team version of Mockplus  enters the game. In such a fierce competition, Adobe XD seems to be dimmed a lot. To fight back, Adobe questionnaire which involves the needs, environment, competitors and everything about the prototyping tool market has been silently published. We might as well do an analysis of the qualified competitors of Adobe and get an idea of what is really going on. Today’s global prototyping tool market is like the Europe of the eighteenth century, with the continent separated by a great number of countries, waiting for a monopolist like Napoléon to take it all. But in my perspective, the whole prototyping tool is not going to be taken by any single c...

From  the 20 best website homepage design examples , that shows the landing page of websites and APP are normally combined with homepage design. We can get a glimpse of the importance of the landing page design. The product landing page design will directly attract users and enhance the quality of the product. The landing page is a battleground which gives a full play to emotional design, enhances the user experience, and close the distance with users. Regardless of the  website design trends  or mobile APP design, it is important t o find a balance between small pretty and functional complexity. At the first phase of web design, it’s necessary to master the skills of product landing page design by taking the advantage of  prototyping tools  such as Mockplus, Axure. In this stage, designers have no worry about the modifying on design. Here are some product landing page examples combined with the design principles. 1. Learning to do subtraction Do not be r...

As a basic product design process, prototyping design often evokes various disputes. It is widely held that the first thing is to learn Axure while others complain that Axure is just one of the various prototyping tools which do not deserve being flattered. In my perspective, both of them are right. For new product managers, Axure may be the first  prototyping tool  they use in most cases. But whether Axure really suits their needs still remains obscure. The most common mistake is to believe that the skill of using Axure equals to the skill of a professional product manager. As a result, a lot of new product managers squanders too much time on the high-fidelity thing only to find the iteration of their product stranded. I’m not saying that there is no value in high-fidelity. To some extent, high fidelity helps the leader get a clearer logic of the whole iteration scheme. It is both valuable for development and demonstration. However, the tempo of modern design industr...