Chloe's Blog

Someone may ponder, what is a wireframe of a website? Website wireframe, colloquially known as the sketch of the website frame, is a display form for  web designers  to picturize customer needs in line with web design standards. Also regarded as prototype and frame diagram, a wireframe is a vital part of a web design scheme, the last delivery document of web machinators and  project managers , and usually the most intuitionistic and effective mode for design presentation. 1. Goals of Wireframing A wireframe is the lo-fi presentation way of a product design. To understand the definition of a website wireframe, we need to know its three simple and direct goals: A.To present vital information. B.To outline the structure and layout. C.To deliver core visualization and descriptions of user interface interactions. 2. Visual Characteristics of a Wireframe A wireframe have obvious limitations on visual characteristics. Generally a wireframe can be finished by using box

Form is one of the most significant and commonest modules no matter on the webs or in the apps. Forms are widely used — for registration, subscription services, customer feedback, checkout, to initiate transactions between users and companies, or as data input to search or share information. Therefore, if you want to figure out how to improve UX skills, you should attach great attention to  UX design skills  about how to design a perfect form. For designers and front-end developers, form design should be paid much attention and be made more efficient and easier to use, for a careful form design can exert a huge positive effect on user experience and interaction efficiency. Here are several practical suggestions on UX design skills about how to design a perfect form. These recommendations that UX designer should know are crafted from  usability testing , field testing, eye tracking and actual complaints made by disgruntled users. 1. Present Fields in a Single Column Layout

Buttons, as well as links, are the most widely-used interaction elements in web design and can be found on almost every website. Buttons that commonly appear on the websites can be classified into two categories: those with submit function and those equivalent to a link. Links that should be emphasized in the websites are naturally represented as buttons. Then how to create website buttons   correctly so as to make it easy for uses to finish their operations? Sometimes designers make several errors when they create web buttons. Here are 10 common mistakes when UI/UX designers  create website buttons . 1. Using a “reset” button It’s nonsense. Why would a user want to reset what he/she has just completed? If a mistake is made, he/she can edit it rather than resetting all the contents and restarting. Worse still, the reset buttons are usually located on the left side and thus can be easily clicked by accident. Who knows how much business has been lost by frustrated users leav