基于用户体验的引导性手机交互界面的设计

李慧真

摘要 随着科学技术的快速发展，手机已经不仅仅是通信设备，它已然成为日常生活和交流的主要形式之一，手机属于移动终端设备，其特点是便于携带和简易化的操作。手机的用户界面的职能是进行功能与信息的传达，如果用户界面功能复杂或界面混乱，不仅会增加用户的认知负荷，而且还不利于易用性、易读性的操作，因此，本文介绍了基于用户体验的引导性手机交互界面设计方法和设计流程，并提出设计方案，达到降低用户认知负荷、满足用户认知多样性需求的根本目的。

【关键词】用户体验 手机界面 引导性 设计

手机界面设计是手机产品设计的重要环节之一，不仅具有可视化展现作用，还要确保使用者和产品之间的有效连接，因此，易用性和交互性成为界面设计的核心要素。现阶段，用户对手机界面的易用性、交互性、舒适性等方面提出较高要求，期望一个轻松、愉悦、流畅的使用体验。而这种体验需要引导存在于使用过程中，从而引导用户在使用过程中感受到可控制，让用户更加主动直观地进行体验，同时引导用户顺利完成操作，既满足了用户需求，也使用户获得了愉快的体验过程。这便是基于用户认知能力的引导性手机交互界面设计的核心价值，其具有优化研究的意义。

1 页面设计与用户体验

页面是连接用户和产品的一个重要桥梁，用户对于产品的一个体验和感知，都是发生在具体的页面上，这个页面承担了产品的功能，也包含了设计师的一个设计理念，而最重要的是这个頁面是满足了用户的需求，因此，页面布局设计是整个用户体验非常重要的载体。

整体来讲，判断页面设计好坏的标准，可以理解为“是否能满足用户需求，减少用户的理解和操作成本，还能深深的吸引用户，让这个产品捕获用户的芳心”。以微信、陌陌产品中附近的人页面以及易信的朋友地图页面为例（如图1所示），三款产品功能相似，但采取不同的设计方案。微信是基于一个半熟人的社交，虽然在初期的时候，陌生人社交可能对微信的帮助很大，但是在这个页面重点是展示附近的人以及个人信息，具体还是一个熟人社交、半熟人社交;而陌陌是基于纯陌生人的社交软件，所以在页面上会更加突出了人的照片，它以大图的形式来展示个人的魅力，以达到吸引好友的目的。而易信作为一个纯熟人社交，在朋友地图刚出来的时候，易信定位还是纯熟人社交，当时是重点展示周围熟人的一个分布情况，而这些熟人都不需要再展示他们的详细的个人信息、性别，只是重点展示朋友之间的一个位置关系，三个页面的布局都满足了各自产品的需求，都可以称得上一个比较优秀的页面设计。因此，页面设计最重要的一个衡量标准还是有用，它能满足用户和产品双方的需求，提升用户体验感受和操作易用性。

2 基于用户体验的手机交互界面设计

页面排版布局是在有限的空间内对特定的信息进行整理、归类、摆放的过程，最终乃是让用户进行使用的，因此，本文对页面排版的步骤及方法进行阐述：

2.1 确定用户访问页面的任务与目的

用户在页面访问时，具有目的及需求去进行访问操作，用户在页面访问时，首先会获取信息，然后进行流程操做，从而完成操作任务，因此，在不同的任务和目的下，也决定了页面的排版布局是不一样的，比如：阅读类的产品往主是为了营造沉浸式的阅读体验，所以在很多的阅读产品中都会在阅读的时候，隐藏页面的一些操作按钮，给用户一种沉浸式的阅读体验。在用户具有操作需求时，轻点页面屏幕，又能帮助用户很快速的获取这些操作按钮，即可唤起操作栏（如图2所示）。

此外，针对列表类界面，例如：易信的群广场页面，用户来到这个页面，其目的往往是找到他所要的群，如果没有的话，则自己会去建一个群，所以在这个群广场页面，为了突出建群的操作，易信在群广场的右下角，以一个悬浮按钮的形式来展示建群的快速操作入口，来帮助用户更快的完成建群的操作。右侧是具体的一个建群的页面，建群的页面也做到了用户的需求与产品需求的一个权衡，用户到这个页面的时候，他是要快速的去建群，所以易信用一个很大的按钮的布局方式，让用户能够快速的获取他的信息，执行他的操作，完成任务：同时对于产品方，也希望用户能够在建群的同时，也可以去看一下其他的群，顺便加入到其他的群里去，所以在页面的下方有了一个热门的推荐栏目，来引导用户能加入到其他群，让整个群的氛围更加活跃，所以这个页面也是满足了用户层和产品层的需求。综上所述，想要设计出符合用户以及产品两方面需求的页面，首先要明确我们的用户访问页面的任务和目的以及产品方在这个页面的诉求，然后再确定合适的方案进行。

2.2 信息元素的组织分类

当梳理用户和产品方的需求后，面对需求和展示功能的多样化，如何对需求功能进行页面设计和分类，或者我们很难从用户的角度进行组织分类，可采用卡片分类法，对挖掘信息组织进行分类。比如在设计一个商品的详情界面，用户访问页面后希望能查看心意的产品详情：价格、规格、购买;查看用户评价，与此同时，产品方希望用户进入页面，就能够进行购买并将商品信息分享给其他人。在了解用户及产品方的需求后，可使用卡片分类法，来对产品的信息架构进行梳理，将独立的功能模块写在一张卡片上，然后让用户按照自己的理解进行分类，用户会将商品预览图、价格、运费、规格、剩余数量、销量放到商品详情里面，将收藏、分享、加入购物车、购买放到操作功能里面去，并将购买数量、选择规格等放到操作详情里面等等（如图3所示）。具体的页面设计可以用卡片分类的方法来将有限的空间进行一个信息的布局与组织，来帮助用户更加快速理解页面上的内容。

2.3 对信息重要程度进行区分

在一个操作界面上会同时分布很多信息，每个信息的重要程度都不同，但每一个信息又不可缺，这就需要在同一界面上进行重要度区分。在一个界面中可从用户的认知模型角度分析，对各类信息的排布和标重方式做一个对比，再通过信息模块的位置、大小、色彩或状态等形式对其重要度进行区分，确定哪种排布和标重方式最优。同时，在进行页面布局时，要谨记用户的认知心理和阅读习惯（从上到下，从左到右），平衡用户的认知能力，以及功能权重、信息认知容量，将设计美学中的元素如留白、图底关系、平衡、转换、视觉引导等视觉原理合理地运用起来，最终使产品有一个比较清晰的架构，并且符合每个用户的心理预期，用户可以依靠他的潜意识或者无意识的行为就很自然流畅的获取信息并完成相关操。

综上所述，手机的交互界面是衡量用户体验的重要载体，也包含了设计人员对用户认知的考虑程度和对交互活动的分析力度，是依托于数据和功能产生的，其设计首先需要对用户体验的信息进行收集，同时要区分用户类型，了解用户对手机信息架构的认识、导航信息的使用、对反馈信息的获知以及各种情感体验：然后确定交互类型和人机交互方式，目标匹配与优化策略，再次通过通用性设计的方法，建立手机界面交互模型，帮助设计人员形成最初的设计方案、界面供给的识别以及最终获取策略，然后对手机交互设计方案进行评估，判断其是否能够有效降低用户认知负荷。最后，再根据手机界面交互设计的标准和原则，具体设计交互结构模型，设计存取机制，界面结构模块的划分，绘制出交互结构功能图。

3 结论

随着科学技术的快速发展，现代化电子产品在人们生活中被广泛应用。尤其是操作简单、便于控制的产品，给人们带来更好的易用性和操作性。电子产品的界面，是用户和设备沟通的主要桥梁，一个友好的人机交互界面，可以给用户提供一个轻松和便捷的使用感受。因此，本文基于用户体验，对引导性手机交互界面的设计进行研究，在现有的理论和实践基础上，融合用户认知能力的手机交互界面设计框架和内容，最大限度地降低了用户认知负荷，使得手机交互界面设计更加人性化和合理化。

参考文献

[1]邝家瑞，基于信息架构下交互界面图标设计浅析[J].中国包装工业，2015 （10）.

[2]孙慧慧.基于用户体验的中老年手机交互界面设计[A].User Friendly 2014暨UXPA中国第十一届用户体验行业年会论文集[C].2 014.

[3]刘慧，冯志全，梁丽伟，徐治鹏.虚拟界面自然交互模型与算法[J].浙江大学学报，2016 （06）.

[4]张宁，刘正捷，基于用户认知能力的自助服务终端界面交互设计方法[J].计算机应用研究，2013 （08）.