基于用户体验的交互界面！

海珊

文/李慧真 手机界面设计是手机产品设计的重要环节之一，不仅具有可视化展现作用，还要确保使用者和产品之间的有效连接，因此易用性和交互性成为界面设计的核心要素。现阶段用户对手机界面的易用性、交互性、舒适性等方面提出较高要求，期望一个轻松、愉悦、流畅的使用体验。


而这种体验需要存在于使用过程中，让用户更加主动直观地进行体验，同时引导用户顺利完成操作，既满足了用户需求，也使用户获得了愉快的体验过程，这便是基于用户体验的交互界面。



用户在页面访问时，其有目的及需求去进行访问操作，用户在页面访问时，首先会获取信息，然后进行流程操作，从而完成操作任务，因此在不同的任务和目的下，也决定了页面的排版布局是不一样的。


例如：阅读类的产品是为了营造沉浸式的阅读体验，所以在很多的阅读产品中都会在阅读的时候，隐藏页面的一些操作按钮，给用户一种沉浸式的阅读体验。在用户具有操作需求时，轻点页面屏幕，又能帮助用户很快速的获取这些操作按钮，即可唤起操作栏。



当梳理用户和产品方的需求后，面对需求和展示功能的多样化，如何对需求功能进行页面设计和分类，或者我们很难从用户的角度进行组织分类，可采用卡片分类法，对挖掘信息组织进行分类。


例如：在设计一个商品的详情界面，用户访问页面后希望能查看心意的产品详情：价格、规格、购买；查看用户评价，与此同时，产品方希望用户进入页面，就能够进行购买并将商品信息分享给其他人。


在了解用户及产品方的需求后，可使用卡片分类法，来对产品的信息架构进行梳理，将独立的功能模块写在一张卡片上，然后让用户按照自己的理解进行分类，用户会将商品预览图、价格、运费、规格、剩余数量、销量放到商品详情里面，将收藏、分享、加入购物车、购买放到操作功能里面去，并将购买数量、选择规格等放到操作详情里面。


具体的页面设计可以用卡片分类的方法来将有限的空间进行一个信息的布局与组织，来帮助用户更加快速理解页面上的内容。



在一个操作界面上会同时分布很多信息，每个信息的重要程度都不同，但每一个信息又不可缺，这就需要在同一界面上进行重要度区分。在一个界面中可从用户的认知模型角度分析，对各类信息的排布和标重方式做一个对比，再通过信息模块的位置、大小、色彩或状态等形式对其重要度进行区分，确定哪种排布和标重方式最优。


同时，在进行页面布局时要谨记用户的认知心理和阅读习惯（从上到下，从左到右），平衡用户的认知能力，以及功能权重、信息认知容量，将设计美学中的元素，例如：留白、图底关系、平衡、转换、视觉引导等视觉原理合理地运用起来，最终使产品有一个比较清晰的架构，用户可以依靠他的潜意识或者无意识的行为就很自然流畅的获取信息并完成相关操。


手机的交互界面是衡量用户体验的重要载体，也包含了设计人员对用户认知的考虑程度和对交互活动的分析力度，是依托于数据和功能产生的，其设计：


①首先，需要对用户体验的信息进行收集，同时要区分用户类型，了解用户对手机信息架构的认识、导航信息的使用、对反馈信息的获知以及各种情感体验。


②然后，确定交互类型和人机交互方式，目标匹配与优化策略，通过通用性设计的方法，建立手机界面交互模型，帮助设计人员形成最初的设计方案、界面供给的识别以及最终获取策略，然后对手机交互设计方案进行评估，判断其是否能够有效降低用户认知负荷。


③最后，再根据手机界面交互设计的标准和原则，具体设计交互结构模型、设计存取机制、界面结构模块的划分，绘制出交互结构功能图。


操作简单、便于控制的产品，给人们带来更好的易用性和操作性，友好的人机交互界面，可以给用户提供一个轻松和便捷的使用感受，最大限度地降低了用户认知负荷，使得手机交互界面设计更加人性化和合理化。




（此处已添加圈子卡片，请到今日头条客户端查看）


① 官方头条号：设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理，版权归原作者所有，转载请注明出处！

声明：以上内容来源于网络，如有侵权请联系我们(123@shiyan.com)删除！