关 键 词：

软件工程毕业论文设计说明书开题翻译PPT代码

资源描述：

基于web的掌上电信业务助手——智能助手子模块的设计与开发【软件工程毕业论文设计说明书开题翻译PPT代码】.zip,软件工程毕业论文设计说明书开题翻译PPT代码

内容简介：

基于web的掌上电信业务助手 智能助手子模块的设计与开发,绪论,系统设计,系统实现,系统测试,总结,CONTENTS,绪论,系统设计,系统实现,系统测试,总结,CONTENTS,背景及意义,绪论,本课题是电信业务的手机网站的设计与开发，主要提供与电信相关的用户业务办理等服务。随着手机普及，网络加速，各类app的涌现，各行各业面临的竞争越来越激烈。如何提高服务效率以及让客户的满意度增加，成了各行各业最主要的问题。电信业务的办理也存在这个问题。电信业务是通过特定的信息系统与客户进行交互的，为客户办理业务。电信运营商可以通过互联网以及移动互联网等向用户提供电信业务服务。 因此我们借助日益成熟的互联网技术设计和实现了一个可以解决业务办理问题和改善用户体验的网络平台掌上电信业务助手。,绪论,通过对市场上大量网上营业厅的深入调研，设计和开发一个具有较强的实用性和便捷性的一款关于电信业务的软件系统，开发好的系统能发布到服务器上，用户通过手机就可以访问和管理。该系统属于浏览器/服务器模式，页面操作调用数据库，完成对数据库数据的添加，修改，删除，查询的操作，同时为了提高数据库的性能，适当的使用一些存储过程和触发器。该系统初步分为以下几个模块：登录模块，手机安全模块，业务办理模块，我的业务模块和智能助手模块。 智能助手模块包含如下功能： （1）当月套餐余量查询；（2）当月消费使用情况；（3）历史消费情况比较；（4）根据消费情况推荐套餐；（5）显示充值交费的记录；（6）实时提醒；,课题研究重点和内容,CONTENTS,绪论,系统设计,系统实现,系统测试,总结,系统设计,框架设计,本系统中采用SSM (SpringMVC+spring+MyBatis)框架开发。 SSM框架是一款标准的MVC设计模式，本系统使用SpringMVC目的是负责请求的转发和管理视图，使用Spring实现业务对象的管理，使用MyBatis作为数据对象持久化引擎。,系统设计,模块划分,系统流程图,系统设计,数据库设计,系统设计,E-R图,CONTENTS,绪论,系统设计,系统实现,系统测试,总结,系统实现,登录功能,登录功能是用户进入系统的凭证，用户通过填写手机号码及密码，系统进行验证并返回验证后的信息。当用户登录成功后，则能正确的进入主界面。,系统实现,主界面,主界面显示了智能助手模块的功能菜单，包括套餐余量功能，当月消费情况功能，我的账单功能和充值记录功能。,系统实现,套餐余量功能是查询和显示用户余量的信息，对当月套餐余量进行查询，用户可以查询当月的通话使用量、短信使用量和流量使用量；通过进度条直观的显示套餐量以及余量。,套餐余量功能,系统实现,当月消费情况功能,当月消费情况功能是用户查询和显示当月消费使用情况，用户可以对话费余额，通话，短信，流量各部分的消费情况进行了解，并通过图表进行每部分的消费情况显示。,系统实现,我的账单功能,账单查询,用户可以查询历史消费情况，通过选择月份来查看每月的消费情况。若当月无消费情况，系统就会提示“该月无消费账单”。,系统实现,我的账单功能（续）,账单分析,用户可以查看账单分析，对每月的消费情况进行比较，通过折线图直观地显示每个月的账单，了解平均使用流量，通话和短信的情况，系统根据账单分析可以自动地为用户推荐适合的套餐。,系统实现,充值记录功能,充值记录功能是用户查询和显示自己的充值交费的记录，通过选择不同的月份，用户可以了解每个月充值话费的情况。,系统实现,实时提醒功能,实时提醒功能包括流量预警实时提醒和话费余额提醒。流量预警提醒就是当用户的流量使用多于一定量时，系统会进行提醒；话费余额提醒就是当用户的话费余额小于一定数额时，系统会进行提醒。,CONTENTS,绪论,系统设计,系统实现,系统测试,总结,系统测试,测试方法与测试目的,程序测试的主要方法分为两大类，白盒测试和黑盒测试。 通过测试能够达到以下测试目的： 1、功能检查：检查功能是否基本实现完整。 2、接口检查：检查能否正确地接受信息或输出信息。 3、数据检查：检查数据结构或外部信息是否有（如数据文件）访问错误。 4、性能检查：检查性能需求能否得到满足。 5、初始化、终止检查：检查过程中是否满足进行正常的初始化或者终止点。,系统测试,功能测试,登录功能测试,系统测试,功能测试,充值记录功能测试,系统测试,测试评价,本系统的测试主要是对于智能助手功能模块进行测试。 通过全面的对本套系统进行测试后，如上所有的测试条目都已经验证通过，实现了本套系统的基础要求，系统可以良好的正常运行提供服务。,CONTENTS,绪论,系统设计,系统实现,系统测试,总结,总结,总结,本课题从实际出发，以方便消费者和电信运营商为目标，设计开发电信业务助手网站，既包括办理业务的功能，还结合实际电信运营商，易于管理，减少成本，可以更好的了解市场掌握市场，给商家带来更好的经济效益。 本系统在设计过程中由于水平有限，还有很多需要完善的地方。如：考虑到安全问题，系统不能与手机消费相连，只能模拟手机消费的过程，功能也需进一步完善。,THE END!,导师：王智钢,答辩人：许安丽,THANKS!,毕 业 设 计（论 文）任 务 书1本毕业设计（论文）课题应达到的目的：传统的电信业，业务办理都是去柜台进行的，客户需要花费大量的时间去排队办理业务，而电信公司需要花费大量的人力物力去开设业务办理网点，同时柜台业务办理的手续较为繁杂，这样导致业务办理的效率不高。随着手机普及，网络加速，各类app的涌现，提供了在手机上处理电信业务的可能。用户更愿意通过手机办理电信业务，随时随地的办理业务，查看套餐使用情况等。为了更好、更便捷的办理电信业务，已经成为了一种趋势。为解决业务办理问题，改善用户体验的现实问题是本课题应达到的目的。2本毕业设计（论文）课题任务的内容和要求（包括原始数据、技术要求、工作要求等）：掌上电信业务助手是基于web开发的软件，通过手机app进行查看。为了方便用户的使用，系统功能应该尽可能的完善。系统功能包括5个模块，分别是登录模块，手机安全模块，套餐/靓号办理模块，我的业务模块，智能助手模块。本毕业设计是关于智能助手模块，该模块包含如下功能：（1）当月消费情况查询：通话使用量、短信使用量、流量使用量；（2）历史消费情况比较比较；（3）根据消费情况推荐套餐。系统开发中需要用到的技术，包括JAVA、JSP、CSS 以及数据库等。还需要运用模块化、组件化的开发方法，以便开发的系统能通过启用不同的模块、设置不同的参数来适应不同用户的需求。本课题的任务简要的说，是要设计和开发一个具有较强的实用性和便捷性的一款关于电信业务的软件系统，开发好的系统能发布到服务器上，用户通过手机就可以访问和管理。同时，应提供系统设计和开发文档便于系统的后续维护，以及系统使用说明书便于用户使用系统。毕 业 设 计（论 文）任 务 书3对本毕业设计（论文）课题成果的要求包括图表、实物等硬件要求：1、系统源代码及相关数据一套;2、系统使用说明书一份，不少于2000字;3、毕业论文一篇，8000字以上。4主要参考文献：1李刚.疯狂Java讲义第二版M.北京:电子工业出版社.20082李刚.轻量级Java EE企业应用实战：Struts 2+Spring 3+Hibernate整合开发M.北京:电子工业出版社.20083刘伟,张利国.JavaWeb开发与实战M.北京:科学出版社,北京科海电子出版.20084(美)Rod Johnson.J2EE设计开发编程指南M.魏海萍等译.北京:电子工业出版社.20035翁兴旺.电信业务教程M.北京:北京邮电大学出版社.2009 6刘德山,杨彬彬.HTML+CSS+JavaScript网站开发实用技术M.北京:人民邮电出版社.2014 7陶国荣.jQuery权威指南M.北京:机械工业出版社.2011 8(美)Ryan Asleson,(美)Nathaniel T.Schutta .Ajax基础教程M.金灵等译. 北京:人民邮电出版社.20069王珊,萨师煊.数据库系统概论M.北京:高等教育出版社.2006.10申时凯.数据库原理与技术M.北京:清华大学出版社.201111张奇伟.基于HTML5的移动应用的研究与开发D.北京:北京邮电大学.201312董鑫.基于AJAX的动态Web开发技术探讨D.河南开封:河南大学.200713邹华英.基于WEB的建筑工程业务管理系统设计与实现D.四川成都:电子科技大学.2013.14曹鹏.基于Web服务的彩铃开放业务管理平台的设计与实现D.北京:北京邮电大学.200615周凯.基于WEB的信息系统业务管理平台的设计与实现D.吉林长春:吉林大学.201216 刘志亮,刘媛媛. 基于Spring的轻量级JavaEE应用与开发J.电脑知识与技术.2008,20 毕 业 设 计（论 文）任 务 书5本毕业设计（论文）课题工作进度计划：起 讫 日 期工 作 内 容10.0110.201、指导教师完成毕业设计（论文）任务书，专业负责人审核任务书； 2、2015年10月10日向学生下达毕业设计（论文）任务书，学生准备开题报告。10.2111.131、学生查阅相关文献，并在指导教师的指导下，撰写及修改开题报告、翻译专业原文资料； 2、指导教师根据具体的指导情况在毕业设计管理系统中实时填写指导记录。11.1411.30学生提交开题报告、翻译原文及译文给毕业设计指导教师指导、审阅，定稿由指导教师给出评语；对开题未通过的学生下发整改通知书。12.0112.05专业负责人审核开题报告。12.0612.10学院二级督导组抽查开题情况，并提交开题检查小结。12.012016.3.201、学生在指导教师的具体指导下进行毕业设计创作； 2、在此阶段，在指导教师的指导下，学生拟定论文提纲或设计说明书（下称文档）提纲； 3、指导教师根据具体的指导情况在毕业设计管理系统中实时填写指导记录； 4、在2016年3月20日学生要提交基本完成的毕业设计创作成果以及文档的撰写提纲，作为中期检查的依据。03.2103.261、学生提交中期课题完成情况报告给毕业设计指导教师审阅。 2、各专业组织毕业设计成果验收及中期答辩。03.2703.311、各系组织审核学生及指导教师提交的中期检查表，并提供中期检查未通过的学生名单以及中期检查小结给教务；对中期检查未通过的学生下发整改通知书； 2、各系将交叉评阅教师、答辩小组人员组成和学生分配的安排表提交至教务。03.2104.201、学生在指导教师的具体指导下进行毕业设计文档撰写。如果是计算机软件开发类课题，还需撰写不少于2000字的软件使用说明书； 2、指导教师根据具体的指导情况在毕业设计管理系统中实时填写指导记录； 3、在2016年4月20日为学生毕业设计文档定稿截止日。所在专业审查意见：同意负责人： 2015年 11月 26 日毕 业 设 计（论 文）开 题 报 告1结合毕业设计（论文）课题情况，根据所查阅的文献资料，每人撰写不少于1000字的文献综述：一、研究背景及意义随着手机普及，网络加速，各类app的涌现，各行各业面临的竞争越来越激烈。如何提高效率以及增加客户满意度，成了各行各业最主要的问题。电信业务的办理也存在这个问题。电信业务是通过特定的信息系统与客户进行交互的，为客户办理业务。电信运营商可以通过互联网以及移动互联网等向用户提供电信业务服务。与传统的营业厅相比，在手机上处理业务可以减少运营商的管理费用，扩大宣传力度和提高服务效率，并且不受空间和时间的限制随时随地的向用户提供服务。因此在手机上处理电信业务使得运营商和用户的利益最大化。通过对电信业务的调查与研究，能够更好的理解掌上电信业务助手的意义和作用，以更便捷全面的服务和更丰富及时的信息，为广大电信用户开启了全新的自助服务体验。二、文献综述随着经济全球化，消费者个性化的需求，以及日新月异的技术变革，电信企业正面临着越来越激烈的竞争，制定和实施合理有效的营销策略已成为国内电信企业发展的关键，关系到企业的竞争力，品牌推广，市场占有率，收入规模，利润规模等许多方面。电信重组完成后，4G业务的竞争加剧，网络通信产品影响传统的电信业务，电信企业如何利用长期积累的企业客户关系，推动各种新的电信业务，进一步挖掘客户价值，提高客户粘性，保持持续的客户关系是一直非常关注的问题。近年来，随着互联网和电子商务的快速发展，网络营销和在线服务的实践日趋成熟，国内外电信运营商陆续开始建设电子渠道。电子渠道具有方便快捷、无需排队等优势，被越来越多用户所采用。对于电信运营商，电子渠道的建设具有重要意义，且效益可观。运营商可以通过电子渠道平台向全国用户提高统一的、724小时、不受地域限制的自助服务；运营商可以在电子渠道接受实体渠道的大部分业务，如查询话费、账单、详细清单、办理业务等；电子渠道很容易受理，比如办理异地业务等。与此同时，与实体渠道相比，电子渠道可以减少渠道的生产建设、管理和运营成本，节省营销成本。目前，随着互联网技术日益成熟，电信业务办理皆转至互联网支撑的计算机系统或者手机移动端中。基于web的系统大多数是通过计算机的浏览器打开的，通过Struts、Spring等框架来开发。按照页面和处理逻辑按照传统MVC模式进行组织，页面通常使用JSP或某种模板语言来实现，网页设计都比较复杂而庞大。服务端处理逻辑通常采用Action或Command模式。而现在手机的普及与发展，导致手机网站的需求越来越大。一个智能手机上网的效率很大程度上取决于网站的结构。开发手机网站的两个重要原则：（1）单页设计优于多页和缩放设计用于显示文本信息；（2）以缩略图设计一个网页便于信息处理比渐进式和列表视图的设计更好。由于移动端与pc端的屏幕宽度不一样，在有的设备上页面就无法显示完全。移动端的页面设计要比pc端的多些标签与css代码，才能使页面自适应屏幕的宽度。因此我们借助日益成熟的互联网技术设计和实现了一个可以解决业务办理问题和改善用户体验的网络平台掌上电信业务助手。功能完善的掌上电信业务助手是运营商和用户的一个双赢选择。以更便捷全面的服务和更丰富及时的信息，为广大电信用户开启了全新的自助服务体验，已经成为了一种必然的趋势。本系统是基于web开发的软件，通过手机app进行查看。采用JSP语言和Oracle开发，具有良好的通用性、兼容性、可扩展性。三、参考文献1李刚.疯狂Java讲义第二版M.北京:电子工业出版社.20082李刚.轻量级Java EE企业应用实战：Struts 2+Spring 3+Hibernate整合开发M.北京:电子工业出版社.20083刘伟,张利国.JavaWeb开发与实战M.北京:科学出版社,北京科海电子出版.20084(美)Rod Johnson.J2EE设计开发编程指南M.魏海萍等译.北京:电子工业出版社.20035翁兴旺.电信业务教程M.北京:北京邮电大学出版社.2009 6刘德山,杨彬彬.HTML+CSS+JavaScript网站开发实用技术M.北京:人民邮电出版社.2014 7陶国荣.jQuery权威指南M.北京:机械工业出版社.2011 8(美)Ryan Asleson,(美)Nathaniel T.Schutta .Ajax基础教程M.金灵等译. 北京:人民邮电出版社.20069王珊,萨师煊.数据库系统概论M.北京:高等教育出版社.2006.10申时凯.数据库原理与技术M.北京:清华大学出版社.201111张奇伟.基于HTML5的移动应用的研究与开发D.北京:北京邮电大学.201312董鑫.基于AJAX的动态Web开发技术探讨D.河南开封:河南大学.200713邹华英.基于Web的建筑工程业务管理系统设计与实现D.四川成都:电子科技大学.2013.14曹鹏.基于Web服务的彩铃开放业务管理平台的设计与实现D.北京:北京邮电大学.200615周凯.基于Web的信息系统业务管理平台的设计与实现D.吉林长春:吉林大学.201216 刘志亮,刘媛媛.基于Spring的轻量级JavaEE应用与开发J.电脑知识与技术.2008,20 17 李涛.中国移动网上营业厅发展现状分析与用户使用行为研究D.湖北武汉:华中科技大学.2012毕 业 设 计（论 文）开 题 报 告2本课题要研究或解决的问题和拟采用的研究手段（途径）：一、研究目标及内容经过对现有网上营业厅的研究，设计和开发一个具有较强的实用性和便捷性的一款关于电信业务的软件系统，开发好的系统能发布到服务器上，用户通过手机就可以访问和管理。该系统属于浏览器/服务器模式，页面操作调用数据库，完成对数据库数据的添加，修改，删除，查询的操作，同时为了提高数据库的性能，适当的使用一些存储过程和触发器。该系统初步分为以下几个模块：登录模块，手机安全模块，业务办理模块，我的业务模块和智能助手模块。智能助手模块包含如下功能：（1）当月套餐余量查询；（2）当月消费使用情况；（3）历史消费情况比较；（4）根据消费情况推荐套餐；（5）显示充值交费的记录；（6）流量预警实时提醒；（7）话费余额提醒。本模块需要运用大量的图形和表格显示，同时通过对历史消费进行分析，让系统自动推荐合适的套餐。二、拟解决的问题从本系统的题目和设定的功能来看，可能会遇到如下问题需要我们解决：1、页面显示问题：本系统需要在手机端的浏览器显示页面，页面对屏幕比例的适应是一个难点。如果页面不能很好的适应屏幕，页面将无法显示完全。因此在这个问题上，可能会考虑用html5来编写页面。2、安全性问题：将项目发布到互联网上后，有些用户试图避开身份验证，这使得系统存在一定的安全隐患。因此本系统在用户登陆后才能进入的页面中后加以判断，如果用户非法进入，则要求用户重新登录。同时判断用户归属地，以及运营商，对用户的密码进行加密解密。3、数据交互问题：对同一个表中的数据，会有不同模块的访问，同时有不同的表与之关联，对表中的数据进行处理就会变得有些困难。解决这个问题需要在编程中处理好逻辑问题。4、中文乱码：由于浏览器中的参数传递是按字节传送，因此英文和数字不会有任何的问题，而中文汉字则由两个字节组成。这是可以添加一段代码来解决。三、拟采用的研究手段本系统是为了解决用户业务办理问题和改善用户体验。不仅要对各种信息进行全面的显示，还要对各种信息进行分析，让用户更了解自己的电信业务。1、框架的设计本系统中使用Spring框架和MyBatis框架组合使用，如图1所示。Spring是J2EE应用程序框架，是轻量级的IoC和AOP的容器框架，主要是针对javaBean的生命周期进行管理的轻量级容器。MyBatis 是支持普通 SQL查询，存储过程和高级映射的优秀持久层框架。SpringMybatis表现层控制层业务逻辑层持久层数据库连接池JSP引擎Spring MVC图1 框架图2、系统功能划分掌上电信业务助手初步分为以下几个模块：登录模块，手机安全模块，业务办理模块，我的业务模块和智能助手模块，如图2所示。掌上电信业务助手登 录 模 块手 机 安 全 模 块业 务 办 理 模 块智 能 助 手 模 块我 的 业 务 模 块图2 系统模块图本次设计主要以智能助手子模块展开，功能如图3所示。业务助手模块推荐套餐当月查询套餐余量消费使用情况充值记录实时提醒历史查询 分析比较当月查询流量预警提醒话费余额提醒显示查询图3 业务助手模块功能图业务助手模块包括套餐余量，消费使用情况，推荐套餐，充值记录，实时提醒等功能，这些主要功能下还包括一些子功能。（1）套餐余量功能块：当月套餐余量查询：通话使用量、短信使用量、流量使用量；（2）消费使用情况功能块：当月消费使用情况查询：话费余额，通话，短信，流量各部分的使用情况；历史消费情况查询：显示每月的消费情况并可查询；历史消费情况比较：每月的消费情况进行比较，并用折线图显示；（3）推荐套餐功能块：根据消费情况推荐套餐，通过与数据库的数据比对，推荐适合的套餐；（4）充值记录功能块：显示充值交费的记录：对用户的充值记录进行显示；查询充值交费记录：用户可以对充值记录进行查询；（5）实时提醒功能块：流量预警实时提醒：当流量使用多于一定量时，进行提醒；话费余额提醒：当话费小于一定数额时，进行提醒。3、系统业务流程，如图4所示。智能助手模块查看消费使用情况查看套餐余量判断是否办理套餐系统推荐套餐查看充值记录结束开始判断用户名是否存在输入用户名和密码不存在退出系统登录系统实时提醒存在是否图4 系统业务流程图用户登录系统前，用户先输入自己的手机号和服务密码，系统先判断是否存在该用户，如果不存在，用户则无法登录；如果该用户存在且密码正确，则成功登录系统。登录成功后，系统先判断用户的流量是否使用过量和话费余额是否不足，若流量使用过量或话费余额不足，系统则进行提醒。当用户要查看套餐余量时系统会先判断该用户是否办理套餐，若无办理，则无法查看。4、用户界面的设计用户界面是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。本设计中用户界面设计将使用JSP编程语言，JSP是基于Java的技术，用于创建可支持跨平台及跨Web服务器的动态网页。JSP具有如下的优点：一次编写，到处运行；系统的多平台支持；具有强大的可伸缩性；多样化和功能强大的开发工具支持；支持服务器端组件。 5、数据的存储本设计中采用Oracle作为系统的数据库。Oracle是甲骨文公司的一款关系数据库管理系统。系统可移植性好、使用方便、功能强，适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的，适应高吞吐量的数据库解决方案。作为一个关系数据库，它是一个完备关系的产品；作为分布式数据库它实现了分布式处理功能。具有很好的伸缩性，可跨越多种平台使用。同时对Web技术的支持，使用户能够很容易地将数据库中的数据发布到Web页面上。 6、掌上业务助手的实现步骤：（1）开发环境搭建安装jdk1.6，设置好计算机环境变量，安装MyEclipse8.5开发工具和Oracle数据库。（2）界面设计利用jsp编程语言设计网页。（3）功能设计完成本系统的各个功能阐述；分别编写代码加以实现。（4）调试与测试整个系统功能模块的代码都要在MyEclipse开发环境中编译通过，并在计算机上运行调试，查看运行效果并加以改善。毕 业 设 计（论 文）开 题 报 告指导教师意见：1对“文献综述”的评语：文献综述对毕业设计课题的背景、意义进行了分析与阐述，介绍了课题设计、开发所涉及的方法和技术，对所研究问题有了初步认识。该生具备了一定的文献检索与归纳总结能力，可以进入下一步的设计和开发工作。2对本课题的深度、广度及工作量的意见和对设计（论文）结果的预测：本课题为结合实际需求选题，有一定的深度和广度，并且有很强的实际应用价值，从该生目前毕业设计工作中的文献综述及其它工作进展情况来看，该生应能按要求完成该毕业设计课题。3.是否同意开题： 同意 不同意指导教师： 2016年01月17日所在专业审查意见： 同意负责人： 2016年02月24日说明。要求学生结合毕业设计（论文）课题参阅一篇以上的外文资料，并翻译至少一万印刷符（或译出3千汉字）以上的译文。译文原则上要求打印（如手写，一律用400字方格稿纸书写），连同学校提供的统一封面及英文原文装订，于毕业设计（论文）工作开始后2周内完成，作为成绩考核的一部分。From：Information Sciences,2015, 427-443User experience with web browsing on small screens: Experimental investigations of mobileinterface design and homepage design for news websitesNan Yu, Jun KongAbstract: The efficiency of web surfing with a smartphone depends heavily on how well a website is structured. With the goal of understanding the effects of mobileand homepage designs on small-screen devices, we conducted two experimental studies to examine how users evaluated interface designs that are widely used on mobile news websites. We found that the designs for mobile news pages and the structures for website homepages can have a significant impact on perceived ease of use, reading time, and the overall reading experience. Based on the evaluation results and the analysis of the current interface design for popular mobile news websites, we developed two important guidelines for mobile news websites: (1) the singledesign is favored over the multiand zooming designs fordisplaying text-based information, and (2) a homepage with a thumbnail design facilitates information processing better than the progressive and list-view designs. Our research provides valuable empirical evaluations that help interface designers understand the potential impact of various interface designs on user experience. We also identified several directions related to interface design for future investigation.Keywords: Mobile web browsing, Homepage design, Mobileinterface design, HCI, Humanweb interaction, Usability1. IntroductionWith the increasing popularity of smartphones, such as the iPhone, Android, and Windows Phone, mobile web browsing has been growing remarkably fast. According to the latest study from Pew Research 12, 90% of American adults have cell phones or smartphones. The increasing number of cell-phone users makes media content that has traditionally been disseminated through newspapers, TV, or desktop computers more accessible to people. A national survey indicated that about 60% of cell-phone owners have browsed the Internet on a smartphone 12. Most prestigious news organizations, including CNN, FOX, ABC, NBC, The New York Times, USA Today, and The Washington Post, have all developed their own mobile applications and websites for tablets and smartphones. Smartphones and tablets are predicted to replace the functions provided by personal computers because they are able to handle almost all major tasks at home or work 1.The widespread use of smartphones poses new challenges for designers who create mobile web content for users: how to make mobile web browsing easier, more efficient, and more interactive? To answer this question, we conducted two separate studies that examined various mobileinterface designs (Study 1) and homepage designs (Study 2) for mobile news websites to understand how they influence users browsing experience.We based our research on prior scholarly investigations into the standards and principles of mobile web design (e.g., 10,4.We found that most of the research either primarily used non-touch-screen mobile devices (e.g., 10) or simulated the mobile web content on regular computers 14. However, there is a critical need to understand the reading experience on the most current version of smartphones. This research is one of the first studies to compare the conventional designs for mobile news websites and investigate their potential impact on the users experience. We also analyzed some of the most popular mobile e-commerce sites to gain an understanding of the adoption of the design features we evaluated. Through the empirical results we obtained, we hope we can offer useful suggestions for smartphone interface designers that will improve the users experience with mobile news web browsing.2. Literature review2.1. Mobileinterface designDepending on the mobileinterface design, people can use their fingers to slide, tap on certain hyperlinks, flip pages,or zoom the content in or out to view web-based content on a smartphone. In Study 1, we identified three basic types of interface designs for mobile news websites. The first one was the singledesign. In this design type, a full news story was presented vertically in a single column. For example, implements this type of design. Readers slide their fingers downward in order to read the story. The second type was the zooming design where readers could zoom in when they felt uncomfortable reading the content on a small screen. On real mobile sites (such as ), a user can zoom in on the content while reading. The third type was the multidesign where a long article is divided into a few pages. At the bottom of each page, users can tap on navigation links to complete the reading (e.g., ). In Study 1, we examined these three types of interface designs to determine whether the design differences can affect the usability of mobile news websites. Our primary purpose, however, was not to set one mobileinterface design apart or disqualify others. We aimed at understanding the advantages of each design type and examining how the designs enhance peoples web-browsing experience in general.2.2. Homepage designThe homepage of a news website is the gateway through which readers can locate a particular topic or article to read. The homepage design is crucial because it determines how quickly information can be located. A user-friendly homepage usually contains a vast amount of information with a clear organization for different news sections. For example, a reader who is interested in sports can get to the sports section by tapping on the appropriate link on the homepage and selecting an article to read.In Study 2, we identified three types of homepage designs that have been used by news agencies for their mobile web displays. The first type was the list-view design in which the homepage contained news section names and article headlines. Sometimes, each story headline might be accompanied by a brief summary of that story. The list-view design presented a lot of information simultaneously on the homepage. Readers could make a decision about whether they wanted to read an article by looking at the section name, the story title, and a brief introduction about the news. Homepages utilizing this design type were usually very long in length, so readers needed to navigate vertically to locate the information of interest. An example of the list-view design is .The third type of homepage design was the thumbnail design in which the homepage usually contained the news section names with relatively large thumbnails or images. By tapping on the image for a section, readers entered another page that listed article headlines for that news section. On this page, each headline might be accompanied by a small picture and a summary of each article. By tapping on the article title, people could read the full news article. Compared with the list-view and progressive designs, the major difference offered by the thumbnail design was that it provided visual presentations. When choosing news sections, users were offered both graphic and text-based information to choose an area of interest. An example of the thumbnail design is .In Study 2, our major purpose was to test whether various routes of information seeking through different homepage designs for mobile news websites have an impact on the users browsing experience. Again, our major goal was not to set any design style apart but to understand how users evaluate these designs based on their natural interactions with a smartphone.3. Study 1Our first study revealed several substantial results that may be valuable for mobile-interface designers. First, among the three types of interface designs we examined, the singleand multidesigns were rated as easier to read than the zooming design. We did not find any difference for the perceived ease of operation or perceived ease of navigation. It seemed that all three design types require little effort in terms of operation and navigation (i.e., Moperation = 4.32, Mnavigation = 4.14).However, the subtle difference in the interface design had a significant impact on the perceived ease of reading. This result may suggest that users are very task-orientated when interacting with web content. They may have paid less attention to how they operated or navigated the webpages (which were intuitive actions), but had a clear feeling about how the design influenced them in terms of completing the reading task. Although allowing for a clearer view of the content, the zooming design may not be the best design for mobile readers. The singleand multidesigns created a more positive reading experience for the users.We also found that the web-interface design had little impact on perceived interactivity. However, based on the regression analysis discussed in the previous subsection, this variable was a positive predictor of the behavioral intention to continue using mobile browsing. In other words, enhanced interactivity can significantly increase users intentions to browse a mobile website. Therefore, interactivity should be taken into consideration when designing mobile web interfaces in order to attract new users or retain existing ones.4. Study 2In Study 2, we investigated the influence of the homepage design on the users browsing experience. We discovered that the homepage design created a marginally significant difference in reading time. Readers who used the thumbnail design on the mobile device needed less time to find and read the article than people who used the progressive design. This finding suggests that the thumbnail design was the most efficient design for locating the information quickly and completing the reading task. The progressive design was the least efficient design. In addition, perceived ease of use and perceived ease of learning significantly predicted the users satisfaction. We also discovered that a positive attitude toward the content could also enhance users satisfaction with their general browsing experience. This finding suggests that a simple and straightforward homepage design for news sites makes it easy to learn. At the same time, users perceptions about the content quality are also significant in improving satisfaction with their browsing.5. ConclusionThe users experience with mobile browsing may depend on how mobile webpages are structured and displayed. With the goal of understanding the effects of mobileand homepage designs on small-screen devices, we conducted two experimental studies to examine how users evaluated interface designs that are widely used on mobile news websites. We found that the designs for mobile news pages and the structures for website homepages can have a significant impact on perceived ease of use, reading time, and the overall reading experience. AcknowledgementsThis work is supported, in part, by NSF Grant CNS-1126570. The authors would like to thank the anonymous reviewers for their insightful and constructive comments that helped improve the presentation significantly.References1 C. Bonnington, In less than two years, a smartphone could be your only computer. , 2015(retrieved on 05.05.15).2 K. Chinthakayala, C. Zhao, J. Kong, K. Zhang, A comparative study of three social networking websites, World Wide Web J. 17 (6) (2014) 12331259.3 eBizMBA Guide, Top 15 most popular news websites. , 2015 (retrieved on 23.02.15).4 B. Fling, Mobile Design and Development: Practical Concepts and Techniques for Creating Mobile Sites and Web Apps, OReilly Media Inc, Sebastopol, CA, 2009.5 A.L. Gonzales, T. Finley, S.P. Duncan, (Perceived) interactivity: does interactivity increase enjoyment and creative identity in artistic spaces? in: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, ACM, 2009, pp. 415418.6 A. Lang, J. Borse, K. Wise, P. David, Captured by the World Wide Web orienting to structural and content features of computer-presented information, Commun. Res. 29 (3) (2002) 215245.7 H.H. Lee, A.M. Fiore, J. Kim, The role of the technology acceptance model in explaining effects of image interactivity technology on consumer responses, Int. J. Retail Distrib. Manage. 34 (8) (2006) 621644.8 A.M. Lund, Measuring usability with the USE questionnaire, Usability Interface 8 (2) (2001) 36.9 A. Mendoza, Mobile User Experience: Patterns to Make Sense of it All, Morgan Kaufmann, Waltham, MA, 2013.10 C. Moll, Mobile web design. , 200811 J.W. Palmer, Web site usability, design, and performance metrics, Inf. Syst. Res. 13 (2) (2002) 151167, doi:10.1287/isre.8.12 Pew Research, Internet project Mobile technology face sheet. , 2014 (retrieved on 14.11.14).13 Y. Potla, R. Annadi, J. Kong, G. Walia, K. Nygard, Adapting web page tables on mobile devices, Int. J. Handheld Comput. Res. 3 (1) (2012) 122.14 M.K. Qiu, K. Zhang, M.L. Huang, An empirical study of web interface design on small display devices, in: Proceedings of the 2004 IEEE/WIC/ACM International Conference on Web Intelligence, IEEE Computer Society, 2004, pp. 2935.15 A. Roudaki, J. Kong, N. Yu, A classification of web browsing on mobile devices, J. Visual Lang. Comput. 26 (2015) 8298, doi:10.1016/j.jvlc.2014.11.010.16 Y.S. Ryu, T.L. Smith-Jackson, Reliability and validity of the mobile phone usability questionnaire, J. Usability Stud. 2 (1) (2006) 3953.17 S.S. Sundar, S. Bellur, J. Oh, Q. Xu, H. Jia, User experience of on-screen interaction techniques: an experimental investigation of clicking, sliding, zooming, hovering, dragging, and flipping, Hum.Comput. Interact. 29 (2) (2014) 109152.18 V. Venkatesh, M.G. Morris, G.B. Davis, F.D. Davis, User acceptance of information technology: toward a unified view, MIS Quart. (2003) 425478.来源：信息科学,2015年, 427页-443页小型屏幕浏览的用户体验：手机网页界面设计与网页设计的实验研究（作者）Nan Yu, Jun Kong摘要：一个网站的架构决定了用户上网打开的速度。我们的目标是了解移动网页和网页设计的小屏幕设备的影响，我们进行了实验研究，研究用户如何评价那些在移动新闻网站广泛使用的接口设计。我们发现，手机新闻网页设计和网站主页的结构可以对感知易用性、影响阅读时间和整体的阅读体验有重大影响。根据评价结果和流行的手机新闻网站的界面设计的分析，我们开发手机新闻网站时的两个重要原则分别是：（1）在显示文本信息上单页设计明显优越于多页和缩放设计；（2）用缩图设计一个网页优点在于信息处理比单页设计和列表视图的设计更好。我们的研究提供了宝贵的经验评估，帮助界面设计人员了解各种接口设计用户体验的潜在影响。我们还确立了未来一些新闻网页界面设计的方向。关键词：移动网页浏览，网页设计，移动网页界面开发，人机交互，人与网络交互，可用性1、简介随着智能手机，如IOS，安卓和微软手机的日益普及，移动端网络浏览已然发展迅猛趋势很大。据皮尤研究的最新统计表明12，90的美国成年人都拥有手机或智能手机作为浏览工具。越来越多的手机用户使传统上一直通过报纸，电视或台式电脑传播的媒体内容更容易接近人们。一项全国调查显示，约60的手机拥有者都浏览互联网在智能手机上12。最负盛名的新闻机构，包括CNN、Fox、ABC、NBC、纽约时报、今日美国、华盛顿邮报等大型新闻公司，都专门为平板电脑及智能手机开发了自己的移动应用程序和网站。智能手机和平板电脑预计将取代个人电脑所提供的功能，因为它们能够处理几乎所有的主要任务在家里或工作上1。广泛被使用的智能手机对开发移动网站的设计者们发起了不小的挑战：怎么样使移动网站浏览时更便捷、更高效、更具有交互性？为了回答这个问题，我们进行了单独的研究，研究各种移动网页界面设计（研究1）和网页设计（研究2）的移动新闻网站，以了解他们如何影响用户的浏览体验。我们根据现有的学术调查标准和移动网页设计原则的研究（例如，10,4）。我们发现，大部分的研究主要是采用非触摸屏的移动设备（例如，10）或模拟在普通电脑上移动Web内容14。但是，有一个关键需要了解智能手机的最新版本的阅读体验。这项研究是第一个研究之一，以比较移动新闻网站的传统设计并研究其对用户体验的潜在影响。我们还分析了一些最受欢迎的移动电子商务网站，通过我们所得到的实证结果，我们获得了一些常见的设计类型及设计特点。我们希望我们可以为智能手机界面设计师提供有用的建议，这将提高用户的移动新闻网络浏览体验。2、文献综述2.1、移动网页的界面设计按照不同风格的Web网页设计的界面，人们可以使用手指滑动、点击某个链接、翻页、放大或缩小的内容，以达到在智能手机上查看Web页面内容的目的。在本文研究1中，我们介绍了三种基本的移动新闻网站界面设计类型。第一种类型是单页设计，在这种设计类型中，一个完整的新闻事件被垂直地呈现在单个列中。例如纽约时报网站使用的就是单页设计这种类型实现的网站设计。读者将手指向下滑动以读故事。第二类是变焦设计，当他们在阅读小屏幕上的文字并感觉到不舒服时，读者可以放大网站上的内容，像今日美国时报网站，用户可以放大内容阅读。第三类是多页面设计，其中一篇篇幅较长的文章会被被分为几页。在每个页面的底部，用户可以点击导航链接完成余下的内容阅读，例如，美国有线电视新闻网。在研究1，我们研究了这三种类型的界面设计，以确定设计差异是否可以影响移动新闻网站的可用性。然而,我们的主要目的不是为了分离一个移动页面界面设计或评论各网站设计。我们旨在了解每种设计类型的优缺点和研究如何设计提高人们的网站浏览体验度。2.2、网页设计新闻网站的主页是门户，读者可以通过它找到一个特定的主题或文章来阅读。网页设计是至关重要的环节，因为它决定了是否能够快速的定位到有效信息。一个用户友好型的网页通常包含了一个明确的架构包含大量新闻部分的信息。例如，一个对体育类型感兴趣的读者可以通过点击主页上适当的链接，选择体育板块其中一篇文章来进行阅读。在研究2中，我们确定了三种类型的网页设计已被新闻机构用于他们的移动网络显示。第一种类型是列表视图设计，其中包含主页的新闻栏目的名字和文章的标题。在一些特殊情况下，新闻的标题有时会伴随着事件的简要介绍。该列表视图设计，同时提出了大量的信息在网页上。读者能决定他们是否想通过看该节的名称，故事的标题，以及有关新闻的简要介绍来阅读文章。利用这种设计类型的网页通常都很长，所以读者需要导航垂直定位感兴趣的信息。列表视图的设计的一个例子是。第二类是渐进式的设计，其中在智能手机的主页只包含了新闻栏目的名称。在点击一个章节的名字，读者在该段看到了十几条新闻标题。另一个点击一个标题导航至预览文