UI designers mainly design various user interfaces in mobile APP software and computer software, such as web interfaces, icons, applet interfaces, etc.
What are the main daily job responsibilities of a UI designer?
1. Responsible for user interface design, specific rendering design and visual design (including stylization of primary and secondary interfaces, layout details, icon drawing, etc.) according to the product prototype
2. Independently complete UI related production, and be able to design the corresponding supporting UI according to the design ideas of the product.
3. Participate in product conception and software interface optimization, propose product interface planning, and grasp the final product interface realization effect.
4. Optimize and improve the design based on user experience, and formulate feasible product quality improvement plans.
5. Maintain existing application products, collect and analyze users' needs for GUI from time to time, etc.
The following is a list of job responsibilities from the job information of well-known Internet companies:
1. Responsible for the UI interface design of the company's APP, and provide creative and design solutions for the company's new products and functions.
2. Participate in design discussions, create user interfaces with the development team, track design effects, and propose design optimization solutions.
3. Participate in the formulation and specification of mobile product design experience and process, and have participated in the practical experience of online project design is preferred.
4. Familiar with brand culture and product tonality, with rich graphic design and advertising creative design capabilities.
5. Proficient in the use of common design software, with certain illustration drawing ability, and a certain understanding of post-processing and dynamic design.
6. Clear design ideas, rich innovative thinking, imagination and strong visual perception ability.
7. Have good communication and cooperation, and have high execution ability and ability to work under pressure.
8. Familiar with the design specifications of iOS and Android platforms, with certain visual aesthetic ability and original design ability.
9. Proficient in various UI interface design, icon design, dynamic effect design, interaction design, Banner poster design, APP design, UE design, applet design, H5 design, etc.
To sum up, UI designers are mainly responsible for art design, application interface design, and interface feedback testing.
Among them, graphic art design is the basis of UI designer's work, application interface design is a key step in designer's work, and feedback testing is the top priority of designer's work.
What is the specific workflow of a UI designer?
What are the main job positions in the UI design department: product manager (PM), interaction designer (ID), visual designer (GUI), user experience designer (UED), front-end programmer, operation personnel, etc.
UI design, referred to as user interface design, it includes software and hardware design, including the above GUI, ID, UED jobs, as long as you master all the UI design skills, the above jobs can be engaged.
Different positions have different job contents, and generally the UI department of large companies has a division of labor, you are responsible for the design part, and he is responsible for the design part. Let's take a look at the entire workflow in UI design work:
1. The product manager (PM) collects the design requirements of the customer or the boss;Almost all Internet companies start developing apps with a product.
The design of the design process is more inclined to be simple and efficient;The main processes include: requirements collection, requirements list, requirements design, requirements development and final requirements acceptance.
For example, the boss said to make a social app. The eternal strong demand, like what lily network and cherishing network have always been in the popular stage, because there will definitely be some people who can't find the object and don't have time to find the object offline.
When the boss says that he wants to make such an app, the product needs to collect some information, and will find some users who need to go on a blind date, whether it is online or colleagues, and will ask everyone what functions they need, one by one.
For example, the woman said that I want to see the other party's avatar must be real, real-name authentication, and annual income. The man also has needs, such as seeing the woman's age, height, weight, education level, etc.
At this time, the product needs to sort out the requirements one by one and list them in the PRD document, which is considered to be a survey of some users after the product gets the requirements.
2. In the demand review meeting, PM will explain the requirements of the product to the interaction, UI, development and testing, and clarify the project requirements(Generate PRD documents, wireframe prototype diagrams).
In this link, feel free to ask if you don't understand. At this stage, a result will come out, and the PRD document may be finalized, and the wireframe prototype may also be generated at this stage.
Designer's part, PRD document, wireframe prototype drawing, it is best not to start work if you don't get it, and then work after you get it. Because, if you don't do this, you may have to change what you make repeatedly.
3. The internal meeting of the design group (the product may participate) and the interface style is determined(Produce a visual style draft).
Set the style
Generally speaking, this stage will first determine the design leader, if you have only one design in your company, congratulations!You're the person in charge of design. The person in charge of design will give everyone a division of labor, who will draw the wireframe icon, who will do some layout design, etc.
The most important thing is that the person in charge of design will set 1-2 people as the main designer, and the main designer will each design 1-2 visual style drafts.
After the draft is completed, the design team meets again to determine which design style to use. People related to the basic project will participate, and at this time, the "people who guide the country" behind the designer will appear, and the questions of good and bad will also come.
At this time, remember that the answer to all questions needs to start from the needs of users, only needs can overwhelm people, and nothing else will help.
There is a trick to how to determine the visual style of the draft at this stage, and you need to know it:
3W: What why who
For example, a chestnut, a ** type of app, do you think users listen to it at home with headphones plugged in and lying on the sofa, or listen to it on the way to work?
I usually listen to it on the way to work. Therefore, when we are making ** APP, we don't need to make the ** song page very complicated.
The common 5W on the Internet is not applicable to us, and it is OK to remember 3W here.
4. Design division of labor and complete their respective design work;It is possible to produce design specifications, either on paper or with a ui-kit
If you're the team leader and there's only one person, congratulations!It's all up to you. The benefit of this is the absolute uniformity of style. If you have enough time, there will also be an output, the design specification.
5. Design output - renderings, annotations, and tiles (.)pngļ¼
The visual output of the above picture is basically all ** together.
Design draft: Let the developer see what the interface looks like;
Tiling: Irregular graphics, icons, and small icons are all cut out
Annotation map: where the width is how high, how high, how far is it, and what color is used to mark the development clearly;
Under normal circumstances, this step needs to go through the hands of the product, and it is necessary to check whether there is a problem with the drawing. Wait until everything is done to move on to the next step.
6. In this stage of development, development, testing and debugging (completed in an iterative cycle), a new role emerges - test engineer. His task is to find bugs, according to the product documentation to point out one by one, to see if your app development has been done like that, and whether there are any problems.
For example, a user's password must use English characters, not Arabic numerals. When testing the registration of an account, he found that it was possible to use Arabic numerals, so this is a bug. He will bring it up.
For another example, if there is one button missing, the test engineer will @ you in the office software in the company and tell you that there is nothing missing in the interface, which belongs to the process of testing and debugging.
So, from the initial product sorting requirements, and then step by step to design, development, testing and debugging, and then to the launch, this is a complete app development and design process, and now it is clear.
Excellent UI designers often have the following abilities: strong design skills, broad design thinking, understanding the value of design, the basis of design, and various skills in the design process.
If you want to become a professional UI designer, the best and fastest way to learn is to register for a class system to learn, without taking detours, learning professionally, comprehensively and advancedly, and with professional teacher guidance.