页面列表信息如何进行框架排布
以产品目标为起点,围绕目标进行设计
我们在做设计时,其实做的是信息层级,信息层级做的好,用户的阅读效率就高,反之就会乱。所以我们要从业务层和用户层去思考,业务方的我们必须为重点,用户想要的我们必须为重点,剩余信息依据经验去进行填充。今天主要梳理下有关列表信息排布的思考和逻辑问题,以搜索充电站为例。
一、看列表信息都有什么
首先我们要依据业务和PRD文档确定信息都有什么,例如下图。
二、推出用户的决策大概是怎样的
根据产品需求、竞品调研、用户角度挖掘出用户的核心决策,通过决策对信息进行归类排梳理布置。
三、组织信息,希望用户能找到什么信息
“信息”是什么?是需要我们去强化的,因为是平台的目的,是品台的指引。通过决策对信息进行归类排梳理布置。将核心信息分为1级重要信息,平台信息从层面上来说不可能是低效信息,所以将平台信息分为2级信息,其他信息为从属性比较低的信息,所以分为3级信息,通过信息层级分类将信息已重要性从高到低进行优先级信息排序。
在进行信息排列的时候,将信息亲密性强的放在一起。
四、卡片信息的对比排布
1、核心信息是用来比较的,通过比较在众多当中选择一个
2、信息比较的时候,效率比较高的方式是什么?
• 1.核心比较的信息在同一位置
相似法则中,人们倾向于视觉上相似的元素被认为是相关的,从而易于进行对比。
• 2.把重要信息从属于4个角落,比较稳定好比
串行位置效应中,用户倾向于将最重要的项放在列表的第一或最后,可以增加记忆点,也可增加对比性。次要信息项放在列表中间,因为这些项在长期和工作记忆中的储存频率较低,用户不易记忆。
• 3.将平台,也就是业务需求,业务希望让用户看到的,必须做到位
• 4.补充最后缺少的信息—操作
此例中缺少的信息是功能操作,我们如何对操作进行分析了?
1)看该列表的操作有哪几个,和哪类信息的从属关系比较紧密
2)不考虑常识性和一些基本认知,一定要放在哪儿,先不去考虑。
先考虑该操作信息和什么信息相关,为什么和这些信息相关,给出充分的理由。
3)看用户的常规认知,常规认知是能够降低用户的认知成本,这一点是能够提升交互体验的。新认知是有教育成本的。
• 5.做信息整合
信息整合我们依据共同区域法、临近法则、相似法则对信息进行组划分。从交互层面就是将信息进行框架定义,各项之间的相关性就有逻辑了。
我们将亲密性高的信息一起,再将每一行作为一个组,将它变成一个属性类别的信息。第一排、中后一排放置核心和平台业务信息,最后次要的信息放置在中间即可。
五、提出假设
这件事对用户来说是重要的么,记录下来,可以按常规标准判断,想办法去验证,例如和业务方聊一下,业务方是怎么看待的,判断用户的在意程度是不是那么高。
如果我们的从属关系捋错了,那就说明他的决策信息路径跟我们分的从属关系不一样,我们之所以这样分是希望用户…说明我们的理由,最终是为例效率会高一些,如果效率低了,那我们再重新分。
六、核心大思路
1)看核心大思路和用户需求是什么,这是切入口
2)所有信息是什么,信息优先级是什么
3)从属关系是是什么
其实我们在做页面时,我们做的设计是整个页面的信息层级,信息层级做好了,用户的阅读效率就高,所以我们在分析需求,也是从场景出发,从信息出发,做信息归宿,最后做交互方案。所以我们在表达或规划方案时大概也是这个这个思路。用户场景诉求+信息梳理+信息优先级判断+从属关系,如果里面有输入,我们先讲输入,因为输入是因为,方案是所以。
总之我们的整个设计都得有来由,它是支撑我们去做分析,产品思路和方案的理由。












































































