討論一個比較常見的問題。

讀者:

呆呆,這個圖的卡片列表里,標題用省略號合適嗎?

(因為原圖涉及讀者項目隱私,所以重畫了個草圖。)

標題文案溢出使用「…」合理嗎?來看高手的分析!

啊!又是沒有業(yè)務背景的問題。不過這個問題比較簡單,可以展開來說一下。

通常,我們會在各類產(chǎn)品里面見到諸如「標題超出部分用省略號顯示」這樣的設計,譬如上面這圖。

于是,許多人在自家產(chǎn)品的設計過程中,遇到此類情況,被開發(fā)問到時,也會搪塞一句:文案要是超出就「…」顯示吧。

大多數(shù)遇到這種情況的,都是因為之前沒考慮好,才臨時想了這個解決辦法。

而很多時候,一些產(chǎn)品之所以用「…」顯示,并不是因為單純地文案溢出,可能是專門設計過的。

所以,如果簡單地認為「…」就是解決溢出而使用的方法,那就有問題了。

下面舉幾個例子。

有些產(chǎn)品,我們幾乎看不到列表視圖里的標題是有省略號的。

因為這類產(chǎn)品的目的就是讓用戶讀到完整的標題信息,對眼前的內容好做判斷,從而考慮是否點進去看詳情。

所以在設定的時候,界面中標題字數(shù)的規(guī)定,與界面樣式就已經(jīng)提前規(guī)劃好了,可能在后臺設置就限定死字數(shù),要求運營人員上新時要統(tǒng)一界面的展示形式。

這種情況下,一般就不會再有省略號的問題,譬如一些知識付費類產(chǎn)品。

標題文案溢出使用「…」合理嗎?來看高手的分析!

比較典型的還有 TED 演講視頻的標題,在《設計體系》這本書里專門提到了這個案例。

對于 TED 來說,演講標題的信息優(yōu)先級是最高的,所以他們寧可保留所有標題文案,也不對文案做截斷用「…」顯示。

因為對標題做截斷是很容易的,而難的是把一個演講主題提煉成一句簡短句子,所以他們?yōu)榱苏故靖逦臉祟},寧可在界面上保留長標題,甚至為長標題的顯示而專門設計相符合的展示形式。

標題文案溢出使用「…」合理嗎?來看高手的分析!

反過來,他們也因為這一點而確定了界面上標題字數(shù)的上限,確保文案不會超過界面顯示的最大臨界值。

包括一些資訊類產(chǎn)品,在標題上也會做限制,以滿足最大化呈現(xiàn)且不使用省略號。意思是:假設界面上文案范圍定了 30 個字符,那么配置的時候就必須 30 個字符以內把內容表達清楚,且必須完全顯示在界面上。

標題文案溢出使用「…」合理嗎?來看高手的分析!

所以經(jīng)常看到一些 UGC 產(chǎn)品之所以會限制標題字數(shù),原因除了常見的標題不能過長之外,還有一點是為了在列表頁就能顯示完整。

各位在設計這類產(chǎn)品功能時,也要注意到這一點,而不是隨意說一個「字符不能超過 50 吧」。

而有些產(chǎn)品的內容列表,之所以頻繁使用省略號,它的目的是為了引導用戶點擊用的。

標題文案溢出使用「…」合理嗎?來看高手的分析!

這類形式一般出現(xiàn)在營銷號發(fā)的文章里,多是營銷人員自己為了文章點擊率而做的。很少會有一款產(chǎn)品的所有內容都是這樣的,除非是一些內容產(chǎn)品,運營方是企業(yè)自己,為了讓產(chǎn)品上的內容有更多人點擊而這樣去設計,當中可能涵蓋了廣告,以此賺取廣告費。

不過這類內容的設計已經(jīng)讓用戶開始反感,所以如果不是特殊情況,最好少這樣去做。

當然,還有同類型的,一般出現(xiàn)在頁面面積小且需要展示更多信息的集合類視圖,比如:

標題文案溢出使用「…」合理嗎?來看高手的分析!

這種形式的設計,就是因為頁面上想展示的信息太多,以至于通過這類合集來展示某個模塊里的內容,營造出一種很豐富的感覺。

也就是利用「…」引導用戶點擊,表示信息沒有展示全,如果要看,就點開詳情,進二級頁面。

還有一些產(chǎn)品的省略號,純粹就是大家理解的,溢出就省略號顯示。

比如同樣是資訊或內容類,以文字為主的產(chǎn)品,雖然標題超出范圍用了省略號,但用戶基本也已經(jīng)知道是什么內容(上面那個集合類視圖也是一種),且還有摘要引讀。

比如下圖:

標題文案溢出使用「…」合理嗎?來看高手的分析!

這種標題字符限制在了兩行以內,多余字符用「…」展示,基本上已經(jīng)是一句完整的話,能讓人大致了解這條信息的意思。并且還有部分摘要,已經(jīng)足夠用戶判斷是否對它有興趣,如果沒興趣,直接刷走也無所謂。

包括一些電商類產(chǎn)品,用戶多以商品圖片為主要決策因素,商品標題作為輔助信息,優(yōu)先級不高,所以標題溢出是否省略號顯示也無所謂。

這其中有一個特殊情況,就是有些產(chǎn)品的標題即不展示全,同時又沒有省略號,比如淘寶的商品搜索結果頁面。

標題文案溢出使用「…」合理嗎?來看高手的分析!

因為這類列表實質是一個產(chǎn)品賣點集合的濃縮詞,不是完整的一句話,多余字符展示或者不展示,都不會有太大影響,所以也不重要。

當中我比較反感的還要數(shù)農藥了。

好友邀請的列表視圖里,常常看不全昵稱,因為好友會有游戲昵稱,微信備注會展示在游戲昵稱后面,以至于要點到游戲關系里先看全昵稱,再到匹配界面邀請好友。

既然已經(jīng)區(qū)分了微信好友與游戲好友,為什么昵稱上面不也加以區(qū)分呢?

當然,經(jīng)常玩的好友可能沒這個必要,畢竟頭像或昵稱都可以很快識別出來,但是偶爾一起玩的好友通過這樣的識別方式就比較難了。

這里就是簡單提一句。

通過上面提到的一些例子,以及不同場景下標題省略號的處理方式,相信大家對這塊的理解會比之前更深。

同樣,對于開篇讀者提到的問題,更符合的情況可能類似于知乎這種,有完整句子,所以標題是否省略號處理也就沒太大影響。

但具體的還是要結合業(yè)務詳情仔細考量。

而標題內容的展示是否要用省略號處理,優(yōu)先要看這條信息的業(yè)務權重,以及是否會影響用戶決策。

所以各位在設計這類內容標題是否要用「…」顯示時,也要注意判斷自己的產(chǎn)品特性符合哪種類型,而不是隨意一句話,說「超出就省略號顯示好了」。

歡迎關注作者的微信公眾號:「呆呆U理」

標題文案溢出使用「…」合理嗎?來看高手的分析!

收藏 89
點贊 14

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。