从0到1，如何设计企业级 SaaS 界面

fruit

　　和面向个人用户的消费级SaaS界面不同，为企业级用户服务的 SaaS 界面的视觉风格往往并不那么看重，而对设计师的思维、理解能力有着更高的要求。作为企业生产力的助力工具，企业级在线工具往往都具有非常强大的功能以及异常复杂的信息架构；但是从产品的体验层面来讲，界面需要做到简洁、清晰、易懂、易用，如此一来才可让用户容易上手、减少返工、提高产出。
　　那么，如何打造一款符合上述要求的产品呢？一款优秀的产品，它的每个生产环节都必需由对产品有着深刻理解的人来完成，因此我们将以产品整体为核心来思考，从『需求』『交互』『视觉』三个方面/阶段进行分解；我们在此将『产品经理』『交互设计师』『视觉设计师』等统一视作产品的『设计者』，希望这几方面的内容都能对你未来的工作产生帮助。
　　需求梳理　　在这个阶段，设计者的首要使命是去：『懂』用户。在这个过程中，我们可以由浅入深，通过三个层面去理解用户。
　　1. 通过理解业务逻辑，找到不同用户在使用过程中所有可能存在的触点。
　　在企业后台系统中，用户权限分配、流程的关键控制点等等都是对系统安全性、功能完整性产生巨大影响的因素。因此，只有将业务逻辑熟捻于心，设计者才可以找出用户在使用过程和产品的所有触点，进而优化使用流程，并规划出合理且清晰的系统信息架构，最终设计出满足功能要求的系统。
　　实际情况中，业务逻辑和现有流程往往是由某一位客户代表来进行说明，这位代表可能是此方面专家，也可能只对其中部分内容有深刻理解，但无论是何种情况，他/她所提出的专家意见，在很多情况下页仅能代表其个人意见，因此我们只进行到这一步是远远不够的。
　　2. 通过对用户现有工作流程进行观察并与之交流，来获取用户的实际需求和表层目标。
　　这一步的进行是为了聆听用户的心声，了解他们想要什么，从而为他们提供更人性化的设计。但如果我们只简单听取用户的意见，往往也很难得出最优的结果，因此还需要再深一层去接近用户：
　　3.洞察用户的反馈和设计师的观察结果，驱动出更深层次的需求, 既潜在需求（latent needs）和终极目标。
　　交互设计　　除了要遵循基本的交互原则，设计者在设计企业级 SaaS 界面时，还需考虑到以下几点：
　　1. 可扩展性，为未来的可能保留空间
　　不仅仅是后台的数据结构需要考虑可扩展性，UI 展现层面也需要充分考虑界面的可扩展性，如果今后需要添加更多的数据或功能，现有的设计方案是否能够支持？如果不能支持，又应该采用什么样的设计方案？同时，改用新方案的实现成本有多高？
　　例如导航设计的可扩展性，大家可参考我们之前的推送，来了解更多关于界面扩展性的设计思路~
　　2.防呆设计由于产品的特殊性，我们必须在提供强大功能的基础上，为用户足够的意符，使用户快速理解每项操作及其触发后所产生的后果。如果通过提供意符能起到的作用有限，还通过权限管控来限制用户的操作范围、进行double check等方式来控制。
　　3. 合理的信息架构
　　合理的信息架构就像一张清晰易懂的地图，引导着用户快速抵达目标。因此，在对页面进行分类、上下级梳理时，需要格外谨慎，通常在此环节，我们可以使用 card sorting 和 usability testing 等方法，来反复验证我们的结构是否合理。
　　视觉设计　　良好的视觉设计不仅可以为交互设计锦上添花，并且在某些情况下，甚至可以通过提供恰当的视觉信息，来弥补交互设计信息传达的不足，因此再视觉设计阶段，有以下几点需要多加关注：
　　1. 统一、连贯的设计语言
　　对于一个平台而言，统一连贯的设计语言必不可少，从按钮的样式、交互动效，到界面提示文字的语气，再到操作动作的逻辑……这一切都可以归为设计语言。统一的设计语言可以使用户以最低的成本来学习、记忆，同时，从品牌化角度来说，一套成熟的设计语言在一定程度上可以代表该产品的水平。毕竟，这是产品和用户距离最近的地方。
　　2. 数据可视化
　　数据可视化的核心是图标，图表的选取是否合适，取决于设计者是否理解数据之间的关系，以及用户需要从中获得的信息。在此基础上，根据显示器、字段长度等多条件的限制，再对图例、坐标轴、交互、颜色进行细节的设计，即可取得不错的体验效果。
　　3. 人性化，通用性
　　提到视觉语言的人性化和通用性，我们就再用图标来进行举例：对于多色图表，设计者需要尽量使用不同色系来表示不同的样本/组别：这样对视觉障碍的用户更加友好，使他们更容易根据颜色来快速分辨不同的组别。
　　当然，为了最大程度避免此类用户遇到信息读取障碍，最好在设计中同时使用其他方式来传达信息，比如在图表中添加互动元素，让用户通过点击或鼠标移动实时查看数据和其来源。如果想要通过颜色或图案等抽象的元素来表达，那么就不能只依靠单一的方式来传达信息，需辅以文字说明。
　　其实作为产品设计人员，我们最大的使命就是去平衡复杂的需求和用户能力有限性之间的关系; 因此在设计面向企业用户的界面时，设计者应当尽心学习，多听多问多思考，通过反复的沟通交流去和用户达成共识，从而得到最优的方案。