3min读产品：产品可以更优雅，从“自动调整间距”说起

故事的起源是这样的，项目中有这么一个需求~PRD文档中有这么一句话，如图，
间距自动调整

PRD文档.png

依常理推断，应该是这个意思，如图，
如果没有问题1，则如图2所示区域整体上升到问题1的位置。

常理推断.png

然而，答案不止一个，我们还有另一种方式 的自动调整间距，请看 行程列表 。

行程列表.png

即外部整体（大矩形）等高，内部局部（小矩形）根据内容自动调整间距。

我们究竟何去何从，怎么设计产品体验更好。

不要着急拍脑袋做决定，我们进一步分析。

首先，具体的问题是后台动态可配，不是我们前端客户端写死，
那么，会不会有这种case，假设登录注册只有1个小类问题，而线下服务有7个小类问题，严重不对称，
如果这样，那么行程列表式的自动调整间距，1:7，那1多空，肯定不行。

行程列表式的自动调整间距.png

而且，常见问题式的自动调整间距也会显得整体不协调。

常见问题式的自动调整间距.png

所以，针对这种case，我们规定首页最多显示两个，维持整体的协调性。

综合各种考虑，我们现在的做法是，先维持这两套 自动调整间距的逻辑。
理由：
对比两个页面，行程列表每一项多了一条明显的分割线，如果像常见问题这样造成框整体大小不一从整体看真是相当难看。
而客服中心没这条明显的分割线，整体比较统一，如果像行程列表保证整体框的统一会显得有点空。

分割线.png

以小见大，从一个自动调整间距小case入手，开发助力产品不断打磨需求，优化体验，产品可以更优雅。

权兴权意，产品可以更优雅~
珍惜原创成果，转载请注明出处哈。