文案可以是一語定江山,也可以是細微處顯力量。今天@德川亮 (美團交互設計師)總結了8個提高界面文案體驗的方法,幫你把文案寫得干淨利落,明了清晰 >>>
這裡所說的界面文案,主要是界面中的提示文案(包括短信文案),控件中的文案,功能或者運營入口的引導文案。
一、發現界面文案
怎麼讓人看到這些文字呢?這主要是視覺層的問題。
如果你想要強化它們,就請考慮以下幾點:
文字容器的形式(例如:模態彈窗,浮層,按鈕,運營圖片,提示塊,純文本等),容器的大小;
文字大小,字體,顏色,留白;
周圍圖片或者圖形的吸引力;
動畫效果;
反之,為了平衡界面中的元素,也可以從這些方面進行弱化。
二、理解界面文案
保證識別度
這是基礎的要求,人人都知道。
但是視覺設計師可能為了美化頁面或者依據現成的 UI 規范,而給出了不合適的方案。這個時候,你要麼能和視覺設計師交流達成共識,要麼給出有說服力的證據和對方交流,不要把這完全當成視覺設計師的工作而立馬妥協了
說“人話”
實際遇到的問題分為三類:
1. 文案寫得“像代碼語言”或者“感覺詭異”
這個問題,不好用語言描述,就直接舉例了,如下圖所示,你說它沒表達清楚吧,細細一想也不是,就是看著別扭。
但是調整了一下表述之後,瞬間就感覺好了。
具體的優化方法也就是,多在紙上寫寫,對比一下,問一問周邊人的看法,當然快速問一下目標用戶的看法最好
2. 文案寫得太“文藝”,讓人看的雲裡霧裡
目的是想把文案寫的更有人情味,情懷,詩意一點,但是弄巧成拙,讓人無法直觀的識別和理解其意思
下圖是小米的申請退貨後的通知短信,就屬於這種問題
當時我買錯了東西,申請退貨,打電話給客服,答應把退貨地址短信發到手機,然後就沒注意手機短信動態了。第二天,要郵寄了,才想起找地址,在短信列表裡找了半天,沒有發現,又電話客服要求重發一條,這時候才發現,退貨短信在前一天確實發過,但是當我看到短信摘要的第一行字時,在想:“這是什麼鬼?”,然後就看下一條去了。甚至我在想,如果等晚一點再看短信列表時,由於其他收到了其他短信,我應該都不能很快知道,這是小米發給我的短信。
情感化,情懷是一個文案設計的高級目標,但是要確保主要的信息能傳達和表述到位。
3. 文案寫的有歧義
即容易讓人產生不同的理解
這類問題的關鍵點在於,能否發現歧義問題。
業務方,產品經理,設計師由於長期做相關項目,很容易陷進固定的認知中,無法敏銳的發現問題,或者只是知道這個問題的存在,但對於這個問題的發生頻率和體驗傷害程度,無法深刻的感知;
下圖,是自家的美團酒店鐘點房頁面。請注意使用時間那一塊,現在的問題是,你預計4月17號15:00入住,你認為最晚的退房時間是幾點?
分析我不細說了,當然,這一塊我們正在推動優化
少一個字,就多一點可能最終理解
在大腦中理解信息這件事情,有一個前置步驟,就是吸收信息。在看到這個信息的前提下,讓這些信息比較容易的輸入到大腦中,必須要做的事情,既包括前面說的,保證文字識別度,保證在各個情況下都在說“人話”,還有一個優化的方向就是,減少接收信息的量,減少文字的字數,讓大腦多一點可能進行吸收。
具體操作方法:寫出你想要表達的意思相關的所有句子,在保證表達完整和無歧義條件條件下,一個字一個字的嘗試刪減,刪到不能再刪
考慮實際中的邊界情況
在方案設計時,需要多和工程師當面溝通,列出所有的展示情況,比如第一次操作時的情況,第二次操作的情況,倒數第二次操作的情況;或者是看在不同屏幕下因為間距的變化,是否導致文案表述有問題。最好不要只是線上交流,集中一個時間,大家當面一起羅列出所有的情況,然後審查在邊界情況下,這些文案的展示是否有理解問題,確認優化方案和開發成本(有時候界面上雖然是一個字的修改,但可能,對後端的數據開發的工作量是很大的)
舉例:下圖中的一段話中,數字是變量,隨著操作步驟的進行,最後一句變的不像人話了
我的經驗是,你必需考慮,一段含有數據變量的文案,在變量是1,2,3 ,倒數第一,倒數第二,倒數第三的情況下的展示情況
三、引導行為
促使用戶產生預期的行為,會有很多因素影響,擺放的位置,圖片的質量,視頻效果等。這裡我們只說文案。
界面文案層面上,強化用戶行為的3個點:
表明好處,例如:折扣,優惠額度,返現等
加入有“動作”的詞,例如:搶購,發現,去,遇見等
提出一個好問題,契合用戶心中的那個“說話人”,比如常見的“忘記密碼了?”
並且這種引導行為的方法,更多的是多出現在提供內容的網站和內容 App上
上述的三點中,前兩點的基礎是,你得說清楚這大概是個什麼,有些東西你說清楚了這是什麼,感興趣人就會去進行“預期的行為”;而第三點則是利用了人們的好奇心。
四、感受
用戶體驗終究是一種對產品和服務,感性的認知和經歷。所以需要從最終的感受來走查界面文案。
提供安全感,控制感
盡量讓信息對稱,提供更多必要信息,讓用戶有明確的預期。
例如:小米官網的預約提醒設置對話框中,特意聲明了手機號的隱私安全問題
在舉一組對比的例子(截圖比較早,現在應該不一樣了)
快的打車App 中,在叫普通出租車的等待時間中,會彈出專車的廣告:
而下圖是在滴滴打車 App 中,在取消叫車時,也會彈出專車的廣告。
但是,對比於快的打車App的廣告文案, 滴滴的文案明顯給予了用戶更多信息預期和操作安全感。而快的App 的廣告,則應該會讓用戶感到困惑和不安,因為他們不知道點擊之後是否就立即開始叫車,而且也不知道要花費多少錢
賦予行動的意義和原因
“要我做可以,得給一個理由,什麼理由都行” 忘了摘自哪裡了,具體解釋為:人是一種追求意義的生物,做任何一件事情,或者接受任何一件事情時,都必須給出一個說服自己的理由,即使這個理由很扯談
之前做過一個滿意度調查的需求,業務方規定是一個月只能讓商家評價一次(具體原因忘記了),大家達成共識之後,就打算讓商家在同一個月,第二次進來嘗試評價時,給出這個規則的提示。設計原型時,我們除了給出規則的結論之外,還想了一個看似有道理,細細一下沒啥道理的規則解釋。讓這個對商家來講,不講理的規則,變的合情合理,令人信服LOL
安慰
網絡原因,硬件原因,業務規則等等,都會讓用戶的某個預期行為,被阻斷。即使是一個非常理性的人,這個時候都應該會有那麼一點點的挫敗感,不爽。這個時候在界面設計層面的解決方向,就是“安慰”和“用其他情緒替代”。
文案層面的主要能做就是,換個友善的語氣,“安慰”用戶。
下圖中是小米官網中,預約購買失敗後的文案提示