【交互細節1】文案!文案!

做真實產品跟做概念性產品,很大的一個區別就在於文案。

概念性產品的文案可以隨意擬定,但真實產品的文案需要你反覆斟酌。從大方向來說,文案需要做到:

1. 表意明確清晰;

不要含糊不清,不要有歧義。

如下,商家的印表機出現問題了,第一個文案沒有指出是哪台印表機,也沒有指出是什麼問題,商家看了也不知所措。

而第二個文案,指出了特定印表機以及故障原因,商家看到後很明確知道要做什麼。

2. 簡潔明了;

能簡短,千萬不要冗長。

以下兩個彈窗表達同一個意思,前者冗長用戶不喜歡看,而且抓不住重點。

後者簡短,直接說現狀和行動點,用戶能抓住重點。

設計久了會發現,很多用戶是不看彈窗內容的,看到彈窗上有按鈕就馬上點擊按鈕。可見,文案,特別是彈窗中的文案,越精簡越好。

3. 一致性;

做一個產品的設計時,要先確保產品內部的一致性。

相似的文案,表達方式要一致。

如下並列的兩個按鈕,前者主謂順序不一致,後者一致。一致的文案更容易理解。

4. 主次分明;

一小段文案,各個部分有不同的功能,若能做出區分,將更好地幫助用戶理解文案內容。

5. 形成閉環;

若文案不可避免會很長,那麼有沒有讓用戶快捷操作的途徑呢?

如下,前者讓用戶通過文案去尋找設置路徑,非常繁瑣。

而後者提供了「去設置」按鈕,用戶可不仔細閱讀文案就能進行下一步操作。

下面分幾種場景來講下整體文案細節。

一、引導頁文案

1. 要做什麼

2. 為什麼要這麼做(利益點)

3. 怎麼做

以下兩個頁面的引導標題,前者描述了事情本身,「請完成以下設置步驟」。

後者「3步完成設置即可開店」用差不多的字數體現了現在要做什麼——「3步完成設置」,以及為什麼要這麼做——「即可開店」。顯然後者的文案更好。

二、空態頁文案

1. 發生了什麼

2. 要怎麼做

以下兩個空態頁,前者僅告知目前無數據,並沒有告知怎樣才能有數據。

後者則給出了要有數據該怎麼做。很多用戶來到這個頁面,是為了看內容的,說明對這個頁面感興趣,若僅僅展示空態不給出解決方案,那麼就流失了一批有意向的客戶。

三、列表頁文案

標題、名稱、按鈕文案互相關聯,要搭配好邏輯結構。以下兩個列表展示了備註的設置頁。

前者頁面的按鈕文案「添加選項」和標題「備註選項」關聯在一起,而與內容「備註名」沒有任何聯繫,用戶看的時候會產生疑惑,不知道添加的是什麼選項。

後者將頁面標題改為「備註設置」,描述頁面整體功能,而按鈕文案改為「添加備註名」,和內容「備註名」直接呼應,很容易聯想到添加的內容就是一條備註名。另外,頂部新增說明文案,可解釋設置完的結果。

暫時先寫這些,以後想到再繼續更新。希望對你有幫助。


我是Baoling,一個不設限的設計師。

歡迎關注我的公眾號,叨叨交互、產品、互聯網、職場。

weixin.qq.com/r/EUN8ZO7 (二維碼自動識別)


推薦閱讀:

做設計類工作以來,我對於世界的新認識
服務設計初探
SAP Fiori Design Guidelines 目錄
《2018年客戶體驗行業報告-UserTesting》(附報告)
[設計異聞錄] Week 22:光影秘境旭展覽、AR平台比較、AI中的UX、reactjs教程、markdown工具

TAG:用戶體驗設計 | UI視覺設計 | 產品經理 |