基于移动设备阅读体验的信息呈现易读性研究
发布时间:2020-08-13 20:32
【摘要】:移动互联网技术的发展和普及,使每个人都成为信息的创造者和接收者,身处信息爆炸式增长的时代,如何高效地获取高质量的信息成为关键。而要做到这一点,不仅在于信息内容本身的可读性,更在于高效舒适的信息呈现。本文从阅读体验角度出发,提出信息呈现易读性的概念,即从信息呈现角度出发,研究呈现方式的易读性,从而提高用户的认知和操作绩效。课题首先对移动端和Web端的信息在使用场景、交互方式以及信息呈现上的差异做了梳理,将移动设备信息阅读场景分为需求场景、环境场景、设备场景、用户场景,并从这四个方面进行了分析。其次,文章对手机端主流信息布局方式进行了归纳和概括,并对移动设备信息界面中的用户认知特性进行了分析,从用户手势操作特征以及用户操作行为方面进行了思考,从界面交互和界面元素两方面,分析信息呈现易读性对用户认知和行为的影响。然后,对提出的信息呈现易读性概念从整体和局部两方面进行了分类。并针对信息易读性概念进行了特征分析,从主体性、碎片化、迭代性、大众性、时效性、载体依附性、交互性这7种特征对信息呈现易读性进行了分析。最后,通过眼动实验与主观评价结合的方式,从图文比和图文相关性两方面对信息呈现整体易读性进行了实验;并从字号和行间距入手,开展对信息呈现局部易读性的实验。实验结果可用于指导手机信息呈现方式的界面设计,提高信息呈现易读性,从而提高用户的阅读体验。
【学位授予单位】:东南大学
【学位级别】:硕士
【学位授予年份】:2018
【分类号】:TB47
【图文】:
东南大学硕士学位论文2.3 手机端的信息布局方式及设计要素2.3.1 影响手机信息呈现的影响因素(1)图标 指表达特定含义的图形样式。在数字信息呈现中,许多功能元素和符号都采用了图标进行示意。图标节省了界面空间,增强界面美观性,降低用户认知负荷,提高语义传达效率,对用户的操作进行引导。随着图标的发展,某些图标的语义经过了历史和群众的认可,具有了广泛认知的语义特征,这类图标被称为通用型图标。剩下的图标一般在特定界面中含有表征意义,这类图标被称为特殊含义图标。图标种类示意图如图 2-1 所示。
图标一般在特定界面中含有表征意义,这类图标被称为特殊含义图标。图标种类示意图如图 2-1 所示。(a)通用型图表 (b)特殊含义图标图 2-1 图标种类(2)控件 手机常用控件有导航、菜单、弹窗、输入框、文本、按钮、标签栏、滚动条、功能栏等,其设计呈现与 web 控件有许多相似之处,并根据手机的特征进行了优化和调整。常用控件之一弹窗在 web 和手机上呈现形式如图 2-2 所示。
可以使界面元素更精准地传达信息。界面中,可以通过调整色彩进行界面区要信息的强调、图形语义的传达。网页信息的颜色对用户偏好和搜素绩效如 Schaik 等人(2002、2003)研究了网页不同颜色组合的导航栏对用户偏好的影响发现,黄黑的色彩组合方式搜索绩效最好,而白黑的组合方式主观评价组合绩效和主观上表现都较差[28][29]。同样在手机端对于色彩的使用,在保证时,要注意色彩搭配,统一界面中不使用过多的色彩。使用色彩进行界面划图 2-3 所示。)AI 软件界面-使用色彩界面划分的示例 (b)Axure 软件界面-使用色彩界面划分的
本文编号:2792484
【学位授予单位】:东南大学
【学位级别】:硕士
【学位授予年份】:2018
【分类号】:TB47
【图文】:
东南大学硕士学位论文2.3 手机端的信息布局方式及设计要素2.3.1 影响手机信息呈现的影响因素(1)图标 指表达特定含义的图形样式。在数字信息呈现中,许多功能元素和符号都采用了图标进行示意。图标节省了界面空间,增强界面美观性,降低用户认知负荷,提高语义传达效率,对用户的操作进行引导。随着图标的发展,某些图标的语义经过了历史和群众的认可,具有了广泛认知的语义特征,这类图标被称为通用型图标。剩下的图标一般在特定界面中含有表征意义,这类图标被称为特殊含义图标。图标种类示意图如图 2-1 所示。
图标一般在特定界面中含有表征意义,这类图标被称为特殊含义图标。图标种类示意图如图 2-1 所示。(a)通用型图表 (b)特殊含义图标图 2-1 图标种类(2)控件 手机常用控件有导航、菜单、弹窗、输入框、文本、按钮、标签栏、滚动条、功能栏等,其设计呈现与 web 控件有许多相似之处,并根据手机的特征进行了优化和调整。常用控件之一弹窗在 web 和手机上呈现形式如图 2-2 所示。
可以使界面元素更精准地传达信息。界面中,可以通过调整色彩进行界面区要信息的强调、图形语义的传达。网页信息的颜色对用户偏好和搜素绩效如 Schaik 等人(2002、2003)研究了网页不同颜色组合的导航栏对用户偏好的影响发现,黄黑的色彩组合方式搜索绩效最好,而白黑的组合方式主观评价组合绩效和主观上表现都较差[28][29]。同样在手机端对于色彩的使用,在保证时,要注意色彩搭配,统一界面中不使用过多的色彩。使用色彩进行界面划图 2-3 所示。)AI 软件界面-使用色彩界面划分的示例 (b)Axure 软件界面-使用色彩界面划分的
【参考文献】
相关期刊论文 前4条
1 曾莹;梁田;;人机交互界面图标的视觉认知特性研究[J];美术大观;2014年08期
2 那成爱;吴志军;;基于用户认知特性的产品界面设计[J];郑州轻工业学院学报(社会科学版);2008年06期
3 张云鹏;基于认知心理学知识的人机界面设计[J];计算机工程与应用;2005年30期
4 彭泉,崔德光,李晓强;基于人类认知规律的应用系统人机界面设计[J];计算机工程与应用;2001年19期
本文编号:2792484
本文链接:https://www.wllwen.com/guanlilunwen/gongchengguanli/2792484.html