随着移动互联网技术的发展、受众娱乐需求的日益增长以及UGC(用户生成内容User-Generated Content)模式产品的快速成长,以头条、微博、抖音为代表的各类UGC产品迎来了蓬勃的发展。在注意力经济的引领下,如何在短时间内吸引并维持用户注意,延长产品使用时间并增加用户粘性成为了业界关注的重点。注意品质可以很好的衡量注意的集中水平,但在UGC产品设计领域,对用户视觉注意品质的文献相对较少,且还没有形成比较有影响力的理论体系,因此本研究将以注意品质作为研究切入点,选取UGC产品中的图片分享类产品进行交互设计方面的研究。本文首先对视觉注意类型、机制、注意品质等内容进行了研究梳理。其次在以用户为中心的理论框架指导下,对图片分享类产品的注意品质设计应用进行了解读,提出内容布局方式、内容切换交互操作下的注意品质研究短板;再次,基于前期研究的理论铺垫,提出相应的注意品质实验假设:单位界面的内容容量越小的布局方式越有利于注意的持续聚焦;用户对线性布局内容浏览的注意稳定性优于瀑布流布局,瀑布流布局优于矩阵布局;内容切换方向会对注意品质造成影响;纵向滑动比横向滑动在注意分配上表现更好;在单图阅读情境下,双击切换比滑动能更好的提升用户注意的分配。为验证实验假设,采用眼动实验与行为实验结合的方法进行了实验验证,并配合眼动指标进行了的定性定量分析,讨论总结了内容布局和交互操作对用户视觉注意稳定性品质和注意分配品质的影响,验证了前期的实验假设,为基于注意和图片分享设计的相关领域,提供了一定的实验成果。具体实验结论如下:在非干扰条件下的自由浏览任务中,针对图片内容的注意吸引和专注度,线性布局表现优于瀑布流布局,瀑布流布局优于矩阵式布局;干扰条件下,线性布局相比瀑布流和矩阵拥有更好的抗干扰能力;分配性任务条件下,双击交互比滑动交互拥有更好的中央区注意集中程度和更小的副任务认知负荷;相同交互操作条件下,内容切换方向对注意分配和稳定性的影响不明显。最后,结合以用户为中心的交互设计理论和本次的研究结论,提出了基于视觉注意品质的交互设计原则,并在同类图片分享产品——轻叩App的设计实践中,从注意品质角度优化了产品的专注体验,验证了本研究在设计指导中的可用性。对UGC产品的设计理论成型提供了一定的参考,并为产出更利于捕捉和维持用户注意的UGC产品的设计实践,提供了一定的理论依据。