关于UI交互设计在网页UI设计中的优化研究_kaic.docx

《关于UI交互设计在网页UI设计中的优化研究_kaic.docx》由会员分享，可在线阅读，更多相关《关于UI交互设计在网页UI设计中的优化研究_kaic.docx（43页珍藏版）》请在优知文库上搜索。

1、本科毕业论文（设计）关于Ul交互设计在网页Ul设计中的优化研究院另U：专业班级: 学生姓名: 学 号: 指导教师:二。二二年八月毕业论文（设计）原创性声明本人郑重声明：所呈交毕业论文（设计），是本人在指导教师的指导下，独 立进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文不包含任 何其他人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个 人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本 人承担。作者签名：2022年8月X日指导教师承诺书本人郑重承诺：指导该学生所呈交的学位论文均在本人指导下，且符合 xxxxxxxx毕业论文（设计）管理制度要求，未

2、发现论文买卖、代写等学术不端 行为。指导教师签章：2022年8月X日当今世界是一个飞速发展的世界，由于互联网信息技术的快速发展与越来越 普及的网络使用率，地球上每一秒都在进行着信息爆炸。人类除了用传统方式与 人类自身以及自然环境进行沟通获得信息以外，同时又多了一种获得信息的新方 式一一与电子计算机及沟通。并且随着网路技术的日益成熟，人们日常生活与网 络的联系愈趋紧密，这种沟通能力的发展需求也在逐渐变强。一种的新的学科概 念由此而诞生即人机互动学。它包含着软件的操作界面设计，网站的页面设计以 及操作功能设计，交互界面设计现在作为一个新的设计模块与编码设计一样受到 了各种网络开发者与运营者的重视。

3、其原因很简单，首先在最直接的实用方面, 人们使用电脑下达操作命令的时候必然是要通过某种界面，只有通过界面中的图 标、链接以及程序等方式来进行直观的操作，才能达到我们所想要的目的，而且 设计越简单，越容易让消费者去使用的网页界面会更加受到消费者的亲睐。其次 在包装上，网页产品交互界面设计在某种意义上就如我们生活中的实际产品外包 装一样，它是产品给人的第一印象，是消费者对产品是否符合审美标准的直观体 验，是产品个性的主要传递方式。也是建立品牌形象的有效途径。而虚拟网站的 操作界面是网页产品的包装，界面设计美观对网站的点击量与建立知名度有着直 接的提升。本文通过网页设计里交互界面设计的多种表达方式，

4、分析成功网站交 互界面设计的典型案例，归纳和总结其中正确的指导原则，解决交互界面设计如 何让用户操作更加方便、使用网页的审美满意程度如何提高这一问题，以达到网 页与使用者之间更好的交流互动效果。界面交互设计是网页设计个性和特点表达 的一种方式，并且提高了人们与网络交流的效率，增强了网站的点击率和品牌竞 争力。关键词：虚拟网络 交互界面 操作简单 外包装 品牌竞争力AbstractTodays world is a rapidly developing world. Due to the rapid development of Internet information technology a

5、nd the increasingly popular network usage, information explosions every second on earth. In addition to communicating with human beings themselves and the natural environment to obtain information in traditional ways, human beings also have a new way to obtain information - computer and communicatio

6、n. And with the increasing maturity of network technology, the connection between peoples daily life and the network is getting closer and closer, and the development needs of this communication ability are gradually becoming stronger. A new subject concept was bom, that is, human-computer interacti

7、on. It includes software operation interface design, website page design and operation function design. Interactive interface design is now valued by various network developers and operators as a new design module and coding design. The reason is very simple. First of all, in the most direct and pra

8、ctical aspects, when people use computers to issue operation commands, they must pass through a certain interface. Only by intuitive operation through icons, links and programs in the interface can we achieve what we want, and the simpler the design, the easier it is to eliminate. The web interface

9、used by consumers will be more favored by consumers. Secondly, in terms of packaging, the interactive interface design of web products is in a sense like the actual product outer packaging in our lives. It is the first impression of the product, the intuitive experience of consumers on whether the p

10、roduct meets aesthetic standards, and the main way to convey product personality. It is also an effective way to build a brand image. The operation interface of the virtual website is the packaging of web products. The beautiful interface design directly improves the number of clicks and popularity

11、of the website. Through a variety of expressions of interactive interface design in web design, this paper analyzes typical cases of successful website interactive interface design, summarizes and summarizes the correct guiding principles, and solves the problem of how interactive interface design m

12、akes users more convenient to operate, and how to improve the aesthetic satisfaction of using web pages, so as to achieve the network. Better interaction between pages and users. Interface interaction design is a way to express the personality and characteristics of web design, and it improves the e

13、fficiency of peoples communication with the network and enhances the click rate and brand competitiveness of the website.Keywords: virtual network interactive interface simple operation outer packaging brand competitiveness摘要1Abstract21绪论21.1 研究背景21.2 研究目的31.3 国内外文献综述41.3.1 国外研究现状41.3.2 国外研究现状52对UI交

14、互设计及网页UI设计相关理论的概述62.1 UI交互设计的概述62.2 网页Ul设计相关概述72.2.1 网页交互界面的概念72.2.2 界面设计与交互设计82.2.3 网页交互中信息的表达方式1()2.2.4 交互界面设计的应用1()2.3 用户体验概述123目前网页Ul交互设计存在的问题133.1 视觉感受不舒服的问题133.2 排版上存在的问题1433交互体验上存在的不足154、影响网页Ul交互设计的因素164.1 视觉感受164.2 认知模式204.3 学习习惯224.4 操作习惯225、提出优化设计方法295.1 让用户第一感觉舒适的色彩搭配295.2 简洁合理的布局与排版295.3

15、 辨识度高的图标设计305.4 环环相扣，持续引导客户浏览网页325.5 设置小节，缓解阅读疲劳325.6 用户误操作后如何避免损失326、测试优化方案的有效性336.1 在网站上测试优化方案的可行性346.2 根据用户反馈再次优化方案34总结36参考文献39致谢421绪论1.1 研究背景在网络迅速发展的今天，人们已经越来越离不开各式各样的网络型多媒体工 具。而这类新型工具中，最受青睐使用最多的则是计算机网络技术。互联网发展 到今天已经逐渐主宰着当今社会的各个层面，人们以计算机为媒介连接到网络从 而获得必要的信息。但当人们通过各类网页各种软件相互交流时，以怎样的形式 通过电脑在互联网上进行交流

16、也成为了人们进行关注的问题。网页交互设计的重 要性逐步得到了人们的重视，不光是从操作的方便快捷的角度来考虑，更多的客 户都流向交互界面设计实用美观的网站去浏览和消费。随着各类网页和软件的功 能越来越强大，人们对它们外观界面的设计越要达到美观且操作方便的要求。本 课题是将实际问题与查阅国内外资料进行综合归纳后进行的，将网页设计中的交 互应用作为研究重点。网页作为一种互联网的最大操作界面，交互设计应用是否 成熟已经直接影响到它的生存模式。人机交互设计和界面设计已发展和兴盛起来，这是必然趋势。当第一个网页 在理性的传达着各类信息给使用者时，就需要通过人与机器进行交互过程来实现 了。在互联网刚刚起步普及时比尔.莫格里奇就曾经提及“Soft Face”这一概念， 而这个概念的核心思