页面列表信息如何进行框架排布

用户头像
北京/UI设计师/3年前/637浏览
页面列表信息如何进行框架排布

以产品目标为起点,围绕目标进行设计

我们在做设计时,其实做的是信息层级,信息层级做的好,用户的阅读效率就高,反之就会乱。所以我们要从业务层和用户层去思考,业务方的我们必须为重点,用户想要的我们必须为重点,剩余信息依据经验去进行填充。今天主要梳理下有关列表信息排布的思考和逻辑问题,以搜索充电站为例。


一、看列表信息都有什么

首先我们要依据业务和PRD文档确定信息都有什么,例如下图。




二、推出用户的决策大概是怎样的


根据产品需求、竞品调研、用户角度挖掘出用户的核心决策,通过决策对信息进行归类排梳理布置。


三、组织信息,希望用户能找到什么信息


“信息”是什么?是需要我们去强化的,因为是平台的目的,是品台的指引。通过决策对信息进行归类排梳理布置。将核心信息分为1级重要信息,平台信息从层面上来说不可能是低效信息,所以将平台信息分为2级信息,其他信息为从属性比较低的信息,所以分为3级信息,通过信息层级分类将信息已重要性从高到低进行优先级信息排序。


在进行信息排列的时候,将信息亲密性强的放在一起。



四、卡片信息的对比排布


1、核心信息是用来比较的,通过比较在众多当中选择一个

2、信息比较的时候,效率比较高的方式是什么?


• 1.核心比较的信息在同一位置

相似法则中,人们倾向于视觉上相似的元素被认为是相关的,从而易于进行对比。


• 2.把重要信息从属于4个角落,比较稳定好比

串行位置效应中,用户倾向于将最重要的项放在列表的第一或最后,可以增加记忆点,也可增加对比性。次要信息项放在列表中间,因为这些项在长期和工作记忆中的储存频率较低,用户不易记忆。


• 3.将平台,也就是业务需求,业务希望让用户看到的,必须做到位


• 4.补充最后缺少的信息—操作

此例中缺少的信息是功能操作,我们如何对操作进行分析了?


1)看该列表的操作有哪几个,和哪类信息的从属关系比较紧密

2)不考虑常识性和一些基本认知,一定要放在哪儿,先不去考虑。

先考虑该操作信息和什么信息相关,为什么和这些信息相关,给出充分的理由。

3)看用户的常规认知,常规认知是能够降低用户的认知成本,这一点是能够提升交互体验的。新认知是有教育成本的。


• 5.做信息整合


信息整合我们依据共同区域法、临近法则、相似法则对信息进行组划分。从交互层面就是将信息进行框架定义,各项之间的相关性就有逻辑了。


我们将亲密性高的信息一起,再将每一行作为一个组,将它变成一个属性类别的信息。第一排、中后一排放置核心和平台业务信息,最后次要的信息放置在中间即可。


五、提出假设


这件事对用户来说是重要的么,记录下来,可以按常规标准判断,想办法去验证,例如和业务方聊一下,业务方是怎么看待的,判断用户的在意程度是不是那么高。

如果我们的从属关系捋错了,那就说明他的决策信息路径跟我们分的从属关系不一样,我们之所以这样分是希望用户…说明我们的理由,最终是为例效率会高一些,如果效率低了,那我们再重新分。


六、核心大思路


1)核心大思路和用户需求是什么,这是切入口

2)所有信息是什么,信息优先级是什么

3)从属关系是是什么


其实我们在做页面时,我们做的设计是整个页面的信息层级,信息层级做好了,用户的阅读效率就高,所以我们在分析需求,也是从场景出发,从信息出发,做信息归宿,最后做交互方案。所以我们在表达或规划方案时大概也是这个这个思路。用户场景诉求+信息梳理+信息优先级判断+从属关系,如果里面有输入,我们先讲输入,因为输入是因为,方案是所以。

总之我们的整个设计都得有来由,它是支撑我们去做分析,产品思路和方案的理由。

0
Report
|
7
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in