What are the 3 different points between a graphic designer and a UI designer?

UI is "user interface",ui design refers to the design of user interface ". The design interface is not only the end of a beautiful picture, so there is no difference with the graphic design, and is why RD said "You use graphic design thinking in doing ui". "

The easiest and most understandable difference between graphic design and UI design is that one is moving and the other is not moving.

Dynamic effects such as fade in, fly to the left, and page to the right. Is that "moving"? Dynamic effect is only a graphic designer's eye "will move", and the UI designer, RD Eye "will move" is completely different, UI design "will move" refers to "behavior", including user behavior, interface behavior, system behavior.

　　Example

The same product, the target group is different, the product appearance will also be different, to different people use, also can get different results. Even the task target (what the user wants to accomplish through the product) will be different.

For example, this gives infants and young children training to grasp grip, color, shape, reasoning ability of the building blocks.

(Photo source)

In this film, the building blocks become "a means to prove the zombie has basic reasoning ability", rather than training his props.

(from the movie Evil Spirit Castle 3: the Great Extinction)

Even if the behavior is the same, the use of the situation is completely different, the purpose or motivation of the operation is not the same.

Do not forget that the next second the building blocks are tried the wrong corpse to dismantle, so the design for the zombie use and for the baby should not be too the same? At least be strong.

(The above to disorderly please don't be serious, I always think this scene is very pregnant feeling ...)

　　The behavior of the user

　　Who is the user? What's going to happen? In what context is the operation? What is the task and purpose of the operation?

Different users have different operating habits, different situations, based on different motivations for similar product operation steps, so before designing a product, UI designers will understand the target group first. This can be seen in many graphic designers that they will do similar inquiries ... Posters for the promotion of baby products can not be the same color as the DM that sells sporting goods.

But graphic designers will not consider the "user how" the problem, their flat finished products in most cases will not be able to operate, so in the finished product only see "visual design."

"Why do you want to put 6pt of Chinese characters on App?"

"Because the picture looks more exquisite, ~".

What if the user is an elderly person? Under what circumstances will the user use the app? What if it's a place where the bus or MRT will shake? Graphic designers do not take into account how users operate, they understand the need to match the target group to change the design, but do not understand the situation, the operation of what the task refers to. (or they understand, but it is more important to think that Meimei's picture is better than the user's.) )

Also is the calculator, the average person buys and sells the thing to calculate the price, and the engineering type, both will be the same? Even the telescope is divided into looking at stars, playing birds, peeping in many directions.

　　The behavior of the interface

　　The means of guiding the user to operate and complete the task

Interfaces are often compared to interactions, and users perform tasks through the interface and through the interface. Move the mouse to change color, dynamic effect, progress bar, Alert and so on, all belong to the behavior of the interface.

The graphic design does not have the mouse to move to jump the menu to come out, or the operation error prompts the message, also does not have the downloading file the situation. So they are accustomed to ignoring the "Prompt user", "boot operation" of the two major interface design focus.

Interface in addition to interaction, but also includes "information architecture", that is, classification, labeling, navigation, search. These 4 items in visual design accounted for a small proportion, eating is the user's thinking logic: In what way do users find the information he wants? Information architecture in the collation of content (graphics and video), the user can understand the logic of thinking to organize content.

Whether it's an App or a Web, the elements on the epidermis are audio, video, pictures, text, and so on, visual design tends to only consider the layout of these elements, rendering style. So it becomes the website of the public office ... It's all there, but you'll never find the target. If "that layer of skin" after the design of the Meimei, but the content has not been sorted out, the user or a needle in a haystack, guess not through AH guess.

How to guide the user to get what he wants in a short time is the key point of the interface design thinking, it is definitely not the beauty of the coat painting.

Many graphic designers cling to old habits ignoring the existence of the information architecture, that this is the work of RD or PM has nothing to do with their own, designers as long as the production of beautiful pictures, look good visual design, others such as project flow or RD do not have to do to achieve the feasibility of this design tube it to die.

　　The behavior of the system

　　Operation Logic of program and data

The easiest way to differentiate between a graphic designer and a UI designer is to ask "How does the data come?"

I love to ask this question, stay at the scene do not know how to answer and realize that they are doing the UI, will be roll to run to do the UI and do not want to learn the senior graphic designer (or the situation outside the rookie), they do not feel "information" in their own to consider the scope of work, very atmospheric disregard " Information Architecture ". (Senior here does not refer to ability, just "sit" in this line for a long time.) )

With the current Taiwan interface design very narrowly limited to the App and the Web, both often need to work with engineers to consider the problem of data sources. Graphic designers do not need access to the information architecture, retaining this work habit in designing the UI and being asked "How does the data come?" I look at the heart OS shut my fart is also very normal mentality.

Why do UI designers need to know the data source? For a simple example ...

User behavior: Browse the net to pass the time.

Interface behavior: Displays a list of items.

System behavior: grasping commodity data.

The user does something but the app doesn't respond, does it feel like the app is broken? If the data is not built to download from the network, crawl data from the network at the same time need not prompt the user "system is now doing something"? It prompts the user that the App is running in a slow motion.

Does the UI designer need to know whether the picture is built or crawled from the Web? If the icon is built inside, the product picture to be downloaded through the network, the product picture in the state of reading is not to say with the user to avoid him think that the bad?

To give a simpler example ...

Use the "Hua Kang Maiden Body" in the IPhone App.

The first thing a UI designer should consider: Why use the Hua Kang girl body?

The second thing to think about is system behavior: IOS Neckian Waakang girl body?

When the graphic designer (or PM, planner) regardless of the data source system behavior function feasibility What, "I think this is more good-looking ah", "so the picture is more beautiful" will become RD burst veins of that straw.