is a translation every Monday, it’s not really easy. From reading to screening, to trial translation, to the end of this week’s article and the completion of the translation, the main thing is to rely on some time to do it every day. Fortunately, after all, is the autonomous behavior, love, still in love, this is the UX and translation practitioners have made integrity. Silence, we enter the text of this time.
I have been involved in the design of wireframe prototypes for many products, including my own, as well as with other designers, product managers, and even business analysts. That’s great because I’ve seen a lot of good stuff in the process. But slowly I also found some problems, some people often ignore the elements in the prototype production process; if we can pay attention to and solve these problems, our interactive design output can play a greater practical value.
is a typical example shown below, and we usually send this style of wire frames to related colleagues to follow up on visual design or prototype testing.
This line of
can really describe the layout of the page elements, but that’s all. What it lacks is the ability to communicate with other designers, developers, and tested users. Next, let’s take a look at some of the ways in which we can improve the performance of the wireframe prototype in this respect.
1. describes the visual priority between modules through shading (
)What is the
requires the user to the first note on the page? Their eyes should focus on what position? We want users to perform what operation? These problems can not simply throw the visual designer to consider, as shown above the wireframe prototype cannot help interaction designers to convey this information.
first, according to the product requirements and the actual situation of the research, as the product or interaction designers, we should own these information well; on this basis, as the most primitive line draft add visual priority. The implementation is very simple, all the dark "wireframe" removed, using different grey as background color to define the page and the edge of the module, and the priority of different elements of visual expression. Compared to before the pure frame design style, we can clearly feel the relationship between the element and the module of priority, such as hotel information and reservation form on the right side of the recommended operation button can catch our eyes in a very short period of time.
does not mean that interaction designers are playing the role of visual designers, and we are not saying that the background color of this element is deeper than that of another element
Powered By Impressive Business WordPress Theme