基于用户体验的互联网产品界面设计研究

　　摘要：网络技术的发展为人们的工作和生活带来了更多的便利条件，从产品网络发展的角度上来看，其所获得的发展成效主要决定于产品本身的界面设计，要求界面设计能够满足人们的感官需求，从而更好地推动产品发展。本文首先对于用户体验、互联网产品以及产品界面设计的概念进行阐述，同时对基于用户体验的互联网产品界面设计需要遵循的基本原则进行分析，最后对基于用户体验的互联网产品界面设计进行研究。希望通过本文，能够为基于用户体验的互联网产品界面设计提供一些参考和帮助。

　　引言

　　科学技术的发展为网络技术发展奠定了良好的基础，从而在市场中逐渐兴起了发展网络产品的网站，使得互联网产品更多地出现在了人们面前。随着人们生活品质的提高，人们对于产品的需求除了产品使用价值之外，还包括购物过程中的感官体验，所以在互联网产品发展的过程中，做好产品界面设计是非常重要的。

　　1. 什么是用户体验

　　所谓用户体验，是指人们在应用产品服务的过程中得到了回应，产品服务应用包含了对产品本身的应用和对期望产品的应用，这个过程主要遵循的是用户至上的基本理念，所表达的感受也是基于用户体验来形成的。随着网络技术的发展，企业对于产品用户体验有了更高的重视程度，在互联网产品设计的过程中，需要按照用户的需求来进行，且用户体验最为关注的是应用产品时所获得的用户认可度。

　　2. 什么是互联网产品

　　所谓互联网产品，是指在网络发展过程中出现的网络产品，其特点在于功能性强和变化速度快，能够更快地完成数据信息的传输。互联网产品设计需要以用户体验为依据，随着产品逐步的发展，应该进行系列产品的开发，从而实现网络销售效果的增强。实际的活动主要包括了产品需求分析、原型设计、交互DEMO、视觉界面、切割编码、用户测试、发布追踪等等，从而形成最终的互联网产品的设计。随着科技的发展，互联网产品不再单纯地将内容作为主要的导向，而是进一步提升用户体验设计，随着交互性上的提升，得到更好的市场认可。因此在互联网产品开发设计中，应该将用户体验作为主要内容，才能够真正设计出满足用户要求的产品，推动互联网产品的销售和发展。

　　3. 什么是产品界面设计

　　用户和产品之间所进行的信息互动和交流需要通过界面这一媒介来实现，界面是人和计算机之间进行互动的基本平台，产品界面设计是指在网络产品销售中其界面给人的一种直观的感官度，在界面设计中应该重视为用户传递相关信息。在产品设计时，应该基于客户的角度出发，除了要考虑产品功能，也应该确保产品发展能够贯穿于整个界面设计体验过程中，将设计者的思想表现出来。除此之外，在界面设计时要考虑到民族文化习惯，使得界面设计具备更强的针对性，把控好用户的产品体验。

　　4. 互联网产品界面设计时需要遵循的基本原则

　　首先，要保持整体的一致性，互联网产品界面设计的目的是让用户得到更好的体验，所以需要重视页面的整体布局设计，遵循一致性原则。从设计师的角度来看，需要确保页面当中整体结构的合理，无论是字体、颜色还是图表等方面的设计应该保证视觉上的统一性，尽可能地提升用户的体验满意程度，同时也要做好各项元素之间的协调。

　　其次，要确保操作的便捷性，产品界面中用户需要进行多次登录和操作，所以在界面设计中应该充分考虑到操作的便捷性问题，尤其是关于操作路径的设计，帮助用户更加顺利地登录和操作，如设置一些快捷键等，为用户的操作带来便利条件。

　　再次，要确保反馈具备足够的及时性，互联网产品界面中所包含的信息有着很强的时代特征，在其中加入信息反馈是非常重要的，具体应该根据用户的关键动作及时给予反馈，例如在进行选项的点击时应该具备针对性的后台操作，或者设置确定或者取消等选项，以此来对用户需求进行明确，如果用户在界面操作中出现的错误，可以通过取消的方式进行反馈，从而回到上一步重新进行操作，这同样也有利于反馈信息的处理。

　　最后，是短期减压的基本原则，从用户的角度来看，会对产品界面的操作过程形成一段时间的记忆效果，但该记忆并非是连贯性的，对于用户而言是非常重要的挑战，一些用户最初接触到互联网的产品界面并不了解其中的功能，这些片段记忆会对用户形成一定的强记压力，这对于用户后续的操作会带来非常不利的影响。所以在设计中应该重视提升用户对操作界面的了解程度，并且在界面设计时应该保持简单的风格，尤其是在设计主界面时，要尽可能的降低用户记忆负担，帮助用户更加轻松的操作，找到所需要的产品信息。

　　5. 基于用户体验的互联网产品界面设计研究

　　5.1 以用户感官体验为基础的版式设计

　　在进行版式设计的过程中，应该充分考虑到用户的视觉流向问题，遵循从左到右和从上到下的顺序，以此为基础来着重突出内容，从而引起用户的注意。具体方式如下：首先是同字形布局，主菜单设置在顶部，下方的左侧为二级菜单，右侧为栏目链接，中间为主要进行推荐的内容，这种布局的方式更加清晰，同时操作起来也十分方便，有着视点对称的优势和特点，所以这种布局方式目前应用的十分广泛。例如京东商城所采用的就是屏幕分割的方式来进行排版，能够实现内容的灵活组合，对图片和文字的显示提供方便。同时知乎、豆瓣等网站也都采用的这种版式。其次是栅格多列的页面布局方法，这样能够在版面当中同时呈现出更多的内容，不但形式较为美观，阅读起来也十分方便，有着很强的可操作性，比较适合应用于网购平台基础展示页面。

　　5.2 以用户感官体验为基础的色彩设计

　　在互联网产品界面设计中，色彩的合理搭配能够为用户带来非常好的印象，从而吸引更多的用户使用。通常来看，以用户体验为基础的界面色彩设计需要考虑以下内容：首先在色彩设计时需要具备足够的针对性，要了解该互联网产品所面对的群体，并了解该群体的习惯和情绪，从而明确适合产品及用户体验的色彩。例如，知乎网主要是进行一些知识和经验的分享，那么就会采用代表理性的蓝色作为界面的主要用色。其次在色彩设计时要具备足够的舒适性，按照人体的生理学和工程学来开展这一设计环节，按照人类视觉生理特征来进行色彩的选择，以减少疲劳感，并提升产品的舒适程度。

　　5.3 以用户感官体验为基础的字体设计

　　在互联网产品界面设计中，字体承担着信息传达和内容说明的关键性作用，设计的是否合理直接决定了用户的阅读体验，以用户体验为基础的字体设计需要从以下几个方面着手：首先是对于字体的选择，在互联网产品界面中常用的字体包括了黑体、宋体、圆体和书法体这几类，在选择字体时，需要考虑到用户平时的阅读习惯，同时也要结合一定的审美习惯，为了让用户寻找起来更加方便，一些标题较大的内容会选择黑体加粗，剩下的正文等一般会选择黑体或者宋体。例如，国内各大新闻门户网站应用的就是黑体，以便人们进行点击和浏览。其次是对于文字的编排，一般来说互联网产品界面设计会涉及字体、字号和文字颜色等方面，要求设计人员能够对各种文字的位置进行合理性的安排，让其能够更快地找到所需内容。例如，通过视觉生理学原理来按照从高纯度色彩到低纯度色彩的顺序进行内容编排，让用户被这些色彩文字所吸引。也可以利用颜色来进行分类，为用户的操作提供便利。另外，也可以通过字间距、行间距等段落设置来突出内容，从而对用户阅读过程进行大大的简化，缩短用户的阅读时间。

　　5.4 以用户情感体验为基础的界面设计

　　用户在互联网产品界面进行操作时，所进行的人性化互动即为情感体验，互联网产品界面设计应该以情感体验为基础，让用户在互联网产品界面中获得更好的情感满足。以情感体验为基础的互联网产品界面设计，主要表现在人性化设计方面，特别是目前进行互联网产品消费的多为青年人，他们的产品需求除了功能之外，还包含着一种潮流和个性，所以要求产品界面设计中具备与众不同的设计元素，从而满足这部分用户的需求。不管是界面布局还是色彩交互都必须结合人们的情感需求，要给人一种似曾相识的感觉，而不是一种陌生感。通常来看，互联网产品界面设计的操作越简单，越接近人们平时的操作习惯，那么该界面也就更加符合人们的情感需求。

　　5.5 以用户情感体验为基础的引导词设计

　　对于互联网产品界面而言，其空间十分有限，所以空白的部分非常少，一些人在对面空白部分时会比较迷茫，如果能够在该区域加入引导词则能够帮助用户建立认知，从而更加迅速地做出反应。结合多种场景可以对引导词进行分类，首先是输入模板，就是为用户提供输入内容的模板，内容是用户常用或者约定俗成的，以此来和用户之间建立心智模型关系，可直接将模板内容输入进去，从而节约用户的思考时间。例如，网易邮箱的登录界面所采用的引导词不但提醒用户需要输入的内容，也大幅减少了用户输入所需要花费的时间。其次是诱导输入，一些输入框需要进行多行文字的输入，为了减少用户的紧张情绪，可以在其中设置引导性文字，从而激发用户的输入欲望。

　　5.6 以用户情感体验为基础的附件控件设计

　　为了用户能够操作起来更加方便，会在互联网产品设计中加入控件附件，从而对用户的操作过程进行简化，满足用户情感上的需求，例如提醒控件和删除控件都是非常频繁使用的。删除控件主要解决移动终端大段文字删除的问题，可结合用户需求来在输入框中设置删除按钮，以便于内容删除的操作。提醒控件则主要发挥的是提醒作用，一些界面设计存在一些限制，例如微博字数限制等等，为了防止用户出现无效操作，会通过提醒控件来提醒用户操作，从而提升用户操作的便捷性。

　　结语

　　互联网时代的到来，促进了互联网产品的发展。互联网产品界面的设计对于用户来说也显得更为重要。互联网产品界面设计的满意度，不仅体现在能够满足用户的具体目标完成上，还体现在优化和改善用户体验，当用户的预期不断被满足时，用户就会喜欢上这个产品，进而成为产品的忠诚用户，不断为产品输出价值。时代的进步，只注重产品界面设计的功能性已经远远达不到现代用户的需求。用户体验从某种程度上决定着互联网产品的发展走向，引导互联网产品设计人性化发展。

　　参考文献：

　　[1]周黎铃.基于用户体验的扁平化互联网产品界面设计研究[D].浙江:浙江工商大学,2014.

　　[2]殷佳丽.基于情感化设计的儿童互联网产品界面视觉设计研究[D].江苏:苏州大学,2014.

　　[3]徐焕.互联网产品中图形用户界面的前期设计流程[J].设计,2016(22):128-129.

　　[4]朱长永,张欣,班乃明.移动互联网产品的“外衣”--图形化的界面设计（UI）[J].电脑知识与技术,2015(12):214-215.

　　[5]甄珍.基于移动互联网软件产品的UI设计要素与要点探究[J].数字通信世界,2021(2):255-256,261.

　　[6]李婧.网页界面的交互设计在茶产品互联网营销中的应用[J].福建茶叶,2016,38(9):63-64.

　　[7]严甜甜.移动互联网产品界面的视觉设计探析[J].大众文艺,2016(10):96.

　　[8]贾丽娜.移动互联网软件产品中的UI设计探讨[J].电子商务,2020(10):66-67.