“互联网+”时代的UI交互设计法则——以家居购物类APP界面设计为例

赵玉洁（天津师范大学津沽学院，天津 300387）

截至2019年6月，我国的网民人口规模已经高达8.54亿人，较2018年年底进一步增长2598万人；目前我国的手机网民人口规模已经高达8.47亿，这个规模的数据较2018年底进一步增长了2984万，移动互联网的普及率已超过60%。同时，网民在生活中使用手机上网的比例由2018年底的98.6%进一步提升到99.1%，也就是说目前我国的网民大多在生活中使用手机的移动互联网。而众多手机APP正在悄然改变着我们的日常生活方式，影响我们的衣食住行。因此，人们对于APP的产品界面设计、用户体验等的需求也在不断地提升。

一、UI设计定义及简介

UI设计（手机软件界面设计），即user interface（手机用户体验和界面）的缩写和简称。是互联网中指对手机应用软件的设计以及人机交互、操作流程逻辑、界面美观的一种整体设计。好的手机UI软件设计的核心和最终目标之一就是打造出便于手机用户理解和使用的移动网络媒体，需要根据移动媒体用户的需求去进行研究设计和开发新的产品和技术，从而使用新的技术和理念来引导手机软件设计，这就是说明互联网技术与手机软件设计在意义上是相辅相成的。不同时代，人们的手机认知与使用习惯也会有所不同，视觉感受也不相同，手机应用软件UI的设计将根据新时代的用户需求变化而发生变化。

二、“互联网+”时代下的UI设计趋势

1.扁平化设计风格依然是主流

我们都知道，由于目前手机电脑屏幕的大小限制，为了能够让我们的用户在实际使用很多APP的设计时能够有更好的实际用户审美体验，很多APP的界面设计依然是使用极简的设计风格，这就是我们通常所熟悉的抛弃过多装饰的扁平化设计。比如，目前很多的APP都已经开始了去除多余的装饰线条，通过增加间距来有效拉开空间的关系，主要目的就是为了能够让我们的用户在实际使用时能够拥有更为直观的用户体验。

2.情感化交互设计增加

随着手机用户对APP的依赖程度逐渐加剧，在APP的设计过程中，投入更多的情感化设置，有利于拉近用户与实际移动媒体之间的距离，有了感情的用户设计可以更加地贴近移动媒体使用者的内心体验。在UI设计过程中用户的体验，情感的传达，都是要求移动媒体设计师更加重视实际用户的心理与情感表达，在设计的时候以更加人性化的设计角度出发，结合消费者心理学，遵循更安全、更易识别、更易操作的设计原则，才能给实际用户较好的心理与情感表达体验。

3.动态交互设计的使用

“互联网+”时代，人们的生活节奏逐步加快，而手机交互界面设计的扁平化设计风格也较好地适应了智能手机上网的大量加载和时间，包括微动画在内的动态交互设计进一步提升了人机交互的操作体验。动态交互设计的趣味性和可视性，能够给用户创造一个身临其境的网络体验，实现完美的用户体验。比如页面中一个引人愉悦的动画设计就可以为我们的APP提供鲜明的特色和个性，使用户留下深刻的印象。

三、家居购物类APP设计的基本要求

用户在使用APP时是否有好的、满意的感受，会受到界面交互设计的直接影响。令人满意的手机界面设计会把APP的定位以及特点完美展示，也会使APP成为独特、有魅力、操作简单直观的好产品。而目前购物类APP设计种类繁多，为了便于线上体验和线下实体店相结合，家居类目标消费者如何选择一款适合自己购物选择的手机APP就需要设计师深入市场调研，根据此类设计要求进行深入研究。目前，家居购物类APP的界面设计基本要求有以下几个方面：

（1）清晰明了的界面设计。一个好的家居APP界面一定是让用户能够在较短的时间内了解并熟悉一个商品的页面或者App的基本功能，尽快地上手操作。

（2）导航设计应易上手操作。对于普通用户来说，每个人的身体和大脑能够存储的信息时间是有限的，所以在设计和进行导航的界面设计时，要充分考虑普通用户的短期记忆，让用户快速地学会导航的使用，才能真正让用户没有任何负担。

（3）界面元素设计的一致性。每一个优秀的产品界面的整体结构、风格必须与其产品的内容相一致。包括页面导航、字体、色彩等元素的设计和应用均需充分考虑坚持一致性的原则。

（4）美观大方的设计。需要符合受众的审美，能够体现出家居购物的界面设计特点，从视觉体验上给用户以美的享受。

（5）考虑大多数用户的手机使用行为习惯。比如大多数用户在操作时是更习惯使用右手的操作还是更习惯左手操作等行为，包括手指触摸的感受等，都能让手机上的用户需求得到满足，使手机用户产生共鸣，这就决定了需要开发设计师按照大多数的使用智能手机的习惯进行开发设计。

（6）人性化。高效率和移动产品用户的满意度和体验是移动产品人性化的两个重要体现。如何评价一个功能型移动产品的用户满意度和体验的满意度好坏，除了交流还要看它本身是否能够满足用户的个性化需求，比如社交和分享等互动体验，它的主要表现是产品的功能、交互或者是操作。而交流虽不是移动产品用户可以预期的，但是移动产品用户仍然能很好地接受和理解，并且更高效、更有趣地设计和完成自己的任务。

四、家居APP设计法则

如今的智能手机虽然屏幕的尺寸越来越大，却始终都是有限的，因此，在智能家居网络购物中的各类APP产品界面的设计中，精简是一贯的商品视觉设计准则。但是所谓的商品精简并不是说在内容上尽可能少，而是我们要在设计上注意对重点的把握和表达，突出商品的整体表现。在商品的视觉上也一定要严格地遵循符合用户的商品视觉设计逻辑，用户只有看着顺眼了，才有机会真正地喜欢用它。

1.内容优先，布局合理

对于智能手机而言，屏幕的空间对于资源的利用显得非常珍贵，为了更好地提升手机屏幕内部空间的综合利用率，界面的布局设计应以其内容的可用性为设计核心，而如何提供真正符合手机用户需求和期望的可用性是手机移动设备和应用获得成功的一个重要关键。只有正确地设计和合理地组织移动内容，使得用户真正能快速地理解手机和应用所需要提供的移动内容，使得展示的家居商品内容具有其意义，这一点是非常关键的。

2.清晰的视觉效果

家居购物类APP拥有清晰的视觉效果才能更好的吸引受众，根据其特点，在家居购物类的APP的设计中不仅需要使用清晰、高质量的素材图片，还需要充分考虑到商品界面的布局和排版。例如，需要重点突出某商品的视觉焦点，以及什么样的位置可以作为商品的衬托，需要在APP的设计和整体布局的合理性上多下功夫，从而促进消费者更好地使用该家居APP进行购物。此外，设计者需要考虑如何将商品的细节详细地展现给消费者，例如商品的尺码、价格、种类、可选颜色等这些需要消费者进行选择的选项，而且必须能够轻易地选中。如果商品的选项较多，可以利用下拉菜单增加商品的展示空间，减少界面的杂乱感。

3.色彩的合理运用

在家居购物类的APP的设计过程中，一般需要在关键位置巧妙地应用主题的品牌色彩或主色调，突出重点信息和内容，通过关键色的应用能够有效地引起消费者的注意，提高购物体验。此外，界面设计的色彩搭配要充分考虑家居商品的分类，比如从家居的功能划分，商品的展示要符合其调性，而商品的图片的放大效果等也需要考虑页面的色彩的主次关系，从而突出该类家具商品的审美体验。

4.合理的导航设计

手机APP导航设计的最根本目的就是让用户能够及时了解自己所在该APP的位置，顺利前往目标页面，所以合适的导航设计对手机APP用户体验显得尤为重要。而在家居购物类的APP中通常都会为更多的消费者提供商品搜索的功能，从而极大地方便了消费者快速准确查找自己需要的相关商品。目前，家居购物类APP的商品搜索导航提示功能会通过输入商品提示和热点关键词这两种方式提升消费者查找相关商品的效率和便利性，从而为消费者提供的流行热点商品搜索和浏览的功能应更简便快捷，易于被消费者使用。在APP的商品导航设计中我们应该尽量地精简商品导航的分类，同时根据消费者的需求和浏览习惯进行记录，为其他消费者提供自己感兴趣的相关商品，提高效率，提升用户体验。

5.简化支付流程

根据市场调研，目前我国有66%的用户认为手机APP的在线支付和交易过程过于繁琐而拒绝或放弃了购买的商品，47%的用户认为交易错误和失败也有可能归咎于复杂的在线支付和交易过程。从手机APP开发和产品设计的另一个角度和观点来看，购物车应该显而易见，用户能够快速地进入购物车的页面，使用户很方便地保存存储个人信息，包括姓名、电话和地址等，简化购买和付款的流程。所以，从这一点来说，家居购物的APP的支付流程的设计要同样要考虑目标消费者如何利用支付流程方便快捷地下单。

6.个性化的购物体验

在家居购物类APP的设计过程中，需要能够不断优化客户体验，及时推出方便消费者使用的个性化功能。比如根据搜索记录和购买记录，为消费者推荐相关商品，利用大数据，分析目标消费者关注的产品信息，通过界面设计让目标用户更信任该APP的购物体验，使消费者能够很方便地找到自己感兴趣的商品。

7.应该鼓励用户参与评价

在网络购物平台的发展中，最大的发展障碍是在用户购买之前无法为用户带来充分的安全感。为此，在家居购物类手机APP产品的设计中，要鼓励用户去评论产品的内容，使用户对该APP有信赖感和持续体验感，从而提升消费者对该品牌APP的信任感。

结语

良好的交互性APP产品设计，是通过产品与用户的体验、用户的需求结合起来对产品的外观设计进行交互式的设计，同时又可以使产品带给用户较愉快的使用体验和感受，家居产品购物服务类产品APP设计不仅需要更加注重用户的体验、市场调研、需求分析等各个方面，同时在设计上要融入个性化的产品设计，能够根据家居产品的功能要求、视觉效果，进一步提高人机交互设计的舒适性与便利性，才能够设计出符合当前目标用户需求的、具有人文关怀的家居购物类APP。