深度｜建立在符号化设计思维下的UI设计

我们的设计方案在另外一种叫做“场景对话”的题型中，问题尤为突出，用户使用中更不知所措。因为在这个题型中三个icon在固定的位置依次出现，由于很小的辨识度，快速的自动播放的流程中，用户的头脑根本区别不出来何时该听，何时该录。脑和嘴根本协调不到一起，更别提跟得上流程了，这对用户来说是一种很大的挑战。

可见，竞品的设计在符号化建立上做的更好，更易于深化用户记忆和本能识别，建立高效的人机互动。

所以综上所述，如果我们的方案能够在设计初期就考虑到使用符号化的设计策略。优先通过视觉手段增加、扩大不同操作的区别，强化记忆，这个问题就会很好解决。

实例二：

我们在做UI设计的时候，正确并统一使用色彩在产品中表达的意义，也是建立符号化设计识别的一种方式。如图7，我们的口语题型不同平台对于口语评分结果的展示选用了不一样的色彩。PC端选用了红色作为低分段（橙色为中间分数段色彩）色彩，蓝色作为高分段色彩，而手机端选用了红色作为低分段色彩，绿色作为高分段色彩。很显然从我们对于色彩的认知上判断，红色为消极、错误的，那么绿色就对应应该是积极、正确的，而蓝色是一个没有明确正误概念的色，所以高分段的色彩最好统一为绿色。

图7同样的题型两个平台的色彩运用不规范，不统一

两个平台对于高分段的显示色彩处理不一致，这就很难建立起符号化的记忆和识别，会给用户在体验过程中带来很大的困惑，尤其是在我们目前两端用户访问量都不小的情况下。

当然这个只是个小问题，我们也已经做了统一优化。之所以把这个问题抛出来，就是想说明全站正确色彩使用规范确立了，基于此的视觉色彩符号就会建立。

当然符号也不单纯是视觉层面的，也可以借助语音等多感官形式，来建立用户的识别系统。比如我们的产品在练口语的过程中就采用了音效做为辅助视觉的方式，如在“叮”声之后就开始录音，如得分高的音效是清脆的提示音，而低分是沉闷的提示。这些设计，就是希望能给用户带来更直观的效果，建立更本能的反馈。

总之，这只是符号化设计是一个系统思维，而视觉设计是其中最重要的一环。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!