1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

超全面总结!产品设计中的可拓展性原则--九分网络

时间:2020-07-01   分类:设计管理    作者:网络   来源:网络整理   点击:93

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

九分网络

九分网络

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

产品设计的可拓展性就是为了应对将来未知的改变。改变来自于功能的改变,因为产品是由一个个功能组成的。功能的改变可以分为两类:数量的改变和状态的改变。当然这里不涉及到具体的功能设计【公众号小程序分销商城搭建找九分网络,只要800元起:13106499520 QQ:452570709】,只是探讨功能入口的展示。

www.9fen.net

一、数量

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

超全面总结!产品设计中的可拓展性原则 内容采集来自9fen.net

copyright 9fen.net

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

但是其缺点就是可拓展性差,不管是2*5还是3*4,你如果想单独新增一个功能,界面就会失衡。当然我们可以给用户提供分页,这就意味着有些功能需要用户滑动才能看到,【手机站搭建找九分网络:13106499520 QQ:452570709】,具有一定的风险。

本文来自九分网络

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

copyright 9fen.net

内容采集来自9fen.net

还有一种方法就是提供全部按钮,用户点击可以查看全部功能。

内容采集来自9fen.net

超全面总结!产品设计中的可拓展性原则 www.9fen.net

www.9fen.net

列表式布局就没有这方面的顾虑,它可以在不打破界面布局的情况下增加新功能入口,但是它的缺点在于可展示的入口太少了。宫格式布局一屏可以展示20多个入口,而列表式布局只能达到其一半的水平。 www.9fen.net

超全面总结!产品设计中的可拓展性原则 内容采集来自9fen.net

本文来自九分网络

这也是经常困扰设计师的一个问题,因为数据反馈一个页面超过一屏往下内容的点击量是急剧下滑的,所以一般的一级页面都不会设计的很长。如何在有限的空间里展示足够多的入口呢?

copyright 9fen.net

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

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

copyright 9fen.net

九分网络

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

九分网络

copyright 9fen.net

还有在京东首页中,用户下拉会进入520专属活动页面。同样的还有微信,用户下拉直接显示你最近打开的小程序。但是目前来说,大多数用户还认为下拉只能刷新界面,对于「下拉发现新功能」足够的缺乏认知。这样的入口可以吸引多少的流量还有待检验。 copyright 9fen.net

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

九分网络

九分网络

对于一级页面我还有一个建议:千万不要随意把功能入口放在顶部栏上。因为对于一些小功能的迭代,入口放在哪里都一样,用户看得到很好,看不到也无所谓。但是如果要上线一些层级比较高的功能,又不想打乱界面的原有布局,最好放到顶部栏上。特别是你的界面中如果还没有搜索、城市定位、分享、筛选、通知等全局功能,一定要把顶部栏的位置空出来。文章开头我说的「到期查询」其实就属于筛选功能。 www.9fen.net

二、状态

上面也说了,本文所提到的可拓展性指的是入口的可拓展性。那么入口在状态上的变化可以分为外部状态变化和内部状态变化。 copyright 9fen.net

标签: 设计原则 产品设计 优设 优设网 可拓展性

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----