After the product manager defines the user model and requirements, the UI framework diagram can be drawn. The first is the interactive process design, which can be hand-drawn sketches, or tools such as Visio or Axure. The most important thing is to record the complete design thinking. It is necessary to know in advance what kind of intuitive feeling your homepage should give users, whether it is a complex information type with most functions displayed on a homepage or a flow type with a few buttons. This is the skill of the interaction designer and the UI designer’s understanding of the product, especially for small-screen mobile phones, how to express the real needs of users in as few forms as possible.
Give three suggestions:
1. Mobile interface interaction framework process
First, arrange the demand level of information according to the needs of users, which means that the information that users need most should be displayed in the most important visual position. The small screen of the mobile phone is particularly important for the user’s demand. You can know the specific framework of the product at a glance, and give a priority to the product demand.
Then design the hidden functions in the corresponding menus, but do not put the functions that users should most intuitively operate in the menu items (for example: add accounts, open saved files, etc.), generally put “help”, “about”, ” “Exit” and some unimportant small functions. When there are too many function keys in the left menu, it is recommended to put some unimportant functions such as “Help”, “About”, “Exit” into the secondary menu.
Next, design the relevant interfaces of the home page. Remember to maintain a unified operation logic. If a function in a menu item appears on the home page, it should not become a Button on the page later, and the Button on the front home page should not be squeezed into the menu items on the back page. Keep the design consistent as much as possible. Don’t give users too many jumps on the small screen. What users need is intuitive and convenient to find what they want.
After there is a phased interactive result, communicate with the corresponding development engineer or use software thinking to refine, consider the implementation method, if there is a certain degree of difficulty in implementation, you can appropriately modify the UI design elements, but the premise is to maintain the same Information architecture does not affect the satisfaction of user needs, nor does it affect the smooth use of users.
A complete software must have a detailed development timetable. The development engineer must communicate with the UI designer in advance about what version will appear at a certain point in time. Otherwise, it will be difficult to develop a version. What is needed is communication. The version produced by the development engineer may have a great impact on the visual effect of the product, and it is necessary for the UI designer to put forward his own modification opinions on the color and interface effect of the phone text (mobile UI test). Especially for small companies, it is necessary to give full play to the characteristics of the small team (small company, light process), in the development process, it is necessary to communicate the problems arising from all aspects in time, and constantly modify the technical problems at any time to produce To produce the perfect product.
2. About interface design
After the interaction design is completed, there is one more step before the interaction can be displayed on the mobile phone display, that is, the graphic design. Essentially, these two designs cannot be separated and should be considered at the same time. Otherwise, the good interaction design in the early stage will not be transformed into excellent graphics effects, and the entire UI will still not achieve strong impact and ease of use. Therefore, interface design must also be taken seriously.
Designers are required to have relatively professional art skills and proficient design software control capabilities. In other words, many beautiful effects are difficult to complete by development engineers. Many engineers are accustomed to downloading graphics from some free websites, or directly taking previously used backgrounds or pictures, sometimes they can achieve the purpose of completing the interface, but it is difficult to meet the ultimate needs of the established target users, and the aesthetic effect of the product is not good. good. From the user’s perspective, two suggestions are given:
First of all, products come from life. When you define the user, you have already analyzed the common products around the target user, which can lay a good foundation for the mobile interface. Therefore, we must carefully search for products that best represent the preferences of target users. The graphical interface must match the common products they like to a certain extent. After all, the aesthetic orientation of the target user will also affect the sales and market response of the product. It is assumed that the targeted female users are basically young and energetic, but busy types, and the products around them are mostly digital products and simple and elegant products with excellent details. The graphical interface must meet their information volume and information priority. To meet their special requirements for color and texture.
The graphics provided for download on free websites are not specifically designed for the target users, and can only be relatively close to the target users, especially not suitable for very innovative software with relatively trendy user groups.
Secondly, the UI is suitable for a variety of scenarios. The mobile phone collects the scattered time of the user, and it is also specific to the scene of the mobile phone product, especially for lying in bed and passing the time in the car. These two time periods occupy more time when the mobile phone is used. The UI is very specific to the scene. The choice is extremely important.
3. Suggestions on the design method of mobile phone products
Regarding the method of mobile phone product design, let’s talk about two ideas.
1) Cultivate your own UI design team to reduce communication costs. When your company is good enough to retain talents, train your own UI design team. Starting from the training of fresh graduates, slowly take on more interactive design tasks. , And become the main person responsible for the future interaction design. This is the best way for you to master your own products and develop products that meet the needs of users.
2) If there is no suitable UI designer to join your team, and the product has a large demand for customized pictures and high quality, then it is recommended that you use design outsourcing. Nowadays, many companies are engaged in outsourcing design work, which are more professional, but the time is relatively tight. It is difficult for them to complete projects with long cycles or always changing needs. In addition, graphic design companies cannot be like internal teams. Designers can communicate at any time and can create ideas with the team at any time. They are basically only responsible for realizing your ideas. The famous domestic eico design, etc. provide first-class design services for numerous domestic websites and mobile phones. If you need someone to help you generate better ideas, graphics outsourcing companies may not be able to meet your needs.
I am a product manager who has high requirements for UI design. When the product that comes out is not satisfactory to me, I would rather spend more time beautifying it. In many cases, I am willing to find UI materials and provide them to UI design. The teacher may give the product design plan and product design inspiration, the idea of the product you want, and the effect to be achieved. To win users with the first sight of the product is my requirement for product UI design, and it is also a requirement for the product.
