最近在优化一些TOB的产品页面，优化的主要目的是：减少理解成本，提高操作效率；由于页面信息较多，逻辑较复杂；问题整理起来也比较琐碎；期间也发现了很多问题，就以出现频率最高的一些问题整理总结出了几条设计原则，与大家共勉：
1、页面元素和方式要和使用场景相结合
一种元素的样式及交互方式在一个页面适用，在另一个页面不一定适用。实际来由用户在该页面的任务目的和适用场景来决定。
2、页面信息之间要有主次之分
一个页面有一个主任务流程里的某一个任务节点，这个节点就是这个页面的主要功能，这个功能在这个页面信息中就是重要的信息呈现。其他的信息是辅助功能信息或其他次要信息。一个页面中不应该有多个任务目的。如首页的大部分主要任务目的是入口、分流、吸引用户进入内页查看。个人中心页的主要目的是个人相关任务信息的编辑、管理及其他辅助功能。其他内页的主要功能就是某个任务流程中的一个节点功能。一切都是围绕产品核心任务流程来展开信息层次的布局和展示。当一个产品中有多个核心任务流程。一个页面中有多个重要功能、一个信息模块中想要凸显多个重要信息时，整个产品看来已没有明显的核心优势，当重点多的时候也就没有了重点。信息不够一目了然，需要用户耗费更多的时间来搜寻自己想要的终点信息，无形中增加了学习成本，效率也会比较低下。
3、主次信息之间要对比明显
避免使用同色号、或相近色号的文字来表达不同层级的信息内容。标题就是标题、内容就是内容、辅助信息就是辅助信息，不要只是把这些信息平铺在页面中，也不要让用户自己去猜那些是重要信息。有效的区分主次信息最好以文字大小和色值相结合的方式来做区分。让用户一眼能关注到想要重点关注的信息，其他次要信息或辅助性的信息让用户自主选择性的去查看。有效的区分主次信息是在帮用户提高浏览销量的同时，也是在降低用户对重要信息的获取成本。
文字大小对比最好是以4的倍数为基准做区分，2的倍数差异化较小。再一个信息层级避免超过三个，信息层级较多时，就会显得比较乱，显得较复杂。
4、不同状态标签避免使用太多颜色、及相似颜色
状态标签一般是为了区分不同任务的进度情况，需要重点差异化出需要用户重点关注的状态，如果状态较多时，使用各种不同的颜色来标示可能并不是一种最好的展示方式，是否有必要所有的状态都用不同的颜色来区分？还是只是把重要的几个节点使用差异化较大且与状态名称有着密切关联的颜色做区分就可以了？颜色的使用要符合大众心理对颜色的认知，如完成的用绿色、有问题的用红色、撤销或无效的用灰色（毕竟无效的信息在目前对于用户来说意义不大了，不需要重点关注）。
使用的颜色一定要差异化较大，让用户能一眼就能做出区分，使用时间久了之后看标签颜色就能快速做状态区分，在用户心理建立相对应地认知模型（即红色就是有问题的，需要重点关注或优先去处理的；绿色是通过的；灰色是无效的，不需要关注的）；避免使用相近的颜色来标示不同的状态，如橙色和橙红色，无形中增加了用户识别信息的成本。要记住产品的设计是要服务你的受众用户的，不是服务设计师群体的，不要以自己专业上差异化的色值来衡量大众用户对于差异化的理解。
5、让点击区域足够大
相对足够大的触发区域，是确保用户在移动端上交互的重要基础。按钮、icon，让触发区域包含按钮、文本标签以及周围一部分的留白区域，能让交互轻松很多。根据菲茨定律，点击区域的大小对于交互的影响是非常直接的。尤其是看上去较小可点击元素，点击的时候不容易被「瞄准」，这时候就要加大可点击区域来增加易点击性，移动端上最小可精准点击的区域是88*88px，小于这个范围也可以点击，但是不够灵敏，容易造成点击困难或误操作。
6、所想即所见，所见即所得
同一个应用里，标签和按钮要做明显区分，要符合用户对于页面元素的认知，同一种元素在不同的页面中样式和操作要统一，避免用户产生疑惑。也就是说用户看一个元素觉的它是标签，那它实际上就是一个标签；用户看一个元素是按钮，那它实际上就是一个按钮，用户觉得点击这个按钮可以达到某种操作目的，实际上它也就是用户预期的那种功能操作；不要让用户去想、去猜、去试，要让用户看到什么就觉得应该是什么，操作起来也要符合预期。
最后：
不管是做什么，我们都要多思考和总结，这样才能形成做事的经验；为什么这么做？有没有更好的方式？相互之间有没有什么规律？能不能形成某种规则？基于这些经验 “凭感觉” 做出的设计，在别人问为什么这么设计时，却能有理有据的说出缘由，而不仅仅只是凭感觉。
