Why should an interaction designer be visual? Isn't it just drawing a black and white draft, which is all wire-framed, just write a note and get it done, and leave the rest of the landscaping to the visual designer?
If you really think so, then you may not understand the importance of the interaction designer profession, and ignore the huge amount of information that can be conveyed in the interaction draft.
As the first prototype of the product from concept to realization, the interactive draft needs to undertake the product design team's underlying design concept for this product. Its design process requires a lot of thinking and effort of interaction designers, which is not so easy. can be done.
The definition process of the interactive manuscript:
Define formal elements, poses and input methods;
define functional and data elements;
Identify functional groups and levels;
Outline the interactive framework;
Build key line scenario playbooks;
Use verification scenarios to check designs.
Looking back at the above process, 1~5 must use a certain amount of visual thinking, which is really not a purely logical thing. An excellent interaction designer, the interaction draft he made is not only logically clear, but also allows people to see the b2b data visual focus and information level of each interface at a glance, and also marks the process steps and transition animation forms used by users. The complete form of the entire product is directly unfolded in front of you, and everything is clear to you.
Visual thinking is also the soul skill of interaction designers, but with a different focus. But there are too many concepts and methods in visual thinking. When I was thinking about this article today, it took me more than two hours to come up with this outline, which is a visual description that all interaction designers will use. The idea is finally merged into the three roles, and it is relatively easy to understand.
The three roles of visual thinking:
Architect: He gives a reason for each module in the interface blueprint to be here;
Narrator: He lets users know how to use it after seeing the interface;
Cartoonist: He talks to you, gives you feedback, and tells stories.
1. The architect who draws the blueprint
Before you start designing an interface, think about the following questions:
What device (web, mobile phone, TV) is this interface displayed on, what is its resolution, what is the suitable font size and what is the minimum click area;
In what scenarios does the user use this interface, whether they are sitting in front of the computer, walking on the road, lying on the sofa, or while driving?
What is the user's basic input method, is it a mouse and keyboard or a touch screen, or a TV remote control?
How does the user enter this interface, and what is its Context Interface?
If you start designing without thinking about the above four questions, you are likely to make some basic mistakes: for example, designing an interface with small text that is too small to read for a mobile phone with a high-resolution screen, or you can only click with a mouse. Car center console interface, is this going to make people uncomfortable?
Interaction designers also consider scenarios in order not to design a product that looks reasonable but doesn't actually work.
"Design is concerned with the presentation that is best suited to convey certain information."—Kevin Milley, Darrell Sarno, Designing Visual Interfaces
Interface design is a job that deals with information. All the functions you want to show to users are actually a combination of information. The smallest unit of this combination is called a block .
Take our commonly used WeChat homepage as an example. Here is a list of our recent chat contacts and group chat conversations. How is each conversation block formed?