A Study on the User Interfaces of Parallax Scrolling for Product Exhibition Webpages

• Main Authors: Yu-chun Chen, 陳俞君
• Other Authors: Li-Chieh Chen
• Format: Others
• Language: zh-TW
• Published: 2016
• Online Access: http://ndltd.ncl.edu.tw/handle/17434719051095752038

碩士 === 大同大學 === 工業設計學系(所) === 104 === With the evolution of technology, Parallax Scrolling, which provides higher level of visual presentation and interaction, has become the new method of web designing in recent years. This research explores the current situation of virtual product using parallax scrolling to show each animation on web pages and investigates the needs for interactive functions of the users while browsing this type of web page display. Preliminary investigation was conducted using case analysis on current parallax scrolling product web page display. Three sets of web pages, which used consecutive multi-angle rotation animation to show product pictures and introduction of the interior and exterior parts, were chosen to investigate the opinions from the users after browsing the web pages. The results of the preliminary investigation showed that, in terms of interface visual presentation, animation timeline prompt needed increasing, confusion of transitions between animations, and information assistance functions needed increasing. In terms of operation, the mouse roller operated instinctively, but couldn’t be moved to a certain picture swiftly. This research planned the experimental design based on the results of the preliminary investigation. Four sets of experimental sample interfaces with different combinations were designed and operation test, questionnaire, and interviews were conducted. The results of the experiments are as follows: 1. A transparent prompt before transition could help users indentify the relative position of the transition clip in the entire animation. 2. It is more practical to operate roller for short distance movement. 3. It is more practical to operate roller when users want to watch the entire display with long distance movement. However, some users tend to use the left key to drag the timeline for a certain position in the entire animation.