《表1 购物类APP界面设计效果影响因子提取步骤》

  提示：宽带有限、当前游客访问压缩模式

本系列图表出处文件名：随高清版一同展现

《购物类APP界面优化设计研究》

1. 获取 高清版本忘记账户？点击这里登录

1. 下载图表忘记账户？点击这里登录

各大电商的购物类APP主界面在内容布局上大体相似。邀请了6位有4年以上工作经验的UI设计师对16张实验样本内容进行归纳。界面初步划分为导航栏，内容栏和主菜单栏，归纳样本见图2。经与设计师讨论后发现，导航栏和主菜单栏在界面中所占比重不大且各大电商在这两块的内容布局基本类似，因此把APP界面中的内容栏进一步划分为文字区域、头条信息滚动区、图像区域和图标区域。其中，文字区域特指图标区域中图标下的文字，图标区域为不同功能入口的图标，图像区域为banner区和商品展示区。图像区域中的商品展示区是根据不同用户日常搜索需求进行的智能推送，不同用户移动端界面的商品展示区显示的产品并不相同，存在较多变量。头条信息滚动区主要为购物信息的滚动推送，每2 s更换一次信息，没有太多研究意义。因此排除导航栏、主菜单栏和内容栏中的商品展示区和头条信息滚动区并对其作模糊处理，具体样本分区流程见图3。以该样本为基础提取界面设计效果影响因子，提取步骤见表1。经界面设计效果影响因子提取实验，最终得到界面设计效果的主要影响因子为图像颜色、图像构图和图标构图。