复杂UI界面的5个核心设计法则

Date 2024-06-13 20:36:19

  在大多数情况下,复杂的应用程序是部分专业和B端的UI界面。它们大多出现在桌面端的使用环境中,终端用户类型多样,涉及流程、链条和业务。虽然不同的复杂应用程序之间有很大的差异,但它们的共同点是专业从业人员非常依赖这些工具。考虑到设计师和开发者在面对这些工具时的挑战,小编总结了五个复杂应用的设计原则和指南。


复杂UI界面的5个核心设计法则


  1、使用边做边学的用户流程

  许多研究表明,用户更喜欢那些可以在不受其复杂性影响的情况下立即开始使用复杂应用和工具的工具。

  与大量的教程、文档、帮助和设置描述相比,可以立即开始的任务和项目对用户非常有吸引力。这种现象被称为「活跃用户悖论」。

  虽然在专业领域,依靠探索和试错学习是不合适和不安全的,但在一定程度上,因为不可能涵盖培训和手册中的所有使用场景。

  因此,在设计时应提供「跳过教程」直接偏好设置,同时进行相应的安全设置,避免新手鲁莽操作造成的损失。例如,可以限制用户在这个阶段执行长过程和多任务的操作,使控制面板实时显示操作结果或预览结果,使用户可以知道一般结果,而无需执行所有操作。

  在Salesforce控制面板中,可以实时预览面板编辑效果。

  2、提供灵活流畅的功能路径

  在复杂的应用程序中,通常有许多功能是分散的,而不是线性的,不同的功能可以结合起来实现特定的功能。在这些工具中,用户可能不知道最终目标是什么,但需要通过数据分析逐步推进。同时,当他们知道确切的目标时,他们也应该能够灵活地遵循不同的路径来实现目标。

  当设计师使用这些应用程序时,设计师应避免使用固定、唯一和僵化的实现路径,迫使用户严格遵循固定路径。一方面,允许用户跳过某一步或滚回更早的路径,另一方面,允许用户遵循不同的方式和路径来实现目标。

  例如,万事达卡的自助服务可以引导用户通过交互式图表完成不同的任务。

  3、为用户提供有效的方法和建议

  绝大多数用户不是高级专家用户。他们大多数时候使用基本的操作和执行方案,但效率不高。许多用户在养成习惯后通常不会主动改变,这会导致大量的时间浪费和长期积累后效率低下。

  值得一提的是,在这个时候,依靠冗长的文档和教程实际上很难达到效果。更合理的方法是通过界面工具提示,及时通知用户结合用户的上下文环境「方法更高效、更方便」。

  通常,该功能可以通过悬挂提示或弹出工具提示来实现。

  Arcmap是一种地理信息系统工具,它通常通过上下文环境中的信息指导来帮助用户理解技能。

  4、可协调工作空间之间的多工具和转换

  复杂的应用程序通常会面临一种情况,即工具本身的缺点。当用户需要在多个工作空间中使用工具和内容时,它需要具有切换功能。应用程序应允许使用第三方应用程序作为补充。

  例如,当软件不支持一个操作时,应允许用户从其他在线数据库中获取和导出数据,并允许用户在应用程序中进行注释和评论。

  减轻工作负担的一个关键点是尽量使用通用API、接口和标准尽可能与行业标准软件兼容,如Excel、Powerpoint,尽量使用标准格式等。

  PowerBI,微软的商业分析软件,提供了标准化的导出和复制功能,非常方便。

  5、帮助用户跟踪行为和思考过程

  复杂的任务通常意味着它需要许多步骤和不同的链接。在实际的应用场景中,有可能需要几个小时甚至几天的分析步骤。在高度复杂的现实生活中,由于硬件、网络等问题,某一步骤可能会被取代、暂停甚至丢失,这也意味着「可追溯性」很重要。

  因此,在这样一个复杂的应用程序中,用户应该能够轻松、清晰地记录、保存、导出内容和记录,并允许用户中断,并在中断后恢复特定的任务。在任务过程中可以注释和保存相关说明。

  在决策建模软件Treeage中,用户可以在分析和建模过程中进行开放注释,并在后续快速访问这些注释。

  以上是小编今天分享的五条复杂UI界面的核心设计规则。我希望这篇文章能对你有所帮助,你想从零基础上学习UI设计。学习是一个漫长的过程。如果你想更快地学习UI设计,你可以来优曼UI设计培训班学习,让你更快地掌握UI设计技术,7天的免费试用体验。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计