内部系统界面设计【下】

全文 1904 字阅读时间约 6 分钟

企业内部系统是为了满足内部需求、规范企业流程、提升企业运转效率而开发的软件，是根据企业管理的理论与实际经验的结合。内部系统设计开发的过程和前提，就是必须研究这个行业中最先进的管理模式和流程实践。这些管理经验包括内部系统软件的使用流程、报表、统计分析等模块，而且计算和思考速度更为标准化，具体化，能够大大降低出错率。
阅读完上一篇「内部系统界面设计【上】 | 深度指南和面临挑战」这篇文章后，相信大家对开发内部系统界面和交互设计可能会面临的几个挑战有了更深入的了解，以下就是码匠为您整理的关于内部系统 UI 设计的五个技巧：

1. 面向用户，而不是面向流程

「面向用户，而不是面向流程」开发内部系统，这一点似乎和我们的直觉相冲突，因为大部分内部系统开发的目的是优化工作流程。但其实对于设计团队来说，归根结底要考虑的是用户，为什么这么说？这并不是说优化和简化工作流程不重要，相反，只有做到了专注于用户体验的改善，才能真正实现整体流程的优化。
内部系统的设计能否具有良好的用户体验，关键在于您是否了解自己的用户，包括他们最常见的痛点出现在哪里。除此之外，了解用户的技术知识背景，以及他们在日常工作中的系统使用情况很重要。因此，您需要通过一些方式来收集这些数据，常见的方法有面对面访谈、问卷抽样、系统内的客服与问题提交功能，以及系统打点上报监控等。

2. 纵览全局

在内部系统设计的时候您还需要纵览全局，考虑整个内部系统体系的交互，而不是仅仅关注于当前正在做的单个 UI。我们都知道，刚起步的中小型企业会更多的和内部系统打交道，因此我们需要考虑如何在所有内部工具中优化界面以提高效率。
至上而下的全局设计思维能够帮助我们做到这一点，在各种不同的工具中利用常见的样式、组件、布局、主题，有助于确保用户能够跨平台执行操作，这不仅有助于最大限度地提高效率，还能最大限度地减少新员工和现有员工的学习成本和培训负担。

3. 调整缩放比例

正如系列上一篇文章中提到的，内部系统设计团队面临的主要挑战之一是平衡用户需求的复杂性和避免认知过载之间的关系，这很有可能会导致一些相当困难的设计决策。
常见的情况是，特定组件的尺寸比例在不同的企业设计环境中略有偏差。在 to C 的场景下，我们经常会将 CTA（Call To Action，例如：下单、试用、点赞、转发等按钮）设计的尽可能醒目，以确保最大程度地吸引用户完成操作。但在企业环境中，这些信息的优先级被颠倒了，企业内部的用户不太关心某一操作的触发，而是期望提供页面内能尽量详细的展示信息、提供额外信息的的轻松访问，以及快速而准确的数据输入。因此对于内部系统的设计来说，我们可能会较少关注开发突出的 CTA，为其他更注重信息的界面元素提供更多屏幕空间。

4. 参考业内最佳实践

常用的设计模式以及业内最佳实践，在内部系统界面的设计中发挥着巨大的作用。对于许多内部系统的设计师来说，与其说挑战如何实现创新的新想法，不如是专注于大规模推广他们已经知道的有效方法。
例如，内部系统中很大一部分自定义应用程序开发主要涉及构建 CRUD 接口以管理现有数据集，其关键通常是在短时间内推出功能设计，而不是从头开始设计每个新的界面。通过利用已建立的最佳实践和既定的设计模式，我们可以有效地减少开发这些界面所需的工作。

5. 长寿设计

最后，使用寿命是任何成功的内部系统设计团队的关键问题。对于任何界面设计项目来说，您不仅仅要考虑当前场景是否完满解决，还得考虑这一设计对于未来五年内，甚至十年内的系统迭代与升级的影响。以及，其中主要需要考虑以下两个方面：

设计长期有用的工具和组件
充分考虑灵活性，并为未来的迭代和修改范围预留空间
这里面有一个关键点，是为潜在的、可预见的新功能提前设计，在界面规划与布局时提前预留空间您可能需要的功能。在内部系统界面的设计中有一个约定俗成的原则，就是即使您现在还不需要，但未来如果需要某些功能，您也可以轻松快速的找到地方去适配它。

关于我们

码匠是一款对开发者友好的低代码平台。我们主要面向国内用户，相较于国外开发的 Admin/CRM/CMS/HRM 等后台工具，我们的 UI 界面设计更加适合国内业务场景。同时我们还整合了多款国内常见数据源，包括飞书、企业微信、钉钉、阿里云 OSS 等。不仅如此，我们还一站式提供了企业内部系统常用的租户管理、细粒度的权限控制、审计日志等功能，让您快速搭建后台应用的同时，也为您的企业信息安全保驾护航。

使用码匠，快速搭建功能完善的内部系统

我们的创始团队来自谷歌、快手、百度等公司，深刻理解快速迭代的软件系统对业务的重要性和当下软件开发的复杂性，我们认为在未来软件不会是从零开发的，于是我们重新思考，创造新的工具，帮助公司更好更快地开发软件。
想要了解更多欢迎来亲自探索！

本文为原创内容，版权归「码匠」所有，欢迎文末点赞、收藏、评论！转载请联系我们～

内部系统界面设计【下】 | 设计技巧