「展開和收起」
大家好，我是Clippp。今天爲大家分享的是「展開和收起」的運用場景。文章靈感來源於一位讀者的提問🤔：
發現在一些產品中用戶點擊展開全文後就不再支持收起，如網易雲搜索頁面、豆瓣短評、QQ羣介紹頁等。
而有些則是點擊展開全文後則仍然保留收起功能，如朋友圈、知乎、得到關注的動態等。想問下，是什麼原因導致交互上的差異？
展開和收起屬於比較細節的問題，按照慣性思維，內容多了我就摺疊一部分，用戶需要看更多內容就點擊「展開」，內容展開之後，相應的還應該支持內容的「收起」。
整個流程這樣看起來沒什麼毛病，但是卻缺少一個重要的前提，哪些場景或者什麼情況下才需要展開或收起呢？
如果只是單純給出一個流程，顯然缺乏對產品邏輯和用戶體驗上的思考。可能很多設計師之前沒怎麼注意過這個地方的交互邏輯，或者深入思考需要注意的問題，這次藉着答疑的機會咱們一起來深入探討下。
1、拋開展開和收起
雖然提出的問題是分析展開和收起的運用場景，但是我覺得不應該一上來就陷入到具體的細節裏。
這個問題相對來說屬於比較小的點，直接鑽到細節裏會讓我們只盯着這一小部分，缺少對全局的思考，因小失大。
盯着已有的設計進行推導，這樣多少帶有個人主觀的臆想。先不要盯着具體的展開和收起功能來想場景，反過來想，在設計過程中有哪些地方需要這樣的交互邏輯，爲什麼需要呢？
無論面對什麼樣的設計需求，這樣的思考過程會一直伴隨着我們。
2、先場景後行爲
先回到場景上，考慮哪些場景會觸發「展開和收起」行爲，再具體問題具體分析。
場景一：當某段內容字數太多，佔據了大面積的空間，如果用戶不想看這些長篇大論，想看下一個內容，要滑動屏幕很久才能略過這些內容，顯然我們不想給用戶帶來這樣的操作負擔，這時候就可以考慮添加收起功能，把多餘的內容收起來。
這裏的收起需要注意兩點：
內容被收起不代表被收起的內容不重要；
收起相對節約屏幕空間，用戶更方便上下滑動查看內容。
場景二：頁面上仍然有很多內容，但是這些內容有主次之分，我們想讓用戶最先看到前面的內容，後面的內容可以考慮收起來突出重點並節省空間。
這裏的收起就和場景一有差異，可能被收起的內容相對沒這麼重要，只露出重點/熱點內容或權益來吸引用戶，相對次要的內容被收起，這裏的收起會涉及到內容重要程度的排序，這種排序就可以體現在排行榜設計中。
3、展開然後收起
展開和收起屬於一組行爲，看到展開我們必然會聯想到收起。展開是爲了看到完整的內容，收起則是內容看完的標誌，點擊收起可以繼續下一個內容。
在知乎問答中，我們首先看到的是標題的問題，這些問題往往言簡意賅，通常光看標題我們就能知道這個問題想表達什麼意思。
▲ 標題下面的問題簡介是對標題的進一步解釋和補充，這裏的簡介作爲說明性文字，就支持展開和收起。當簡介內容太多時，就要考慮摺疊一部分簡介，這樣能保證在首屏上能同時看到問題和答案。
另外當內容很多，以信息流的形式呈現，並且需要上下滑動來瀏覽時，就可以考慮使用現展開後收起。
比如在微信朋友圈，如果文字內容較多，就會被收起一部分，想看完整的內容則需要點擊「全文」選項，看完後點擊「收起」，內容就會被摺疊起來，方便我們繼續滑動瀏覽其他朋友圈。
4、展開後不收起
點完展開看到了全部內容，卻沒有收起選項，但是這樣並不影響我們的觀看體驗，而且展開這個動作給用戶和頁面帶來的反應都很小，不會讓用戶感到不適。
之所以選擇「展開」，一個重要的原因是因爲我們有想看完整內容的強烈需求。在這種意願的號召下，我們會毫不猶豫地選擇展開功能。
▲ 在豆瓣電影介紹頁中，在劇情簡介區域會有「展開」提示，如果我們選擇展開，說明我們有觀看完整簡介的意願，並且是主動選擇展開，不添加「收起」選項正好避免了給我們增加操作上的負擔。
另外，當內容相對沒那麼多，能在一屏上顯示，不需要用戶上下滑動太多時，可以考慮省去收起，比如在QQ羣介紹、抖音個人頁的簡介等。
最後
以上是我對展開和收起的運用場景的一些小思考，主要從場景角度來考慮交互邏輯。
授人以魚不如授人以漁，關於展開和收起的場景還有很多，希望大家能掌握這樣的思考邏輯，去發掘更深層的設計內容，當然有問題咱們可以隨時溝通～
慢慢來比較快，如覺得有幫助，
請點個贊，謝謝！
精彩推薦：