鑽石舞台

快手商業化中有眾多的業務線，每條業務線都有協議與規則說明的長文，如下：

__________________

首先去看了同類設計，移動端中大段文字的場景並不多，設計樣式也大多比較常規，發現蘋果有些排版有不一樣的思考

我們也根據蘋果的設計方式出了三版方案，發現在「找」的三要素：①屏效；②定位（找想找的內容）；③識別（識別出內容是什麼）上都各有短板

導視系統也是一個成熟的找的體驗，而且和目錄有很強的相似性

根據這個形式做出了這個方案，這個方案確實兼顧了 屏效定位性識別性，解決了「找」的問題

__________________

接下來是「讀」的體驗，根據可讀性研究整理了設計發力點，從這四個方向進行「讀」的優化

1.關鍵內容提取

幫助用戶找到關鍵信息（也就是重點內容加黑加粗）

2.文字屬性

①字色：可以在網站https://colorable.jxnblk.com/e1e1e1/171a19上進行實驗，來達到比較好的對比度，需要避免白色紙上用純黑色字，會刺眼；

②每行字數：移動設備每行中文字符17-46個，最佳為23字；

③行距：關於這方面信息很多，有看了大量的相關研究

總結如下：行間距太大，像微信讀書，確實讀的體驗好，但是會影響屏效，影響「找」的體驗；但如果行間距太小，不利於專注於內容，會影響「讀」的體驗。

④字間距恆定，版心空洞的均衡，版面整齊

字間距恆定：字距會影響閱讀速度，比如詩歌會用大的字距，讓人讀緩慢一些，所以字間距應該是恆定不變的，保持閱讀速度的統一，下圖右邊樣式是左右對齊，這樣雖然看起來更整齊，但是會拉伸字距，影響閱讀速度與閱讀體驗

版心空洞問題：左邊的相鄰標點用了英文，整體協調，閱讀順暢；而右邊的相鄰標點是中文，造成了很大空白，容易讓讀者在閱讀中被突然的空白打斷，也影響美觀

文字屬性綜上所述，調整如下：①重點文字加粗加黑；②調整了字色；③每行字數控制為22；④行間距定到了取中的1.6倍；⑤修改了標點

__________________

需要可視的地方儘量用更真實的 ， 比如真實截圖可以更好的幫助理解

04

__________________

IP 感性同理心

如果給用戶提供以下這樣的案例，用戶做不到，或者製作成本過高不夠實際，就沒有意義

還有標題同理心，用戶是帶着問題來的，所以可以用他們的問題做標題，他們會更容易理解，比如我該用什麼材料、封面想要吸引人怎麼做，所以標題可以適當的用問句

①添加更有幫助更直接的圖片；②同理心的圖片與建議；③把標題改為用戶角度的問題

這樣就從」找「和」讀「的層面做了優化，由於是從書籍目錄獲得的靈感，我們就叫這個樣式為「目錄式排版」吧，接下來需要驗證這個方案是不是真的更好呢？有多好？

於是用磁力聚星的規則，做可用性測試，找了34個線下用戶

05

__________________

驗證結果

找內容的速度快了很多，不同的版本對比如下

通過標題的對比，能看到標題的重要性是極大的，後面類似業務，也可以以此為依據push業務方一起想標題

通過「目錄式排版」與普通排版的對比，能看到也有一些優勢，數字定位的作用+每行文字變少，都讓「找」的速度變快了

從喜愛度上來看，目錄排版是大家最喜愛的。喜愛度愉悅度也是很重要的，因為會影響到用戶情緒，進而影響客訴