基于用户体验的商家版小程序界面设计研究

张恩惠 李杨

摘要：为获取菜市场商家经营版小程序交互界面设计的需求，得到关于菜市场商家版小程序交互界面的用户体验设计要素分析和相关设计模型构建的研究依据。基于设计实题提取用户体验设计关键步骤，结合界面层、需求层、行为层、期望层和内容层五个层次构建了关于菜市场商家版小程序交互界面的用户体验设计模型。获得智慧菜市场商户用得上、便于用、乐于用的商家经营版小程序设计开发的方法途径。该方法可为商家版小程序界面设计与功能搭建提供参考。

关键词：用户体验 菜市场商户 交互界面 商家经营版小程序 界面设计

中图分类号：TB472 文献标识码：A

文章编号：1003-0069（2023）05-0124-03

Abstract：In order to obtain the demand for the interactive interface design of the small program of the vegetable market business version，the research basis for the analysis of the user experience design elements of the interactive interface of the small program of the vegetable market business version and the construction of related design models are obtained.Extract the key steps of user experience design based on the actual design questions，and build a user experience design model about the interactive interface of the vegetable market merchant version of the applet by combining the interface layer，the demand layer，the behavior layer，the expectation layer and the content layer. Get the method and approach for the design and development of the merchant management version of the small program that the merchants of the smart vegetable market can use，are easy to use，and are happy to use.This method can provide a reference for the interface design and function construction of the merchant version of the applet.

Keywords：User experience Market merchants User-interface Merchant management version applet Interface design

引言

為更好地落实“互联网+农贸”和“社区服务O2O”的概念，智慧菜市场借助网络科技，以产品服务为核心，以消费者体验为基础，打造了B2B2C的商户线上生鲜购买模式，从而把商家和消费者的不同需要充分融合到一起，以减少整个销售链运行的时间，拓宽商户的销售渠道，便捷消费者的生活半径，延伸菜市场的入户服务，从而提升智慧菜市场的运转效率。同时，小程序的上线也让菜市场在推广宣传、与用户交流、大数据收集分析等方面实现了创新性突破，文章将从用户体验角度出发进行智慧菜市场商家小程序交互界面的相关研究。

一、界面设计中的用户体验研究意义

作为用户在使用商品、系统或服务过程中所形成的一种主观感受，用户体验具有一定个体性和差异性的特点，常被用来作为评判产品或系统是否成功的重要影响因素。事实上，一个产品或系统的评价优劣标准也往往取决于该产品或系统带给用户怎样的体验和感受。优秀的产品或系统往往从人的角度出发，遵循以人为本的设计理念，致力于给人良好的使用体验和美的享受。用户体验是用户评价一个产品或系统设计成功与否的重要因素，是设计师从事设计活动过程中必须纳入考量的关键要素，是践行以人为本的设计理念过程中不可缺少的重要一环。因此，将用户体验设计理念融入智慧菜市场商家版小程序界面设计具有重要研究意义。

二、菜市场商户行为特征及对应界面使用需求分析

（一）菜市场商户行为特征

所谓菜市场商户特征，就是针对商户人群所总结出来的较为共性的特性分析，主要表现在以下几个方面：

1.工作繁忙，日常工作内容较为琐碎：部分经营类型的商户例如蔬菜、水果等食品经营商涉及到每日进货、清点货物、商品的售卖等一系列工作，工作繁忙，闲暇时间较少。另外，菜市场商户在日常工作中往往体力劳作和使用移动端小程序查看商品售卖进度或进行其他操作行为穿插进行，工作内容较为琐碎，在使用小程序的过程中容易被扰乱注意力，忘记操作路径。

2.学历普遍偏低，知识文化素养较为薄弱：菜市场商户大部分人群受教育程度为高中甚至高中以下学历，新事物接受能力相对较弱，对复杂事物的学习掌握较慢，针对接受新知识需要付出较大的学习成本和时间成本。

3.对新产品使用的恐惧感较高：部分商户认知水平较低，学习能力偏弱，新鲜事物出现的未知性往往使他们感到学习焦虑，担心自己无法掌握，学不会，从而在使用新产品的过程中容易产生恐惧感。

（二）菜市场商户行为特征对应界面使用需求

1.入门学习直白轻松：繁琐复杂的小程序界面设计容易使商户产生学习压力，打击其学习热情。因此，小程序界面设计应具有易学性、易用性，应使菜市场商户轻松较快地学习掌握，以消除他们使用商家版小程序过程中产生的“恐惧感”，从而增强菜市场商户的使用意愿。

2.操作命令简单通达：为使商户尽快熟练操作使用智慧菜市场商家版小程序，界面设计应具有简单直观性。应通过将商家版小程序界面元素、功能设置、操作方式、交互反馈等方面的设计简单直观化，从而让菜市场商户不必要花费较多学习成本即可掌握，在使用菜市场商家版小程序的过程中使其线上店铺的经营效率事半功倍，进而提升菜市场商户对智慧菜市场商家经营版小程序的依赖度和忠诚度。

3.界面逻辑架构亲切：好的产品能够给人亲切的使用体验，是使人容易接受的。清晰的界面逻辑架构将会拉近商户与小程序产品使用的距离，减少商户在使用智慧菜市场商家版小程序过程中所产生的不确切感，消除陌生产品对于他们使用过程中所产生的冰冷感，从而提升他们对于产品使用的愉悦感和幸福度。

三、已有菜市场商家版小程序交互界面设计表现

（一）已有产品交互界面设计主要问题

通过调研得知，众多品牌下的菜市场商家版小程序普遍存在界面操作交互性较弱、相关体验较差的问题，总结如下：

其一，菜市场小程序界面逻辑架构不清晰，存在界面导航设计繁琐、功能关聯性不强的问题。其二，主次功能界限不清。商户较为关心且日常使用频率较高的功能点未放在视觉显要位置，需要耗费商户额外的时间精力操作使用，降低了用户体验。其三，界面功能设计冗余，存在无效功能堆砌的情况。相对于设计上要注重考虑用户获客、留存和转化，功能设计丰富的菜市场消费者端小程序，商家版小程序更加偏重实用性。一味增加繁琐功能的罗列将在界面上削弱关键功能的直观度，对商户增加了无效信息的干扰，从而影响智慧菜市场商户的日常操作使用。其四，界面过于追求美观性，配色较为花哨。考虑到菜市场商户的日常工作环境，鲜艳靓丽的配色体系容易使商户产生眼花缭乱的视觉感受，带来感官上的不适，且容易诱发商户心理上的焦虑感。

（二）产品交互界面设计开发趋势

面向智慧菜市场商家版的小程序交互界面的设计研究，一是希望通过对菜市场商户的心理、生理和行为特征的分析，发现菜市场商户在日常使用小程序进行售卖工作过程中的痛点，明确菜市场商户对于智慧菜市场商家版小程序的使用需求，从而设计一款菜市场商户真正喜欢用、乐意用的商家经营版小程序；二是结合国家大力倡导智慧民生的当下时代背景，通过对商家版小程序交互界面的设计研究，对小程序界面、功能设置、操作方式、交互反馈等方面做出有效改进，让菜市场商户更加积极热情地学习操作使用小程序，将有利于加快菜市场更加智慧互通化、数据直观化、经营规范化、管理透明化的发展进程，真正实现惠民生、利民生的伟大工程。

四、基于设计实题提取用户体验设计关键步骤

通过为库农天下（天津）农业科技有限公司旗下智慧菜市场设计的商家版小程序界面“吃有道”阐述用户体验设计关键步骤。吃有道项目是库农天下公司旗下传统菜市场向智慧菜市场转型的必经桥梁工程。其中，吃有道商家版小程序使用人群为菜市场商户，界面简洁，以满足商户日常操作使用过程中的主要功能为设计出发点，摒弃华而不实的不相关功能罗列。以下将结合吃有道商家版小程序界面设计进行该课题商家版小程序交互界面的用户体验设计关键步骤研究。

抽取库农天下公司旗下现有8个菜市场近500名菜市场商户作为用户研究样本，通过调查问卷和现场访谈的形式对菜市场商户行为习惯、生理及心理需求特征进行调研并选取典型研究对象形成用户画像。通过调研得知，清晰直观的信息架构、简单明了的操作路径、亲清关联的视觉感受、通用设计本土化应用四个方面可被提取为面向菜市场商户的智慧菜市场商家经营版交互界面的四个用户体验设计关键步骤。

（一）清晰直观的信息架构

搭建清晰直观的信息架构是研究智慧菜市场商家版小程序的首要前提，将有利于解决小程序界面逻辑设计混乱不清的问题。菜市场商户的日常工作非常忙碌，因此，为商户设计一款拥有清晰直观信息架构的小程序产品至关重要，建议采用扁平化设计。通过将小程序界面的导航设计简单清晰化，可使商户快速地注意到所关注的信息，找到试图操作的栏目，进入目标页面，从而减少了过多的时间和精力投入。

其次，小程序界面的功能设计上要注重突出实用性，摒弃繁琐复杂以及与设计意图不相关的的单纯性功能罗列，以满足菜市场商户对小程序使用的核心需求为优先考虑。作为负责线上店铺经营管理的菜市场商户，较为关心的是店铺交易数据、日交易额、交易订单，商品售卖比例等，因此，交易数据应置于醒目区域，且能做到一眼直观。从商户使用行为方面看，商户每日需要进货、发布商品价格、管理商品数据、查看订单数据和状态，因此对于商家经营版小程序使用过程中涉及到此类行为的功能模块应置于首页视觉中部区域展示，相关重点信息数据作放大或颜色突出标注提示。此外，考虑到商户个体认知水平的差异性，小程序设计中要加入辅助学习操作指南等相关引导模块，使商户对于小程序的使用操作逻辑了然于胸，降低小程序的使用难度。

（二）简单明了的操作路径

操作路径简单明了化作为用户体验设计关键步骤之一，将有助于小程序产品去繁化简，消除用户操作过程中由于迷失方向可能带来的疑惑，优化产品的体验感。良好的操作路径应有效地告知用户下一步要干什么以及如何有效地返回信息层的上一步。因此，在界面设计过程中，应采用循序渐进的界面引导结构，尽可能简化操作流程。同时考虑到菜市场商户在操作时存在忘记操作路径的可能性，小程序界面功能按钮设置的层级应不超过三层；同时要设置可以一键直达主要功能或退回到小程序首页，缩短商户对小程序的目标行为操作时间；另外，考虑到部分商户需要佩戴手套的工作场景，如水产类商家在进行水产品或海鲜类清点称重时，为防止手被刺伤，常常需要佩戴防护手套，考虑到类似的操作行为环境，小程序界面设计建议采用单击、手指拖动等简单操作手势，放弃单指长按、手指多次点击、双指捏合，甚至三指、多指操作等复杂手势的使用。

（三）亲清关联的视觉感受

将亲清关联的视觉感受纳入用户体验设计的关键步骤，解决了由于小程序视觉层面设计不合理而导致的商户体验较差的问题。亲清关联的视觉感受是指小程序界面的视觉设计上要注重突出“亲”和“清”，首先应使菜市场商户看得清楚，感受到亲切。“亲”是在界面设计上加入了情感因素，也是尊重菜市场商户的重要体现。“清”是指界面设计的视觉感官层面，不同的界面设计风格、色彩搭配、布局归置、字体字号以及图标设计都会带给用户不同的视觉感受，而这些元素设计也是“清”的重要体现。“亲”和“清”二者紧密联系，缺一不可。“清”是“亲”的前提条件，“亲”是“清”的情感升华，是立足于商户心理层面出发所作的设计考量，也是人性化关怀设计中不可缺少的关键设计要素。在界面基调上，商家版小程序重在查看经营效果和相关工作内容的运营，操作意图和行为较为固定，因此设计上应尽量保持小程序功能简单明了，结构和色彩具备一致性以及相关页面的切换形式相统一。

在色彩设计上，应对菜市场商户的经营心理加以揣摩，结合其视觉特征，色彩应稳重，而非采用花哨鲜艳的配色方案，避免造成商户视觉上的眩晕感。相关设计元素的运用上也应简单明了。实践表明，白色背景搭配深色文本（如图1、2）的配色模式，会使得相关数据显示更加直观，方便商户阅读，从而大大提高了商户对于页面重要信息的捕捉能力。

此外，为了提升菜市场商户的阅读效率，在界面布局设计上尽量采用表格式；对齐方式上采用界面设计中的标准左对齐；在页面元素布局上，考虑菜市场商户往往多线程操作，且一部分商户年纪较大，视觉不够敏感，建议适当增大不同元素之间的设计距离；界面的文字设计应当简洁精炼，选择清晰直观的字体，对于标题、标签和重要信息要进行加大、加粗字号处理、把握适当的行间距；对于文字内容上的设计，相关表述应当通俗易懂，尽量不使用专业术语或其他晦涩难懂的词汇，不采用文字缩写或略写；在界面元素的按钮设计上，考虑加入动态的视觉感受，例如菜市场商户手指滑动到指定按钮处时，目标文字可以放大显示，在商户手指离开目标对象时，之前放大显示的文字又可以恢复到原始呈现的状态。

（四）通用设计本土化应用

通用设计本土化应用作为用户体验设计的关键步骤，主要是基于小程序产品设计的情感性考量，避免商户在产品使用过程中产生冷漠印象。通用设计本土化应用提倡设计师在从事设计活动过程中需要充分考虑设计的易用性，即设计的产品应易学、易用，应尽可能减少用户错误操作产生的概率。商家版小程序界面融入“以人为本”的设计理念主要体现在目标界面设计需清晰的告知商户要呈现哪些信息，呈现信息的要求，提供哪些操作功能等。

第一，系统状态的即时响应度：即针对当前操作页面的所停留位置正在进行以及接下来要发生的事情要给与用户有效告知，若由于用户所处网络原因等导致的页面加载过慢问题，系统可在页面加载过程中向用户提供清晰明了的进度条或数字加载反馈。另外，针对可进行操作的页面元素部位给与用户有效信息指示。如图1，可以通过点击展开二级页面的操作点放置了按钮提示或指引符号，以此告知商户此处可以点击查看更为详细的信息。第二，具有良好用户体验的界面设计同时，作为TO B产品的最重要一条是可以帮助用户减少不必要的错误操作。例如，在小程序界面表单设计时，能尽量让商户通过下拉选择完成目标行为的不让用户手动输入，商户自行输入的内容越多，出现信息填写的错误概率越大且往往不易识别判断。第三，从用户体验角度出发，小程序界面设计还应能帮助商户及时发现并识别错误，且能提供挽回错误的有效途径，防止商户产生更多操作失误。即使错误操作无法挽回，系统也应配以相应的易懂文字说明告知商户原因或帮助用户退出，而不是展现给用户一串冰冷的代码报错提示。

五、菜市场商家版小程序交互界面的用戶体验设计模型构建

图3为面向智慧菜市场商家版小程序交互界面的用户体验设计模型的初步构建。首先是对菜市场商户的需求挖掘和分析阶段，明确用户需求和愿望，将对“菜市场商户”群体进行的调研和访谈作为设计开始，通过实地走访各个菜市场，观察菜市场各售卖品类的商户日常进货、售货、清点货物行为，另外，采用对部分商户语言上沟通采访的方式，目的是了解用户行为和心理特征，生成用户画像。在对商户实地调研和采访的过程中，发现商户生理层面和心理层面的设计痛点，明确设计需求，从而梳理整合出智慧菜市场商家版小程序界面设计的基本信息逻辑框架，明确小程序界面设计的主要功能和辅助功能。

其次，在小程序界面设计上除了要考虑菜市场商户的感官生理特征和情感需要的心理需求，还要注意满足小程序界面设计带给商户使用上的交互安全需要。界面设计上，对涉及到相关信息删除的按钮需进行二次操作确认，对商户经营数据和营业额等设置隐私防护操作，例如可向商户开放开启或关闭数据显示的功能或允许商户使用密码防护的方式。除此之外，菜市场商家版小程序界面交互设计应考虑商户的行为操作习惯。如界面设计应遵循商户视线流动规律，重要的高频率使用或其他商户较为关心的界面信息置于页面视线显要位置，提升商户对于小程序使用的流畅度和操作效率。通过挖掘商户的日常行为信息，获得商户对菜市场商家版小程序设计的关键信息需求，从而提升菜市场商户对于小程序的满意度和用户体验，并将商户的满意度和用户体验作为小程序设计、更新和迭代的重要参考维度。

另外，在确定了智慧菜市场商家版小程序设计的基础需求后，接下来是对界面的设计和优化。对小程序界面进行设计时，不仅要对界面功能罗列清楚，有清晰的功能逻辑框架，还要考虑界面的结构合理性。如界面导航栏放置数量不宜过多，页面元素排列不宜过于饱满，以人眼视觉感知舒适度为评判指标。界面的交互设计应符合商户的认知标准，能够承载商户进入小程序首页查看经营数据、交易额、发布商品和管理商品以及水电缴费等一系列流程的流畅性体验。以上作为小程序设计的用户体验重要影响因素需要设计师在进行相关界面设计时被充分纳入考量。用户体验理念应贯穿菜市场商家版小程序界面设计始终，希望通过界面层、需求层、行为层、期望层和内容层五个层次，获得小程序界面设计和后期迭代优化的重要设计信息来源。

最后，应充分考虑使用者在产品使用过程中所形成的体验感受与满意度。体验感是用户对产品使用的主观感受，与自身情绪感知、界面信息设计和周围环境密切相关。作为一种即时的当下感受，体验感的产生虽源于当下对于产品使用的瞬间心理体验，但往往决定了用户对于当下产品使用的主观心理感受，是决定用户是否再次使用产品的重要因素。满意度与体验感相互关联，一个产品能使用户产生良好的体验感，另一层面上也会大大提升用户对于产品使用的满意度。在进行智慧菜市场商家版小程序界面设计过程中，菜市场商户自身情绪感知是影响体验的主观因素，包括其年龄、学习文化水平、情绪稳定性、行为特征、身体感官特征。除此之外，还包括商户个人的社会阅历及对自我实现的需要程度等。可以从产品设计的可用性、易用性、直观性、通达性、情感性等多种参考维度出发，来提升菜市场商户对于小程序产品使用的体验感和满意度。

总结

网络日新月异的发展使得人们的消费观念也不断提升，在此背景下智慧菜市场也应运而生。随着未来菜市场的发展更加互联网化，智能化，面向智慧菜市场商家版小程序交互界面设计研究也将成为重要课题。设计师必须通过深入研究菜市场商户的物理性和内在情绪性特征以及日常行为操作模式，设计出一款真正适合智慧菜市场商户使用并能得以盛行推广的小程序产品。另外，作为目标设计人群，菜市场商户应被邀请加入小程序设计的全过程，在从事设计活动的整个流程中做好菜市场商户的言行记录工作，以用户反馈作为设计和更新迭代小程序产品的重要指向标。未来随着互联网新兴技术的发展，智慧菜市场商家版小程序的交互界面设计将更加注重人的尺度的设计，从而真正实现科技惠民，技术利民，为菜市场商户实现智慧经营带来便利。

基金项目：天津市艺術科学规划项目“需求调查数据导向下天津智慧社区本土化设计研究”（E22018）。

参考文献

[1]钟颖.聚焦场景化零售 打造智慧菜市场[J].中国集体经济，2020（10）：56-57.

[2]华江林.面向老年用户的手机银行APP交互界面设计研究[J].工业设计，2021（09）：88-90.

[3]陶雪琼.基于普适计算的无界面交互设计研究[J]. 设计.2020，（07）：100-103.

[4]郎丰利 智慧农贸市场信息化平台建设综合解决方案https：//www.doc88.com/p-00329988529031.html 2021-11-12

[5]李克.基于用户体验的互联网产品界面设计研究[J].《互联网周刊》，2021（10）：53-55.

[6]陈雪，周美玉.基于用户体验的界面设计因素分析 [J]. 设计.2019，（01）：81-83.

[7]郗彩莲，陈明江，吴泽曼.基于蒙德里安风格的书城阅读 APP 界面交互设计研究[J]. 设计.2021，（01）：28-30.