Product Manager Tutorial: User experience elements and product design steps

Source: Internet
Author: User
Now product developers often hang on the lips of a word is "user experience", now people are more and more attention to user experience, but also the most easily overlooked a key factor. So how do we design products that meet the user experience? Let's take a look at some of the user experience elements that you need to be aware of when designing a product (http://www.maiziedu.com/course/pm/115-1118/) to meet these points, then the user Experience Design (HTTP/ www.maiziedu.com/course/pm/) There is a good decision to make. The user experience of the elements of the user experience every thing, for you should be a careful consideration and argument after the decision. Consider the user experience, break it down into constituent elements, and understand it from different angles-only then can you make sure that you control all the results of the decision. Presentation layer: In the presentation layer (surface), you see a series of pages, composed of pictures and text; frame layer: Below the presentation layer is the site's frame layer (skeleton): The position of buttons, controls, photos, and text areas Structure layer: The structure layer (structure) is more abstract than the frame layer, and the frame is the concrete expression of the structure. The frame layer determines the location of the interaction elements on the checkout page, while the structure layer is used to design how the user arrives at a page and where they can go when they have finished, and the scope layer: The structure layer determines the most appropriate combination of features and functions of the site, and these features and functions form the site's scope layer (scope) Strategic layer: The scope of the site is essentially determined by the site's strategic layer (strategy). These strategies include more than just what the operator wants from the site, but also what the user wants from the site. Each level is determined by the level below it. Look at the Nokia and iphone designs from the phone's open key settings. Nokia's strategic layer is around the telephone to achieve, the scope layer is modeled after the traditional telephone design, the structure layer is the number of keyboard and screen, the frame layer is the layout of the key, including as the key to the phone, with the hanging machine key set together. The presentation layer is the pattern, touch and shutdown screen of the hanging button. All of the designs are implemented in a "work-like-phone" strategy. The iphone's strategic layer is around the "handheld computer" to carry out, the range is modeled after the "PDA" (Joe's Experiment Newton) and the computer to design, the structure layer is the power key and touch screen (capacitive screen, hand direct point), the frame layer is her key to open, click on the screen to turn off, Press and hold the Shut down menu, confirm and shut down the machine. The performance layer is the touch of the button press, the time interval of the closing screen (in the user's expected range, too short and easy to mistakenly press, too long users will be interrupted and repeated attempts), as well as slide off the screen. All the designs are "cool like palmComputer-like "strategy to achieve. General steps for product design we can divide a large number of user requirements into manageable parts, which will be done through user segmentation to achieve usability and user research. To figure out what users need, we must first know who they are. User research is focused on gathering the information necessary to reach consensus. By creating personas (personas)-sometimes called user models or user profiles-you can make your users more realistic. Personas are fictional characters that represent the needs of the entire real user. Task Analysis Task analysis is a way to carefully break down a user's precise steps to complete a task. This task decomposition can be done through user interviews, let users tell their stories, tell their experiences, or through field surveys, in the user's "daily life Environment" directly study their behavior. For information-driven products, card sorting is used to explore how users classify or organize various information elements. Give the user a stack of index cards, each with the name, description, and type of an image or content of the information element. The user then arranges the cards according to the group or category in the way they feel most natural. Analyzing the results of the card arrangement of several users can help us to understand the user's views on product information. Functional specifications Description The functional specification does not need to contain every detail of the product-it is only necessary to include functional definitions that may be confusing during design or development. Functional specifications also do not need to look at the future of the product idealized state-only need to record in the creation of this product has been determined by the resolution. Interactive design Interaction Design () and information architecture emphasize one focus: determining the "pattern (patterns)" and "Order (sequences)" of each element that will be presented to the user. The interaction design focuses on the elements that will affect the user's execution and completion of the task. The information architecture focuses on how the information is conveyed to the user's elements. Information Architecture Information Architecture is the process of how people perceive information, and for products, information architecture is concerned with whether the information presented to the user is reasonable and meaningful. The nodes are placed in the information architecture according to the organization principle (organizing principle). Literally, the principle of organization is basically that we decide which nodes to group, and which nodes to maintain independent standards. These attributes, in the terminology of library science, are referred to as "cross sections (Facets)", and they provide a simple, flexible set of organizational principles language and metadata for almost any content. A controlled dictionary is a standard set of languages used by a website. This is one of the most important areas in user research. Talking to users and understanding their ways of communicating is the most effective way to develop a user-friendly naming principle system. Interface design is a successful interface designed to give users a glimpse ofSee the "Most important thing" interface design. On the other hand, unimportant things should not be noticed-sometimes because they are not there at all. In a Web site, an indication of an identity typically involves navigation design and information design. The navigation system of a website is not only to provide access to different areas of the site, but must also clearly convey these options. Wireframe Wireframes are a necessary first step in the process of formally building a visual design of a website, but almost everyone involved in the development process will use it in other task points. Designers who are responsible for the strategic, scoping, and structural layers can use wireframes to ensure that the final product meets their expectations. The person who is really responsible for building this site uses a wireframe diagram to answer questions about how the site should work. Smell and taste throughout the design process, this is the last stop for our users to experience: Determine how our design will ultimately be felt by human sensory organs. Contrast and consistency when an element looks different in the design, the user will notice. Strengthen the "cross-media consistency" of products presented in front of your users (customers, prospects, management, employees, or other visitors) with a "unified brand identity image" that is consistent across every level of your product design, A navigation element that appears from each interface to a normal button that appears only once. The definitive document for designing a finished product and a style guide that hosts these design decisions is the style guide. This summary document identifies every aspect of the visual design, from the maximum to the smallest of all elements in the range.
This thread was reviewed by Beckham on 2016-5-18 10:39
  • Related Article

    Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.