故事的起源是這樣的，項目中有這么一個需求~PRD文檔中有這么一句話，如圖，
間距自動調(diào)整

PRD文檔.png

依常理推斷，應該是這個意思，如圖，
如果沒有問題1，則如圖2所示區(qū)域整體上升到問題1的位置。

常理推斷.png

然而，答案不止一個，我們還有另一種方式 的自動調(diào)整間距，請看 行程列表 。

行程列表.png

即外部整體（大矩形）等高，內(nèi)部局部（小矩形）根據(jù)內(nèi)容自動調(diào)整間距。

我們究竟何去何從，怎么設計產(chǎn)品體驗更好。

不要著急拍腦袋做決定，我們進一步分析。

首先，具體的問題是后臺動態(tài)可配，不是我們前端客戶端寫死，
那么，會不會有這種case，假設登錄注冊只有1個小類問題，而線下服務有7個小類問題，嚴重不對稱，
如果這樣，那么行程列表式的自動調(diào)整間距，1:7，那1多空，肯定不行。

行程列表式的自動調(diào)整間距.png

而且，常見問題式的自動調(diào)整間距也會顯得整體不協(xié)調(diào)。

常見問題式的自動調(diào)整間距.png

所以，針對這種case，我們規(guī)定首頁最多顯示兩個，維持整體的協(xié)調(diào)性。

綜合各種考慮，我們現(xiàn)在的做法是，先維持這兩套 自動調(diào)整間距的邏輯。
理由：
對比兩個頁面，行程列表每一項多了一條明顯的分割線，如果像常見問題這樣造成框整體大小不一從整體看真是相當難看。
而客服中心沒這條明顯的分割線，整體比較統(tǒng)一，如果像行程列表保證整體框的統(tǒng)一會顯得有點空。

分割線.png

以小見大，從一個自動調(diào)整間距小case入手，開發(fā)助力產(chǎn)品不斷打磨需求，優(yōu)化體驗，產(chǎn)品可以更優(yōu)雅。

權興權意，產(chǎn)品可以更優(yōu)雅~
珍惜原創(chuàng)成果，轉(zhuǎn)載請注明出處哈。