基于动线分析和系统布局设计法的手机购物网页设计研究

Study on Mobile Shopping Website Design Based on Moving Line Observation and SLP

目的从用户体验角度对手机购物网站界面进行优化设计。方法选取20名大学生利用3.5英寸屏的智能手机,在淘宝网(m.taobao.com)进行购物操作实验,通过录像分析被试者的手机购物操作动线,基于用户体验的交互设计、人类工效学和系统布局设计(SLP)等理论和方法对网页进行了改善设计,提出了两种改善方案。结果两种改善方案比改善前手指移动距离分别减少约24.5%和51.7%,操作时间比改善前显著减少约11.2%和15.9%。结论动线分析和SLP方法对手机网页优化设计具有积极作用。

Objective The purpose of this paper is to optimize the websites interface design from the view of user experience. Methods This study chose 20 university students to perform shopping experiments in the 3.5 - inch screen smart phone via Taobao websites （m. taobao, corn）, analyze subjects moving line of mobile shopping operation through experiments videos, based on the theories and methods of interaction design, ergonomics and system layout SLP to improve the interface design of Taobao websites, and proposed two improving programs. Results The finger moving lines＇length in the two improving programs were less than the previous about 24.5% and 51.7%, and the mean operation time was apparently reduced from the previous about 11.2% and 15.9%. Conclusion Moving line analysis and SLP methods have a positive effect on the optimization of mobile websites interface design.