基于视觉导流的APP交互界面优化模型研究
发布时间：2020-12-18 03:51
智能手机APP产品呈爆炸式增长。视觉风格越来越趋向于简约,而需要展示的内容则越来越丰富。为避免用户在使用过程中迷失或困惑,优良的APP产品需要去引导用户,降低用户的使用门槛,创造更加合理、易用、人性化的交互设计。本文主要通过功能布局、视觉层次、强调元素三个方面对视觉流程的影响来研究手机APP界面中的视觉引导。本文选取67款市场主流APP(iOS版本)作为研究样本,首先通过对比分析和用户访谈,归纳出视觉元素和流程间的关系和秩序。再通过解构界面元素,将交互界面的视觉引导归纳为功能布局、视觉层次和强调元素三大方面,并辅以眼动仪实验考察其与视觉流程间的关系,总结出四大视觉流程路径。再运用动态规划方法的思路构建视觉引导模型,最后得出设计原则、视觉元素、视觉流程、设计引导、设计评估一体的模型架构。此模型可以在手机APP的设计与优化阶段,提供有效的思路和参考,使企业设计出能够引导用户视觉流程的产品,提升产品自身的用户体验,并能减少设计中的反复研发,降低成本与风险,从而提升市场竞争力。
【文章来源】：合肥工业大学安徽省 211工程院校 教育部直属院校
【文章页数】：107 页
【学位级别】：硕士
【部分图文】：
研究目的（图片来源：笔者自制）
图 1. 2 古腾堡图表（图片来源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美国著名网页易用性专家雅各布·尼尔森（Jakob Nielsen）提出了 形网页浏览模式[8]，该研究基于 232 名实验对象浏览的近千张网页。他在《眼球轨迹的研究》报告中提出，浏览者大部分都以“F”形状的视线模式阅读网页，F形的网页呈现成为基本恒定的阅读习惯，此结论引发了高度关注。如图 1.3，图 1所示。
图 1. 2 古腾堡图表（图片来源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美国著名网页易用性专家雅各布·尼尔森（Jakob Nielsen）提出了 F形网页浏览模式[8]，该研究基于 232 名实验对象浏览的近千张网页。他在《眼球轨迹的研究》报告中提出，浏览者大部分都以“F”形状的视线模式阅读网页，F形的网页呈现成为基本恒定的阅读习惯，此结论引发了高度关注。如图 1.3，图 1.4所示。
【参考文献】：
期刊论文
[1]触屏手机界面视线流与操作流的设计关系[J]. 黄本亮. 包装工程. 2017(04)
[2]认知模式下新媒体艺术交互形式研究[J]. 韦艳丽,钱朝阳,张懿丹. 艺术百家. 2017(01)
[3]三维角色动画制作关键技术的几点探讨[J]. 刘洋,郭荧飞. 工业设计. 2016(08)
[4]读图时代 品牌怎么玩?[J]. 苏落. 成功营销. 2015(09)
[5]基于眼动仪的智能手机APP图形用户界面设计可用性评估[J]. 常方圆. 包装工程. 2015(08)
[6]界面设计中视觉信息的主导作用分析[J]. 徐丰. 包装工程. 2015(02)
[7]基于视知觉的视觉信息界面设计研究[J]. 王苗辉. 包装工程. 2011(08)
硕士论文
[1]基于Android平台的移动办公系统研究与实现[D]. 罗颖.广西大学 2016
[2]智能洗衣机软件用户界面的体验设计研究[D]. 李存.江南大学 2015
[3]消费者信任的电商品牌模型构建研究[D]. 黄慧.湖南大学 2014
[4]界面图标的视觉设计与应用研究[D]. 刘淑纯.湖南师范大学 2014
[5]互联网产品用户体验设计与评估研究[D]. 张媛.南京航空航天大学 2014
[6]UnitedStack云计算系统交互设计[D]. 王晓亮.湖南大学 2013
[7]基于Android平台的维吾尔文网页浏览器的设计与实现[D]. 邓俊.新疆大学 2013
[8]基于感性认知的移动互联网用户体验设计研究[D]. 彭兆元.哈尔滨工程大学 2013
[9]智能手机游戏UI设计的研究[D]. 谢蛟.中南民族大学 2012
[10]网络化军用车辆调度管理信息系统研究[D]. 尹刚.重庆大学 2009
本文编号：2923300
【文章来源】：合肥工业大学安徽省 211工程院校 教育部直属院校
【文章页数】：107 页
【学位级别】：硕士
【部分图文】：
研究目的（图片来源：笔者自制）
图 1. 2 古腾堡图表（图片来源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美国著名网页易用性专家雅各布·尼尔森（Jakob Nielsen）提出了 形网页浏览模式[8]，该研究基于 232 名实验对象浏览的近千张网页。他在《眼球轨迹的研究》报告中提出，浏览者大部分都以“F”形状的视线模式阅读网页，F形的网页呈现成为基本恒定的阅读习惯，此结论引发了高度关注。如图 1.3，图 1所示。
图 1. 2 古腾堡图表（图片来源：Maryna Zavyiboroda；https://speckyboy.com/annoying-ui-changes/）Fig1.2 Gutenberg diagram2006 年美国著名网页易用性专家雅各布·尼尔森（Jakob Nielsen）提出了 F形网页浏览模式[8]，该研究基于 232 名实验对象浏览的近千张网页。他在《眼球轨迹的研究》报告中提出，浏览者大部分都以“F”形状的视线模式阅读网页，F形的网页呈现成为基本恒定的阅读习惯，此结论引发了高度关注。如图 1.3，图 1.4所示。
【参考文献】：
期刊论文
[1]触屏手机界面视线流与操作流的设计关系[J]. 黄本亮. 包装工程. 2017(04)
[2]认知模式下新媒体艺术交互形式研究[J]. 韦艳丽,钱朝阳,张懿丹. 艺术百家. 2017(01)
[3]三维角色动画制作关键技术的几点探讨[J]. 刘洋,郭荧飞. 工业设计. 2016(08)
[4]读图时代 品牌怎么玩?[J]. 苏落. 成功营销. 2015(09)
[5]基于眼动仪的智能手机APP图形用户界面设计可用性评估[J]. 常方圆. 包装工程. 2015(08)
[6]界面设计中视觉信息的主导作用分析[J]. 徐丰. 包装工程. 2015(02)
[7]基于视知觉的视觉信息界面设计研究[J]. 王苗辉. 包装工程. 2011(08)
硕士论文
[1]基于Android平台的移动办公系统研究与实现[D]. 罗颖.广西大学 2016
[2]智能洗衣机软件用户界面的体验设计研究[D]. 李存.江南大学 2015
[3]消费者信任的电商品牌模型构建研究[D]. 黄慧.湖南大学 2014
[4]界面图标的视觉设计与应用研究[D]. 刘淑纯.湖南师范大学 2014
[5]互联网产品用户体验设计与评估研究[D]. 张媛.南京航空航天大学 2014
[6]UnitedStack云计算系统交互设计[D]. 王晓亮.湖南大学 2013
[7]基于Android平台的维吾尔文网页浏览器的设计与实现[D]. 邓俊.新疆大学 2013
[8]基于感性认知的移动互联网用户体验设计研究[D]. 彭兆元.哈尔滨工程大学 2013
[9]智能手机游戏UI设计的研究[D]. 谢蛟.中南民族大学 2012
[10]网络化军用车辆调度管理信息系统研究[D]. 尹刚.重庆大学 2009
本文编号：2923300
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/2923300.html
