从认知负荷理论看界面设计,让产品更加简单易上手

2018-09-19 - 界面设计 界面优化 产品优化

新闻.jpg

图片来源图虫:已授站长之家使用

如何能让软件变得更简单易懂快上手?如何能让用户更久地沉浸在软件里?除了美观等因素,这两个问题可以说是评判一个好的界面设计的标准,那么,如何才能做到这两点呢?认知负荷理论给出了一些建议。

文/灯塔-xu

一. 什么是认知负荷理论?

首先需要了解认知负荷的定义。认知负荷是指针对某一特定认知任务,记忆系统对其进行加工和保持信息过程中所承受的负荷总量。而认知负荷理论就是通过合理的设计,让信息接受者能利用有限的认知资源达成最佳信息获取效果的理论。

认知负荷的来源有三个,内容的性质(难度,数量等),用户的已有经验(比如相对于老年人来说年轻人对于一款新手游更容易上手),内容的呈现方式。由于前两者较难改变,因此本文主要讨论关于呈现方式的优化,下面提出了四种策略,来构造一个合格的界面设计。

二. 如何利用认知负荷理论?

1. 部分任务策略,基础功能重点呈现

简单来说就是先呈现部分任务,然后依次呈现其余任务,最后呈现整体,其中最基础的功能要重点呈现。比如淘宝,其实拥有非常多的功能。但在最开始,永远是先从购物这个基础的功能引导客户。而这个功能也会放置在界面的最显眼处。值得注意的是,当要求处理信息时,工作记忆则一次只能处理2~ 3 条信息,因此设计途径任务最好不要超过 3 个。

2. 清除冗余策略,减少无关信息干扰

界面要注重减少冗余的干扰信息,这可以分为两方面,一个是减少不必要的功能设计,一个是减少不必要的美化设计。

(1)减少不必要的功能设计

前文的部分任务策略要求设计途径任务最好不要超过 3 个,因此我们需要把用户做的这些没用的任务拿走,但是移除所有的任务是不可能的,可以采取以下两种方法:

(2)减少不必要的美化设计

例如避免使用华而不实的、与主题相关度低的复杂图文或是过度美化的用户界面、不易识别含义的图标等。

3. 关联记忆策略,获得认知支架

简单来说,就是利用用户已经理解的熟悉的知识,来降低其使用的难度。 有两种方式。

(1)利用普遍的设计模式

我们会发现,所有的外卖软件界面设计都大同小异,这正是利用了关联记忆策略,让用户能以最低的成本学会使用这个软件。不仅是相似的软件可以做为认知支架,用户所熟悉的事物都可以,比如现在老年人平板电脑,不能简单仿照年轻人的平板电脑设计的少即是多的原则,而应该参照以前的收音机的形式,在界面上显示出各种按钮。

除了大框架之外,小心的使用icon也是方法之一,尽量使用那些通用的图标来代表功能,比如信封图标代表消息等。同时最好在icons旁边放上文本标签来指出它的意义,减少模糊。

(2)利用邻近减负原则

这个策略非常容易理解,就是相似的功能放在一起,可以减轻用户的认知负荷。比如音乐软件,本地音乐和收藏歌单永远是放在一起的,这让用户能更快的掌握软件的使用。

4. 增强可读策略,完善用户体验

当做到以上三点,一个合格的界面设计已经初步完成,接下来要做的,就是一些细节上的优化。比如图片的介绍文本应邻近或嵌入图片,不应分离太远。同时图片和文本的呈现应尽量不要超过屏幕的显示范畴,避免阅者频繁的拖拉观看。在另一方面,针对不同人群可以选择不同的表现形式,针对专家用户可以选择纯文字的,来放置更大的信息量,而针对普通用户可以是图标的或者图文并茂的。

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...