B端交互设计过程中的思考

    2.信息设计

   B端的信息设计包括信息来源，信息分类，信息状态，信息显示等。

   信息来源：我们要明确信息的来源是哪里？后台传输还是前台展示还是用户录入。

   信息获取的方式是什么？自动更新还是操作触发？刷新的方式是手动还是自动？

   信息分类：根据业务需求，划分信息类型，显示层级，由高到低，按照设计原则规划信息展现的比重和方式，把数据结构化。

   信息状态：要考虑信息的默认状态，为空状态，常规状态，内容过期状态下应该怎么显示和布局。

   信息显示：信息的显示要考虑信息的极限值，非展示效果，重复或短缺（显示不全怎么办）情况，异常显示：敏感词，内容违规，数据获取异常，加载时间过长等情况。

   3.导航设计

   导航的结构决定了整个需求的架构系统，页面层级。简单清晰的导航可以让用户清晰地获取整个需求的功能和内容概览。一般根据导航层级和内容的不同，我们会分为横向导航，竖向导航，标签导航，组合导航等方式去安排布局。功能复杂的导航应提供搜索与快捷菜单。

   4.权限设计

   角色权限影响功能和数据的展现。要注意角色类型的清晰划分。角色能不能转变？怎么创建角色转变的系统感知？

   5.图表设计

   图表的内容分为：标题，指标，指标值。我们要根据业务需要选择合适的图表形式展现图表的内容。比如柱状图一般适合表示各个指标之间的对比关系，折线图一般适合一段时间内的指标变化趋势。还要根据页面布局空间大小选择合适的展现形式。确定指标的枚举值，指标值的范围。图表之间的关联性等。

   6.组件设计

   这里就不一一列举了，具体的分类和使用方法可以在ANTD的查看一下就知道了。

   https://ant.design/docs/spec/overview-cn

   组件的交互形式按照使用场景，增加功能的全面性，避免漏掉组件交互状态。

   这部分我会在以后的文章里详细总结。

   7.反馈机制

   反馈分为系统反馈给用户的，用户对系统的主动反馈，系统通知。

   用户反馈要设置好入口与方式。防止反馈对用户的干扰，简化反馈流程。

   系统的通知要确认好方式，是邮件，信息还是其他。通知时间，内容格式的统一规范。

   操作后的结果反馈时间，方式，位置的设定。操作异常的提示，公告引导的提示，错误纠正。

   反馈机制要做到简单明确，轻重得当，前后统一。既防止用户的误操作，又做到人性化的提醒作用。

   8.语言设计

   平台的语言表述要统一，提示用语，称谓，菜单与命令用语，标点格式，产品和功能名称要保持一致性，符合操作场景，能明确引导下一步操作，要有一定的人性化表达。以人为本，风格恰当。B端产品的语言体系要区别于其他产品，大众化词语难以达到业务术语的精炼效果，强制大众化反而不易理解。

   9.特殊场景

   注意一些极端情况下的设计，比如恶意使用的场景考虑，我们的使用场景和规则都是基于正常的使用场景去做设计，但是不能排除就是有些人想跟你唱反调，我就是要这么做，系统该怎么反应？如何处理这种操作？内容缺省异常状态该怎么设计？中断情况，比如硬件故障，断网，用户退出，系统该如何处理当前的场景？设计的过程中不要漏掉这部分的容错和防错机制。

   还有一些其他因素的考虑，比如一些情感趣味性，品牌传达，商业性的融合设计。

   10.动效设计

   在设计这部分内容的时候主要考虑转场过渡方式的选择以及节奏的把控。具体的设计方法笔者会在以后的分享里跟大家碎碎念，一起来探讨。也会出一部分动效的作品给大家。希望大家到时候能关注。笔芯～

   04.视觉设计

   这部分想聊一个问题：总是会有非设计人员对你的界面指指点点，我相信几乎每个设计师都会遇到这个问题。我们要用专业的视角去告诉别人，你为什么这么做？而不是凭感觉做设计，哪怕是界面上的一根线，也要做到有理有据。给予别人专业的建议，一个圆和一个方形，那个更适合放在界面当中，为什么？会让人更理解你的设计。我们要具有解释设计作品的能力。

   视觉设计要运用到很多相关的知识体系。

   比如人的视觉焦点：会沿着f曲线运动，人的大脑处理图形的速度远大于文字。

   注意设计过程中的对比和一致性，配色，排版，文字，间距，图形的运用。

   比如栅格系统，可以使你的界面布局保持一致，整洁和规范。

   B端系统的配色要注意红绿色的使用。因为一般会用这种颜色区分一些业务等级，随便的使用可能会造成一定的误解。整套的配色方案应该和品牌形象结合在一起，根据颜色的性格，明确主色，辅色，点缀色，注意不同色块体积的运用。

   排版要做适当的留白，对齐。文字的颜色、大小，字重区分层级，间距。

   整个系统的视觉表达风格统一。

   文章来源：学ui网