交互设计的结构与认知
文章介绍一个产品如何在没有用户调研的情况下,设计出符合用户需求的产品。
我们分为三个部分来讲:结构认知,状态认知,效率加速。
一:交互设计之结构认知。
试想这样一个场景:我们第一次去朋友家里做客,走进房间的那一刻,我们会看什么东西?相信绝大部分人会了解房间的厕所,厨房,卧室在哪里。而很难注意到某个置物架上都放了些什么物件。只有我们多次出入一个房间的时候,才会注意到房间的其他细节,这就是结构认知。
APP产品也是一样,用户第一次使用的时候,会先使用产品的核心功能和导航。所以在信息量较大的应用中,导航信息一定要设计的清晰明确。
用户习惯的几种结构认知有:一致性法则,父子结构,流-线结构以及矩阵结构,这几种结构符合用户的认知习惯,可以直接使用在自己的产品中。
1:一致性法则。
人的认知过程本身就是处理分类信息及分组记忆的过程,所以人们在处理信息时,会先理解再归类。在记忆复杂事物时,我们会通过一致性把相关事物分组。一致性便于分组认知,从而提高用户记忆的效率。具体表现在以下几个方面:
1》结构一致性。结构的一致性能让用户更好的理解APP的功能,例如列表式机构有利于呈现信息的摘要,备注,时间等附属信息;
2》颜色的一致性。色彩来源于大自然,不同的色相能让人联想到大自然不同的元素。事物的认知其实就来源于颜色的一致性。每种食物都有自己的风格特点,但是当色彩呈现不一致的时候,事物的风格就无法被人们清楚的认知,从而造成“违和感”;
3》操作的一致性。在互联网产品中,操作的一致性是指“用户完成任务时需要进行的操作流程”保持一致,
4》反馈的一致性。例如手机QQ的信息都是列表式结构,无论你点击哪一条信息,界面都是从右往左滑出,在点击返回按钮,又从左往右滑回,体验很一致。
5》文字的一致性。就是尽量使用统一分格的文字,在做设计之前,我们应该将产品的风格,结构,颜色,文字都做一格统一的规范,对于文字,包括文字的字号,间距,行距,字体,段落间距等。
2:父子结构。即结构上存在一个父子关系。比如导航和内容。
3:流-线结构。
4:矩阵结构。
二:交互设计之状态认知。
1:让用户明确过去,当前,将来的位置(出口和入口)。
对于入口类的信息,我们得遵循两点:
(1)入口的文案一定要表达清晰
(2)入口信息可拓展性要好。
而对于出口类的信息,减少出口的数量有时会带来好处,如果界面只有一个出口,用户的犹豫程度就会降低。不要试图给用户过多选择,把选择权交给用户,只会让用户迷茫。
2:告诉用户他当前所处的状态。
比如我们经常见到的登录进度,上传内容的进度信息,微信的消息撤回等。
三:交互设计之效率与场景
1:如何解决用户等待的问题
1》加载机制的设计;
2》拆分任务,将任务分为数个小阶段分别加载;
3》调整加载速度,采用变速加载;
4》主流操作区域要控制好图片大小,避免动画。
2:快速有效地识别和提示。
(1)提示的位置应该符合对焦法则;
(2)临界效应,比如微信的撤销信息。
3:及时地反馈
(1)视觉的反馈;(2)声音的反馈;(3)触感的反馈;(4)快速反馈;(5)对等信息的反馈;(6)有效的反馈。
4:对于不同场景,灵活运用反馈,可以提升效率。比如微信从朋友信息界面进入聊天窗口,返回时的步骤不是原路返回。
