基于感性工学的网页界面优化设计研究

发布时间：2017-03-23 06:11

  本文关键词：基于感性工学的网页界面优化设计研究，由笔耕文化传播整理发布。

【摘要】：随着消费水平的提高,用户在购买或使用产品过程中越来越注重产品给人带来的心理感觉及主观体验。特别是网站、应用软件等信息产品,其交互界面的设计水平直接影响用户的情感体验,进而影响用户的驻留时间。因此,网页界面的情感化设计成为理论研究及商家关注的重要问题。本文以电子商务网站为例,以用户对服装类商品详情页的感性认知和评价为切入点,应用感性工学理论将用户的感性认知和评价转换成网页界面的设计要素水平选取,从而实现“以用户为中心”的网页界面优化设计。具体内容如下：(1)根据形态分析法、专家讨论法、眼动实验、现场访谈等方法,提取影响用户感性认知的网页界面设计要素及其水平,据此对初始实验网页样本进行0-1编码和聚类分析,选择代表性网页；(2)运用正交试验设计原理组合设计要素,并制作网页原型,通过语义差异问卷调查以及项目分析、因子分析和普氏分析,选择代表性感觉意象词对；(3)以代表性感觉意象词对和用户偏好为题项,结合网页原型,进行感性测量实验,并对主观评价数据和眼动指标进行收集和处理；(4)对用户偏好、眼动指标、网页界面设计要素关系进行分析,通过单因素方差分析选择对用户偏好有影响的眼动指标,并通过眼动指标变化的含义分析对用户偏好的影响；运用偏最小二乘回归方法,构建网页界面设计要素与眼动指标之间的关系模型,以确定不同的网页界面设计对眼动指标的影响；(5)以更高的用户偏好为目标,运用BP神经网络与遗传算法的集成算法,对网页界面进行全局优化。从而真正实现将用户的感性需求引入网页的设计中,对提高其市场竞争力具有重要意义。电子商务网站服装类商品详情页的界面全局优化结果为：网站Logo位置位于左侧.导航背景颜色与网页背景颜色不同色系、小图辅助展示位置位于大图下部、商品名称位置位于大图上部、商品名称文字大小相对于其他信息文字应大得很明显、价格呈现形式应背景突出且字体有相应变化、有商品原价提醒、选择颜色时的颜色示例为商品附颜色示例且鼠标悬浮显示颜色名称、有相关信息上部有店铺同类商品信息、有试穿体验或模特档案、模特展示和平铺展示屏数应该在4屏以下、有细节展示、有疑问和解答、没有搭配购买、相关商品介绍位置在商品信息栏右侧。
【关键词】：感性工学 网页界面设计 偏最小二乘回归 BP神经网络 遗传算法
【学位授予单位】：东北大学
【学位级别】：硕士
【学位授予年份】：2014
【分类号】：TP393.092
【目录】：

• 摘要5-7
• Abstract7-13
• 第1章 绪论13-19
• 1.1 研究背景13-14
• 1.1.1 感性工学是现代产品设计及优化的主要手段13
• 1.1.2 感性工学应用于网页设计的重要性13-14
• 1.2 研究目的和意义14-15
• 1.2.1 研究目的14
• 1.2.2 研究意义14-15
• 1.3 研究内容和方法15-16
• 1.3.1 研究内容15
• 1.3.2 研究方法15-16
• 1.4 技术路线和文章结构16-19
• 1.4.1 技术路线16-17
• 1.4.2 文章结构17-19
• 第2章 相关研究文献综述19-31
• 2.1 文献检索情况19-21
• 2.1.1 检索范围分析19
• 2.1.2 相关文献检索情况19-20
• 2.1.3 学术趋势分析20-21
• 2.2 关于感性工学的研究21-25
• 2.2.1 感性工学概述21-22
• 2.2.2 感性工学研究进展22-25
• 2.2.3 感性测量方法25
• 2.3 关于网页界面设计的研究25-27
• 2.3.1 网页界面设计概述25-26
• 2.3.2 网页界面设计研究进展26-27
• 2.4 文献评述27-29
• 2.4.1 已有研究的贡献27-28
• 2.4.2 已有研究的不足28
• 2.4.3 已有研究对本研究的启示28-29
• 2.5 本章小结29-31
• 第3章 代表性感觉意象词对的确定及网页原型设计31-53
• 3.1 网页界面设计要素的提取31-33
• 3.1.1 网页的收集31
• 3.1.2 网页界面设计要素的确定31-33
• 3.2 影响用户感性认知的网页界面设计要素的提取33-38
• 3.2.1 眼动实验及现场访谈33-35
• 3.2.2 影响用户感性认知的网页界面设计要素的初选35-38
• 3.2.3 影响用户感性认知的网页界面设计要素的确定38
• 3.3 代表性网页的选择38-42
• 3.3.1 网页的编码38
• 3.3.2 聚类分析38-42
• 3.4 代表性感觉意象词对的确定42-49
• 3.4.1 感觉意象词对的收集42-44
• 3.4.2 感觉意象词对的确定44-49
• 3.5 网页原型设计49-51
• 3.5.1 正交试验设计49-50
• 3.5.2 网页界面设计要素正交组合50-51
• 3.5.3 网页原型制作51
• 3.6 本章小结51-53
• 第4章 用户偏好、眼动指标、网页界面设计要素关系分析53-65
• 4.1 感性测量实验53-57
• 4.1.1 实验目的53
• 4.1.2 实验被试53
• 4.1.3 实验仪器和材料53-56
• 4.1.4 实验程序56-57
• 4.2 数据的收集与处理57-58
• 4.2.1 数据的收集57-58
• 4.2.2 数据的处理58
• 4.3 用户偏好与眼动指标关系分析58-59
• 4.3.1 影响用户偏好的眼动指标58-59
• 4.3.2 眼动指标与用户偏好的关系59
• 4.4 网页界面设计要素与眼动指标关系分析59-63
• 4.4.1 设计要素与眼动指标关系模型60-63
• 4.4.2 回归模型检验63
• 4.5 本章小结63-65
• 第5章 考虑用户偏好的网页界面优化设计65-75
• 5.1 BP神经网络设计基础65-68
• 5.1.1 训练样本集的设计65-66
• 5.1.2 隐层结构设计66-67
• 5.1.3 BP神经网络流程图67-68
• 5.2 网页界面设计要素与用户偏好的BP神经网络模型构建68-70
• 5.2.1 输入向量与输出向量设计68
• 5.2.2 BP神经网络设计68-69
• 5.2.3 BP神经网络模型构建69
• 5.2.4 BP神经网络模型验证69-70
• 5.3 网页界面优化模型的构建70-71
• 5.3.1 定义决策变量70
• 5.3.2 目标函数构建70-71
• 5.3.3 约束函数选取71
• 5.3.4 网页界面优化模型71
• 5.4 BP神经网络与遗传算法的集成算法设计71-74
• 5.4.1 决策变量编码规则71-72
• 5.4.2 遗传算法设计72
• 5.4.3 BP神经网络与遗传算法的集成算法设计及运行72-73
• 5.4.4 网页界面优化设计结果的验证及分析73-74
• 5.5 本章小结74-75
• 第6章 结论与展望75-77
• 6.1 本论文的主要结论75
• 6.2 本论文的创新点75-76
• 6.3 研究不足及展望76-77
• 参考文献77-83
• 致谢83-85
• 攻读学位期间发表论文情况85-87
• 附录87-98
• 附录A 初始感觉意象词对筛选调查问卷87-88
• 附录B 语义差异调查问卷示例88-89
• 附录C 偏最小二乘回归模型建立程序代码89-91
• 附录D 偏最小二乘回归模型验证程序代码91-92
• 附录E BP神经网络程序代码92-94
• 附录F 适应度计算函数M文件94-96
• 附录G 初始种群的MATLAB程序代码96-97
• 附录H BP神经网络与遗传算法的集成算法程序代码97-98

【相似文献】

中国期刊全文数据库 前9条

1 金昕;;感性工学在互联网交互设计中的运用研究[J];电子世界;2013年20期

2 黄];赖茂生;;感性工学及其在图像检索中的应用[J];现代图书情报技术;2006年05期

3 陈祖建;;消费者和设计师的家具产品感性意象模型研究[J];工程图学学报;2010年05期

4 李晶耀;郭伟;牛占文;;面向大众消费者的产品感性定制模型及其应用[J];计算机辅助设计与图形学学报;2007年11期

5 曾t牼，

本文编号：263102