赞助商
立即赞助

超全面总结!产品设计中的可拓展性原则

产品经验3年前 (2021)发布 流光
2.5K 0 0

可拓展性原则是我自己瞎起的一个名字,高兴的话你说弹性原则也行。主要意思是指界面设计要足够的灵活,具有弹性,以满足将来可能出现的场景。我第一次考虑这个问题是从去年7月份开始,当时接到领导的一个临时需求,要给直投项目增加一个到期查询的功能。因为原来的界面设计比较死板,所以突然加一个新功能导致整个布局都被打乱了,结果做的很不理想。当时我就希望可以找到一个方法来应对领导这种突如其来的需求。

产品设计的可拓展性就是为了应对将来未知的改变。改变来自于功能的改变,因为产品是由一个个功能组成的。功能的改变可以分为两类:数量的改变和状态的改变。当然这里不涉及到具体的功能设计,只是探讨功能入口的展示。

一、数量

数量的改变指的是功能的增加,删减与合并。多数是指新功能的增加,这就要求我们在界面(布局)设计中要给将来可能添加的新功能预留坑位。在哪里预留坑位?又给哪些功能预留呢?这里我就例举最常见的两种界面布局(导航)样式来说:宫格式布局和列表式布局。

超全面总结!产品设计中的可拓展性原则

不知道大家有没有注意到一个现象:一级页面中主要用宫格式布局,而二级,三级页面多数用列表式布局。这主要是因为一级页面是产品的门户和脸面,而且又多属于功能的聚合页,特别是首页,这就要求一级页面在展示足够多入口的同时还要兼顾视觉吸引力。而以icon,插画,图像为主要表现形式的宫格式布局在视觉设计上更容易出彩。特别是icon,在相同的空间里,可以展示更多的入口。

缺拓展,2*53*4,独增功,界失衡。户供页,功需户滑,险。

超全面总结!产品设计中的可拓展性原则

法供按钮,户击查功。

超全面总结!产品设计中的可拓展性原则

列表顾虑,它破界况增功,它缺展示。宫屏展示20,列表半。

超全面总结!产品设计中的可拓展性原则

困扰问题,数据反馈页屏往击急剧滑,页。何空展示够呢?

没有什么是可以难倒我们设计师的,最近我看到一些产品在底部栏tab里动起了心思。以苏宁易购为例,当你点击进入「发现」,tab会变成「直播大厅」;点击进入「首页」,tab会变成「猜你喜欢」。所以虽然只有5个坑位但是塞进了7个tab,这是一个很好的思路。

超全面总结!产品设计中的可拓展性原则

超全面总结!产品设计中的可拓展性原则

首页,户520属页。,户显示程序。目,数户认刷界,「功」够缺乏认。吸引流待检验。

超全面总结!产品设计中的可拓展性原则

页议:千随把功顶栏。功迭,哪,户,谓。功,乱界,顶栏。界搜索、、享、筛、功,把顶栏空。章「查询」属筛功。

二、状态

,拓展指拓展。状变状变状变。

外部状态变化主要说的产品层面的变化,针对的是C端产品。对C端产品来说,定期组织营销活动来拉新肯定是必不可少的。这种情况下我们需要对界面的元素进行处理使其来适应不同的活动氛围。从这个方面来说,我们可以发现为什么宫格式布局更容易受到各大电商平台的青睐。因为它可以根据不同的活动配置一套完全不同的icon,灵活多变。这种状态上的百变来打造营销氛围的能力是列表式布局所不具备的。

超全面总结!产品设计中的可拓展性原则

列表式布局可以向用户传递更多的信息,更能表现内部状态的变化。以下图为例,用户可以知道自己还有一张优惠券没有使用,知道自己本月还有126元没还。而宫格式布局碍于空间,很难向用户展示过多的信息。

超全面总结!产品设计中的可拓展性原则

以上方的日历为例,近期做了一个拆红包活动,用以icon为主的宫格布局只能加一个「拆红包」的角标。如果采用了列表式布局,可以直接展示金额,更能起到刺激用户的作用。

写分析总结写到现在读者越来越多,所以愈发担心自己写的不好会误导别人。对于设计来说,无所谓对错,只有合适和不合适。就像上面提到的两种布局方式,在列表式布局中你可以随意添加新功能,但是碍于空间,可添加的功能数目也不会太多;宫格式布局倒是不怕入口放不下,但是会引起界面的失衡。设计师的能力就体现在收集用户数据,分析具体场景,去思考得出最合理布局样式。不要拘泥于解决方案,因为解决方案有很多,我们要学习的是解决方案中所体现的思维方式和过程。

总结

以上就是我针对产品设计中可拓展性原则的一个简单分析总结,欢迎大家留言讨论。

欢迎关注作者的微信公众号:「王M争」

超全面总结!产品设计中的可拓展性原则

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@Daidai丶呆 :本周的译文纯粹聊了聊「列表视图」跟「网格视图」在电商产品中的应用法则。但这篇在 Medium 上收获1.5K点赞数...
产品设计
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为「启发式」,因为它们是广泛的经验法则,而不是特定的可用性...
交互设计
本文将结合今年双十一淘宝「盖楼」活动,为你深入剖析上瘾模型。 要说今年设计行业讨论度最高的岗位,莫过于产品设计师。「...
上瘾模型
多年以前,当我们刚刚开始频繁听到「大数据」这个词的时候,很多企业和团队的负责人开始认为,这是他们所缺少的东西,是让产...
App设计
背景 在汽车行业的朋友想必都知道自2019年各大车企利润开始大幅度下滑。(对这方面感兴趣的朋友可以自行查阅资料了解)在利润...
交互设计
为什么会出现下拉刷新,以及在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总能带来更多疑问。追...
产品设计
读者: 呆哥,我是一名产品经理,每天工作就是接需求写文档,更像是一个产品设计师吧。我感觉自己能力实在不行,经常被开发怼...
产品能力