E-Commerce Search list page user experience design

[Copyright notice]: The copyright belongs to the author Alite all, reprint when please use the hyperlink form to indicate the article original source and the author information and this statement: http://www.alitedesign.com/

Revision background

Create professional E-commerce vertical search, as well as the original information aggregation platform for online procurement and wholesale trading platform transformation. According to industry characteristics and transaction needs, the original 0 batches (small wholesale) search for revision, to adapt to the industry search trade channel, is the revised design objectives. Product managers and user experience designers who search the product line have been preparing for six months. Project team members will be on the existing functional requirements, information architecture, visual color, user experience, such as long perspective, multi-angle analysis. Strive to launch the 1688.com online after another e-commerce vertical search user experience feast.

Functional Requirements Trade-offs

In the project, we collect a lot of demand from the market operation, how to classify these requirements and select the function points that our target users desperately need? Overall: to entertain the mentality of the choice of functional needs, only to the most needed not to the most powerful.

From the operation of the demand, from the user's needs, often varied, can be described with strange, so how to cooperate with product planners, product managers to find the most urgent needs of users?

Brainstorming can create a lot of creativity for product design team members. When a large number of requirements are collected, there may be major requirements and secondary requirements, objectively determine which is the first to be completed, which can be put to the 2 phase, and develop standard requirements and corresponding time nodes, so that the project can be completed on schedule.

The most annoying is often the choice of functional requirements, what standards should we use, what mentality to deal with it? It is best to set the criteria for trade-offs by creating a paper prototype or observing the user's actions, and to ensure that the following basic points are covered in the standard:

1, user profile-describe the user's specific characteristics. Pay special attention to any problems users use when using the site, such as physical limitations. (Discard requirements that do not match the user's characteristics)

2, Text environment Analysis-study the user's day-to-day tasks, workflow patterns, work environment and conceptual framework. This helps you understand why users react to the Web site they are testing. (Discard requirements that do not match the user's operating environment)

3, usability goal setting-need to develop the goal of quality materialization, it can reflect the demand that collects from the user file. Test whether the user can complete the task at a certain stage, and if the user is restricted, the user's target should be reset. (Discard requirements that do not match user goals)

4, platform functionality and constraints-must determine the interface or product functionality and limitations to define the scope of availability requirements. This information is affected by user availability requirements. (Discard requirements that do not match the technical capabilities of the platform)

5. General Design Guide-you must design your interface using accepted design guidelines. Web pages created by reference to the Web Design Guide can perform normally on a Web browser. (Discard requirements that do not match the user Experience Design Guide)

Product (interactive) experience designers before doing interactive design, in addition to the need to eliminate the differences between the project relationship, to meet user expectations, engineers expectations, sales and marketing personnel expectations, managers expectations. Finally, find a balance that can be accepted by all parties, specifically, see how interaction designers work with product teams.

Interactive design Optimization

From design drawings to the birth of prototypes, it is a complex and interesting process. First of all, how do we complete the complex design diagram? Pre-market research and demand analysis provides us with first-hand good information, and then we need to analyze the data and refine the demand points. In brainstorming discussions, interaction designers are involved with product designers, demand analysts, and so on to participate in the discussion of the design diagram creation. In the discussion to determine the scope of business needs, product demand logic, product specifications, and finally summed up a process document. It may be BRD or FRD, and it will be the design guide for the prototype on paper.

Once the interaction designer has obtained the process documentation, it is possible to create the logical frame composition and the task operation flowchart in the design diagram. When you create a logical schema diagram, you can choose to Camp tools or illustrator, and of course some people choose to make mind manage. No matter which tool you choose, as long as you can express the logic structure clearly, here is no longer to repeat the use of each tool and the advantages and disadvantages. At the same time, the interaction designer should always use the principle of information architecture to create the logical architecture diagram to ensure the integrity of the logical information, the consistency of the expression information, the simplicity of the architecture information and so on. When you create a task action flowchart, you typically choose Visio production. In the process of making Visio, we can use the flowchart and process symbols provided in Visio to express the key functions and key nodes in the design.

After the paper prototype design, the interaction designer and the product planner, usability engineers to quickly communicate, optimize the paper prototype. Interactive designers will be based on paper on the prototype to determine the function point and information framework, through the axure to create a real-world of interactive design prototype demo. In the production of Axure Interactive design prototype demo, you should pay attention to the following principles:

Use the Axure page navigation structure to construct the information architecture.