Product manager Tutorial: User experience elements and product design steps

Product manager Tutorial: User experience elements and product design steps

At present, product developers often talk about the word "user experience". now, people are paying more and more attention to user experience, which is also a key factor most easily overlooked. So how should we design products that meet the user experience? Next let's take a look at the product design (http://www.maiziedu.com/course/pm/115-1118/) need to pay attention to a few user experience elements, to meet these points, then the user experience design (http://www.maiziedu.com/course/pm/) can make a good decision. Elements of user experience Everything the user experiences should be decided after careful consideration and demonstration. Consider the user experience, break it down into various components, and learn about it from different perspectives-only in this way can you ensure that you control all the results caused by decision-making. Presentation layer: On the surface layer, you can see a series of webpages, which are composed of pictures and texts; Frame layer: the website's frame layer (skeleton) under the presentation layer: the location of buttons, controls, photos, and text areas; Structural Layer: compared with the framework layer, the structure layer is more abstract. The framework is a concrete expression of the structure. The framework layer determines the location of Interaction elements on the checkout page, while the structural layer is used to design how users reach a page and where they can go after they finish their work; Scope layer: the structure layer determines the most suitable combination of website features and functions, and these features and functions constitute the scope layer of the website ); Strategy layer: the scope of a website is basically determined by strategy. These strategies include not only what the operator wants from the website, but also what the user wants from the website. Each layer is determined based on the layer below it. From the key settings of the mobile phone, let's look at the design of nokia and iphone. Nokia's strategy layer is implemented around the phone, while the range layer is designed like a traditional phone. The structure layer is a digital keyboard and screen, and the frame layer is a key layout, this includes the key to phone activation, which is set together with the host key. The presentation layer displays the pattern, touch, and shutdown of the hanging buttons. All designs are implemented in a "work like a phone call" strategy. The iPhone's strategy layer is centered around the "handheld computer", while the scope layer is designed like the "PDA" (newton of the master Joe experiment) and the computer, the structural layer is the power key and touch screen (capacitive screen, click it directly by hand). The frame layer is the key for her to open the screen. click it to close the screen, press it to close the screen, and press it to shut down the menu. after confirmation, the screen will be shut down. The presentation layer is the touch without pressing the button, and the time interval for closing the screen appears (too short within the user's expected range, it is easy to press by mistake, too long, the user will interrupt and try again and again), as well as the sliding shutdown screen. All designs are implemented in a "cool working like a handheld computer" strategy. General steps of product design Application Research We can divide a large number of user requirements into several manageable parts, which will complete availability and user research through user segmentation. To understand what users need, we must first know who they are. The User Research field is dedicated to collecting necessary information to reach consensus. By creating personas-sometimes called user models or user profiles-you can make your users more real. Character roles are fictitious characters that can represent the real user needs. Task analysis Task analysis is a method that carefully breaks down the precise steps for users to complete tasks. This type of task breakdown can be completed through user interviews, so that users can tell their stories and their experiences, or through on-site surveys, directly study users' behaviors in the "Daily life environment. For information-driven products, card sorting is used to explore how users classify or organize various information elements. An index card is used to indicate the name and description of an information element, and the type of an image or content. The user then arranges the cards according to the group or category in the most natural way. By analyzing the card arrangement results of several users, we can understand users' opinions on product information. Specifications The function specification description does not need to contain every detail of the product-it only needs to contain function definitions that may be obfuscated during the design or development process. At the same time, the functional specifications do not need to look into the future of the product's idealized state-just need to record the resolution that has been determined when the product was created. Interaction Design Both the Interaction Design () and information architecture emphasize one key point: determine the "patterns" and "sequences" of each element to be presented to the user )". The interaction design focuses on the elements that affect user execution and task completion. Information Architecture focuses on how to express information to users. Information architecture Information Architecture studies how people perceive information. for products, information architecture focuses on the rationality and significance of information presented to users. Nodes are placed based on the organization principles in the information architecture. Literally, the organizational principle is basically to determine which nodes should be grouped into one group, and which nodes should be kept independent. These attributes are referred to as "facets" in library terminology, and they provide a simple and flexible set of organizational principles language and metadata for almost any content. Controlled dictionaries are a standard language for websites. This is an important field in user research. Talking to users and understanding their communication methods is the most effective way to develop a naming rule system that makes users feel natural. Interface Design Successful interface design is the interface design that allows users to see the "most important thing" at a glance. On the other hand, things that are not important should not be noticed-sometimes because they are not present at all. In a website, the logo usually involves navigation design and information design. The navigation system of a website must not only provide access to different regions of the website, but also clearly express these options. Line diagram The line diagram is a necessary first step in the process of formally establishing the visual design of the website, but almost everyone involved in this development process will use it in other task points. Designers responsible for the strategic layer, scope layer, and structural layer can use the line diagram to ensure that the final product can meet their expectations. The person responsible for building the website uses a line chart to answer questions about how the website should work. Smell and Taste Throughout the design process, this is the last stop to provide experience for our users: deciding how our design should be felt by human sensory organs at the end. Comparison and consistency When an element looks different in design, you will notice it. Use a "unified brand identification image" to enhance the "cross-media consistency" of products presented to your users (customers, potential customers, management, employees, or other visitors ", the consistency of this brand recognition should be presented in the design of each level of your product, from the navigation element that appears on each interface to the common button that appears only once. Guide to designing synthetic products and styles The authoritative document that carries these design decisions is the style guide ). This summary document identifies all elements in each aspect of the visual design, from the maximum to the minimum.

This topic was approved by Beckham at, May 18