作者：张一飞，山东舜网传媒股份有限公司新媒体产品经理、副总工程师；宋迎雪，山东舜网传媒股份有限公司设计部编辑；李慧，山东舜网传媒股份有限公司设计部主任

来源：《全媒体探索》2023年2月号

摘 要：本文在分析UI交互设计和产品逻辑现状、阐述UI交互设计和产品逻辑不可分割的关系及诠释UI交互设计在产品逻辑中的应用表现的基础上，提出了UI交互的界面视觉设计应遵循产品逻辑的引导，并充分体现产品的复合价值，赋能媒体融合数字化、视觉化升级。

关键词：媒体融合；UI交互；产品逻辑；用户体验

用户界面(User Interface)设计是指对产品的交互、使用逻辑、界面美观的整体设计，是一种利用媒质存储让人与信息交互的物质工具。UI不仅要有精巧的视觉界面设计，也要有方便快捷的交互设计。产品逻辑是目标客户特定需求的解决方案，它包含业务逻辑、商业逻辑和思维逻辑。产品逻辑是产品的灵魂，保证了产品应用的严谨性和完整性，是一个产品是否成功的关键。产品逻辑需要通过物质媒介来实现其本身的功能，UI设计便是其中的一种。

UI交互设计和产品逻辑的关系

(一)产品逻辑在UI交互设计中不可或缺

现阶段，媒体融合借鉴互联网思维最核心的部分就是用户思维，即“以用户为中心，以体验为核心”。以“用户画像”为例，这并不只是单纯的研究结果，更是一个工具，UI设计师运用这个工具可以确定产品应用的各项具体指标参数。具体来说就是：当目标群体为老年人时，产品界面大多字体醒目，页面元素较少，产品使用规则也简单易操作；而以年轻人为目标用户的应用，多为颜色果敢、页面元素丰富、使用规则复杂的产品。解决方案则可具体细化到产品功能划分、实现功能的步骤等。在功能分类中，则使用邻近原则，通过留白、色块、分割线等方式将相似的信息进行分类并整理布局，将关联性较强的图片、标题、时间来源等内容设置成一组，帮助用户快速捕捉到有用内容。

该原则的使用对视觉界面设计有引导作用，可以为产品带来更好的用户体验。根据追求用户体验的原则要求，相关联的元素应在界面中保持紧密，而不相关的元素应保持相对远的距离。产品设计应在主要问题点上进行重点处理，重视用户需求，突出用户关注点，在UI交互设计中，产品逻辑是至关重要的。

(二) UI交互设计帮助产品逻辑展现更流畅

随着媒体融合走向深入，“打造极致的用户体验”成为新媒体产品能否成功的关键，UI交互设计的地位也逐步提升。

例如，“济南市民防疫服务手册”小程序通过界面一致性交互原则，即统一图标、文字以及结构样式，用户可实时查询到权威数据，强大的功能背后是UI聚焦内容，通过设计的轻量化和易懂易用的界面带来良好的用户体验。所以，好的UI交互设计能够完成业务功能的同时减少界面图形设计的存在感，通过明确新媒体产品的框架，制定图形UI的设计规范，突出UI设计的功能和产品通用性，从而从根本上提升了界面的易读性，使产品逻辑展现更为流畅。

UI交互设计在产品逻辑中的应用表现

UI设计中的细节可以传达产品逻辑，体现不同版块功能之间的联系，UI交互设计的产品逻辑主要体现在其业务逻辑、交互逻辑、思维逻辑等方面。

(一)业务逻辑

产品的不同取决于其本身的业务逻辑，而如何体现这些不同又依赖于UI设计。例如新闻媒体的业务逻辑更注重用户从浏览到分享和评论的过程，为保证这一流程顺畅，各大新闻App也已形成具有鲜明特征的UI设计，他们围绕自己的定位和拥有的用户群体对功能和信息架构作出调整。例如，新黄河将页面版块分为搜索、栏目分类、渡口、视频、奔流号和个人中心等。其中首页的UI设计使用较大展示“面积”体现新闻等主要版块内容，体现其新闻App的特征。App所用字体为宋体，其特点是横细竖粗、对称均匀、清正典雅、气象稳健、字形富有张力，适合大面积排版、阅读，对应了新闻媒体界面上大篇幅文字的特点。

(二)交互逻辑

媒体融合背景下，对于新闻类客户端来说，最重要的是将用户的注意力吸引到新闻上，尤其是文字类新闻，此时UI设计的“隐形”就变得尤为重要。让设计隐形，包括在UI交互设计中要提供给使用者最少的选项，减少用户的选择时间。选项越多，用户行为发展为无意识惯性的可能性就越大。

以舜时针App和舜网小程序为例，在登录页面中，为了尽可能地减少选项，大部分移动端产品的点击按钮设置为一个登录按钮，突出推荐信息，用户不需要思考便可进行选择，大大节约了用户登录所用的时间。另外，如无必要，勿增实体。如果要从功能相同的设计中作出选择，那么最好的选择便是选用最简单的设计。简洁的页面可以突出展示最有用的信息。但是展示信息少并不意味着提供给用户的信息少，如果用户想要了解更多，“更多信息”的链接就可以引导用户查看更多信息。

(三)思维逻辑

新媒体产品需要照顾到多种用户、多种场景的使用。在新闻App的体系中，当有突发重大新闻需要增加页面时，除了新加内容的正常显示，还需要不影响其他常规功能的显示，要考虑到其关闭返回等逆向场景。UI设计的逆向场景体现了一个产品的严谨性。其次，新闻媒体尤为重视的分享、评论、点赞功能需要设计在手机底部，在手机太大无法用手指触摸到手机顶部的场景下格外适用。面对多种人群，字体大小在UI设计方面也有明确体现，以手机端为例，字体大小在750像素的设计图中多以22-36像素之间，并以2像素为间隔递增，这样可以满足大多数人群对文字阅读的要求。

媒体融合下的用户习惯培养

媒体融合背景下，优秀的产品逻辑就是让用户养成使用习惯。而在实际的UI交互设计中，最重要的原则就是“不要让用户思考”。为此，在进行UI界面设计的过程中，要充分实现对不同元素的合理运用，在设计的色彩、大小以及环境布局上，充分立足目标受众的需求，强调UI界面设计的信息流动性以及色彩的冲击力。通过这种方式确保最终的UI界面能充分吸引目标受众的关注，从而促使目标受众在进行UI界面使用过程中，能够有更清晰的视觉效果。

要想确保设计的UI界面有突出而优秀的交互性表现，就要从用户的需求出发，在进行系统界面设计的过程中，要有出色的可认知性。唯有充分确保在UI界面设计上有突出的可认知性，强调对个体行为习惯的尊重，才能合理地进行色彩运用的把控以及设计语言的规划。随着产业发展的提速，用户对于UI界面设计也提出了更多要求。在具体设计过程中，应强调明确的设计方向，要注意针对不同阶层、不同年龄的用户来侧重不同的主题设定和设计元素，所以UI设计必须是有针对性的设计。

此外，还要注意提升产品界面设计的清晰度，让用户能够识别并知道为什么会使用它，并且当用户使用时还要能够预料到发生什么，并成功地与之交互，只有清晰的界面才能够吸引用户不断地重复使用。优秀的界面提升了产品效率，能够激发、唤起用户与世界的联系。因此，在尝试设计应用的周围设计时要谨记屏幕简洁，从而更好地吸引受众的注意力。这也是尊重用户体验的重要方面，这一点不仅能让用户更快乐，而且提供的广告效果也会更佳。

结语

媒体融合时代的UI交互设计，简单易用的产品逻辑运用是很关键的。UI交互设计的过程要针对产品的目标用户需求提供解决方案。根据掌握的既有信息和数据，从目标用户范围、操作习惯、人文素养等维度切入，对用户需求进行深刻剖析从而描绘出准确的用户画像，选择能够在满足产品功能的基础上同时提高产品的易用性的产品设计方案。

综上所述，在媒体融合时代，无论是传统媒体谋求转型还是新媒体谋求突破，在注重提升内容生产水平的同时，更要重视树立“互联网意识”，以极致的用户体验为导向，充分发挥UI交互设计对新媒体产品逻辑的促进作用，推动媒体融合向纵深发展。

《全媒体探索》杂志是由大众报业集团主管主办的新闻传播类专业期刊，国内统一连续出版物号CN 37-1526/G2，国际标准连续出版物号ISSN 2097-048X。2021年8月创刊。

办刊宗旨：聚焦媒体融合前沿，交流实践探索经验，加强新闻舆论引导，打造研究沟通平台，助力媒体全面深度融合发展。

主要栏目：特约专稿、一线聚焦、融合转型、传播视点、舆情观察、新闻实务、视听传播、县级融媒、个案解析、智能应用、传媒法治、全媒人才、经营管理等。

投稿邮箱：qmttsbj@126.com

联系电话：0531—85196441