宠物类APP平台UI设计对用户交互体验的影响

郭威林

（西北大学现代学院,陕西 西安 710130）

1 引言

随着互联网应用的发展，出现了很多受网民喜爱的APP平台。在此背景下，本文以APP“Pet”为例，通过对UI的布局研究，引导受众人群逐步点击后续界面，达到增加APP的访问流量以及购买APP上的各种增值服务次数的目的。

2 宠物类APP UI设计理论研究

APP的UI是用户对APP的第一印象，其设计给用户传达出APP想要表达出的感情、基调、标志、特点等。因此，UI设计应当符合以上表达条件，不同的APP有自己不同的风格。例如，支付宝采取蓝白色的色彩搭配，让人感到清爽、干练，很好地突出了“快捷”的核心；微信也是如此，从LOGO简单的两个对话框让人简单明了地了解这是一个通讯软件，APP界面的表现则能让人直接看见对话框，快速完成社交需要。这两个界面核心主题就是方便生活需求，他们都将核心主题通过UI设计给用户清晰地表达了出来。

可以看出，要设计一款好的APP界面，突出核心最为重要。“PET”APP是一款面向大众，帮助人们更好饲养宠物，感受宠物带给人们温情的集知识、社区、线上交易的软件。其核心是让用户感受到宠物会给自己带来幸福，并以优质的养宠知识、社区交流来吸引对宠物感兴趣的用户，为用户提供放心的产品服务并以此实现盈利，形成良性循环。因此，在UI设计上应该突出知识信息的共享以及综合社区的表达，让APP的不同用户都能第一时间获得自己需要的信息。

2.1 简约性

在如今快餐式生活中，几乎所有人都讨厌等待。从用户体验上看，简约的设计风格不仅仅可以让人们快速找到自己需要的功能，也会是一种流行趋势。一个好的UI设计不仅要有对应的功能，还要有一个简单的界面。要密集有序，有效传递信息，带来有趣的创新体验。

清晰的界面尤为重要。如果一个APP打开后让人无从下手，则会给用户带来与预期不相符的落差感，降低对这款APP的好感度。所以，UI设计不仅要突出产品特色，表明产品内容以此留住用户，还要用简洁的视觉呈现、传达有效的内容，注意界面形式的结构和节奏，让用户的审美体验得以实现。因此，UI设计风格自2013年以来流行扁平化[1]。

2.2 统一性

一个好的UI设计，文本元素、色彩元素、图标元素、图片元素等要统一。风格统一，用户不会产生视觉上的混乱，这样当用户熟悉操作后，就很容易预测下一个操作动作。

如何保证UI设计的统一性？比如，在一个页面中的图标、字体、色彩、排版等形成同一种风格，在另一个界面中可以找到相同的元素，也就可以达成统一。虽然界面不同，内容会有所不同，但是字体、排版可以是接近的，图标、色彩可以求同存异，使用相同的表现手法，以此来树立自己的品牌形象，在用户的心里留下印象，从而形成条件反射。比如，当人们看到黄色的袋鼠时就会想到美团。因此，要做到UI设计视觉的统一，其实就是在用户的视野中重复关键元素，强化界面在用户脑海的印象，并让他们记住界面的独有元素。

3 交互界面设计对用户的影响

3.1 图形LOGO

LOGO作为给用户的第一印象，要简洁，并且要清晰地表现出APP的核心功能与定位。LOGO的设计应与相应功能相匹配，秉持直观性、通用性和一致性原则，满足不同操作系统的设计规范，如尺寸、分辨率等[2]，还要与产品特点相结合，基于产品信息的表达和设计规范，加入品牌元素，如“粉色”“猫爪”等相关元素。“Pet”APP是一款面向对宠物感兴趣的用户群体，而宠物带给人的感受是可爱的、治愈的，所以LOGO设计为可爱的粉色调猫爪，底色为温暖治愈的粉色，表现出可爱的宠物向用户招手，清晰地表达了APP的定位。

3.2 行为层次的交互设计

行为层次的设计与用户的使用有关，这是一款APP的核心，需满足可用性和易用性。可用性对应功能，易用性对应交互设计[3]。所以，了解用户需求才能决定功能。使用“Pet”APP的核心用户是想要了解饲养宠物的人群。

从养宠物的过程中来探索用户的需求，包括：对宠物产生兴趣，了解相应宠物的相关知识，饲养后的护理，应对饲养中出现的特殊情况，饲养过程中与他人交流分享的社交。将用户饲养宠物的问题归纳为四个方面的用户需求。

（1）信息检索：了解宠物的相关知识，寻找自己感兴趣的宠物；

（2）饮食与照料：饲养后如何照看自己的宠物，给它更好的生存环境；

（3）社交活动：互相交流养宠经验，分享养宠趣事，结交同城宠友；

（4）专业针对性：应对宠物疾病等突发状况，提供专业帮助。

将用户需求转化为功能，并按照优先级排布，其中，核心功能包括基于大数据的宠物饲养知识、整合线下宠物服务资源、与他人的社交沟通等。将功能融入到APP的主要模块中，满足APP对于用户的功能性与易用性，如图1所示。

图1 APP顶部功能

（1）养宠知识：满足用户了解宠物饲养知识的相关需求；

（2）宠物社区：可以在这里认识养宠达人，交流养宠经验；

（3）宠物服务：整合线下宠物服务资源，满足养宠的日常需求；

（4）宠物急救：应对宠物疾病寻找附近的宠物医院，进行专业帮助。

3.3 界面交互的流程设计

交互设计的本质是理解和设计用户的行为。设计师在设计产品时要了解用户的心理需求，对用户的行为进行预测和判断，然后进行相应设计，从而满足用户需求，实现目标，为用户创造良好的体验[4]。了解了APP的建设目的之后，就需要将其融入设计当中。进入APP之后，通过填写个人资料创建账号。通过添加宠物来确定展示相应的内容，如对猫咪感兴趣，或者已经饲养了一只猫咪宠物，主页将会以猫咪为主要内容进行推送，提供饲养宠物的必备知识及帮助，以此快速满足用户的第一需求，增加用户的好感，延长用户浏览时间。

此外，每个模块都有内部的交互反馈，如在私信中，可以直接与官方客服沟通获取服务，与好友交流，组建群聊等，以此增加用户的归属感，让用户感到这不是一个冷冰冰的APP，而是一个有温度的温暖的“爱宠大家庭”，如图2所示。

图2 APP内部交互

同时，针对不同养宠用户的需求，养宠知识的内部反馈有多种宠物的饲养知识，将尽量满足用户的养宠需要。进入养宠知识板块后可以选择不同的宠物以及不同的内容，如常识、喂养、驯养、护理、疾病等。

3.4 动态交互

动态交互是指用户在交互界面中通过点击、滑动等交互操作触发的动态反馈效果，除了把握动画效果的运动规律外，还包括自主反馈交互与交互式叙事的故事预演效果[5]。

动态交互是动态视觉反馈给用户的一种实时效果，具有更多的互动反馈。如在哔哩哔哩中点赞时，会出现拟人形象做出相应的动作，让人对自己的交互行为得到了更多的反馈，具有激励和感恩的作用，还增加了趣味性，还有“点赞成功”的反馈信息。在“Pet”APP中，添加了自己的宠物后，则会出现相应的动物叫声，让用户听到宠物的呼唤，更有情感渲染力。

3.5 延伸界面

反思层基于本能和行为层的设计，构建了应用与用户之间更深层、更紧密的关系。它主要以触发用户情感记忆来唤起共鸣，建立自我形象为设计方法，在长期的使用过程中不断提高忠诚度和增加归属感[6]。“Pet”APP中可以利用分享的方式延伸社交圈，如有着独到的养宠经验，有着同样品种的宠物，或者同样喜爱宠物且居住在附近的人。在点击主页上方的宠物社区后可以看见由其他用户分享的内容，并且在定位之后可以看见附近的人，可以在此找到志同道合的人，还可以在这里分享自己的养宠趣事以及评论、点赞、关注。除了提供了内容分享外，这种垂直的社交分享更具有针对性。

4 结语

随着时代的变迁，宠物曾经用于看家护院的功能性已经大大地减少了，而是作为家庭成员，像伙伴一样的存在，成为许多人的情感寄托。伴随着越来越大的宠物市场，互联网上缺乏针对性的应用。本文从视觉风格、交互设计、情感延伸上探索“Pet”APP的UI设计方法并实践，学习了UI设计的相关知识，以了解养宠人群的基本需求为基础，从实用性和娱乐性上满足用户需求，也为将来设计、开发类似互联网产品提供参考。