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

北京/产品设计师/3年前/610浏览
页面列表信息如何进行框架排布

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

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


一、看列表信息都有什么

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




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


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


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


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


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



四、卡片信息的对比排布


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

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


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

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


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

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


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


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

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


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

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

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

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


• 5.做信息整合


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


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


五、提出假设


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

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


六、核心大思路


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

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

3)从属关系是是什么


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

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

0
Report
|
7
Share
相关推荐
三维实践
Recommanded by editor
上汽Audi车选配置
Recommanded by editor
健康跟踪App
Recommanded by editor
ux-视觉
ux-视觉
ux-视觉
ux-视觉
作品收藏夹
垃圾管理APP
Recommanded by editor
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Heal丨概念网页设计
Homepage recommendation
奇遇华夏
Homepage recommendation
相关收藏夹
ux-视觉
ux-视觉
ux-视觉
ux-视觉
作品收藏夹
设计技巧
设计技巧
设计技巧
设计技巧
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in