The Design And Implementation Of The Product Detail Page Of The Touch-screen Version Based On User Experience

Touch-screen terminals favored by more and more users in recent years, and even into modern people’s work and life, as a typical interactive product, touch-screen terminals on the interaction design got more and more attention and recognition. User interaction demand for touch-screen terminals from the realization of the function of the past to now attaches great importance to the user experience. Mobile e-commerce is a new form of e-commerce in the era of mobile information technology, expand their e-business from the Internet to mobile Internet terminal. Major e-commerce sites, pay a important attention to the touch-screen version of the mobile terminal development, reconstruction of their mobile shopping sites, concentrated expression in a variety of way to continually improve the user experience:information architecture, a touch-screen UI optimization, the use of HTML5and JS, and APP packaging. Dangdang’s touch-screen version made it as a direction.Paper firstly introduced the background and significance of the project, and explain methods to evaluate the user experience and the user experience, and went on to explain that a touch-screen version of the single product page development of key technologies, followed by an analysis of the functional requirements of the system as a whole, as well as non-functional requirements. According to demand, the paper describes the architecture design, page architecture design, the embodiment of the item page design for the user experience, a division of the functional modules of the project design and implementation, as well as the detail of each module. The authors complete these works independently:product research, product design, product demand analysis, product development, product test and effect analysis.The product detail page of Dangdang’s touch-screen version relying on the existing high quality content resource of Dangdang’s main website, based on user experience, analyzed the information architecture, in view of the touch-screen terminals UI and interaction design, using new technologies such as HTML+CSS+JS for comprehensive development. System based on IOS/Android platform and its kernel browser front-end development and meet the demand of terminal adapter needs and background; On the basis of the second stage increased advertising iteration. It make the users who think the Dangdang’s PC site or client site can not meet their demands, and who rely on the touch-screen terminal as the target audience.