讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

編者按:精簡用語、分點(diǎn)論述、優(yōu)化文字、加上標(biāo)題... 今天這篇好文總結(jié)了7個(gè)幫你寫好界面文案的小貼士,讓你的界面文案變得簡單易讀。

嚴(yán)格來說,我是一名文字工作者,我靠文字賺錢。但我有一件事大部分人都不知道:我討厭閱讀。

別理解錯(cuò)了我的意思,我現(xiàn)在依舊保持著閱讀的習(xí)慣。我會(huì)定期瀏覽書籍、博客、新聞以及雜志。但當(dāng)作者們把文章寫得越來越拖拉,我就不知道我的眼睛到底在看哪里,腦子也越來越遲鈍。

這樣的文章就像一面文字堆砌成的墻。

當(dāng)我還小的時(shí)候,我總認(rèn)為對于閱讀的反感是我自身的一個(gè)缺點(diǎn)。但直到近幾年我才意識(shí)到,這個(gè)弱點(diǎn)幫助我成為了一個(gè)更好的文字工作者。

正如你們所知,我常常為應(yīng)用和網(wǎng)站中的界面寫文案。這是需要字字斟酌的。為界面寫文案也是一種設(shè)計(jì)——為那些討厭閱讀的人群而設(shè)計(jì)。

用戶根本不會(huì)仔細(xì)閱讀界面上的文字

大量的研究表明用戶不會(huì)仔細(xì)閱讀網(wǎng)頁上的文字。這道理同樣適用于手機(jī)應(yīng)用、游戲以及其他交互界面上。大部分用戶習(xí)慣于粗略地瀏覽并且摘取只言片語的信息。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

你一定會(huì)感到驚訝,因?yàn)橄喈?dāng)多的用戶都會(huì)選擇直接點(diǎn)擊“下一步”的按鈕。

是因?yàn)槿藗兊膽卸??心不在焉?還是他們真的討厭閱讀?無論你同意哪一個(gè)觀點(diǎn),結(jié)果都是一樣的。那就是用戶不會(huì)閱讀界面上大部分的文字,無論文字多么的優(yōu)美。

因?yàn)檫@個(gè)原因,你不能在界面上簡單地堆砌文字。在編寫文案的時(shí)候,你可能會(huì)發(fā)現(xiàn)原有的設(shè)計(jì)方案需要進(jìn)行調(diào)整。如果你無法用簡單的語言概況一個(gè)行為,那么這就表明你的設(shè)計(jì)過于復(fù)雜。

換句話說:設(shè)計(jì)的時(shí)候不應(yīng)該使用無意義的占位符,而是換用真實(shí)的文案。

7個(gè)文案設(shè)計(jì)的小貼士

作為界面文案編寫者,我學(xué)到了一些能讓你的文案變得更易于閱讀的方法。希望這些心得能幫助你更好地設(shè)計(jì)界面的文案。

1. 精簡用語

要幫助用戶閱讀,最重要的事就是要精簡你的用詞。當(dāng)你寫完你的草稿后,你應(yīng)該一遍遍地精簡它。刪去不必要的細(xì)節(jié),使用更簡潔的詞語,直擊要點(diǎn)。記住要狠點(diǎn)兒。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

你的文字越精悍,那它就越可能被用戶閱讀。

作為一個(gè)文字工作者,我深知發(fā)散的想法和豐富的辭藻對作家的誘惑力,但是在為界面設(shè)計(jì)文案的時(shí)候這并不是是個(gè)正確的方向。這也是 Medium 興起的重要原因。

2. 加上標(biāo)題

有時(shí)候,你可能無法再精簡你的文字了。這時(shí)候,你可以試著增加一個(gè)具有概括性的簡短標(biāo)題,并使用一些用戶可能會(huì)關(guān)心的關(guān)鍵詞。當(dāng)他們需要進(jìn)一步了解的時(shí)候就會(huì)深入閱讀了。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

標(biāo)題會(huì)讓你的內(nèi)容更有可讀性。

3. 分點(diǎn)論述

當(dāng)我讀完這篇文章我們的視線趨向于從上至下地瀏覽之后得出了一個(gè)結(jié)論,那就是以分點(diǎn)論述為形式的段落更易于閱讀。

當(dāng)你在一個(gè)段落中大量地使用“和”、“或者”的時(shí)候,可以試試分點(diǎn)論述的方法。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

我愛分點(diǎn)論述。

4. 讓讀者歇會(huì)兒

許多產(chǎn)品,比如 Medium,本身就很注重內(nèi)容的呈現(xiàn),這是沒有問題的。但是有時(shí)候文字一大段接著一大段連續(xù)的出現(xiàn),會(huì)對閱讀造成較大的困難。

當(dāng)我需要寫下大段文字的時(shí)候,我會(huì)試著使用許多緩解閱讀疲勞的元素比如破折號(hào)、圖片、標(biāo)題、例子等,以及其他可以打破文字墻的元素。這可以為讀者提供一個(gè)休息的間隙。而且這也為讀者提供了思考的時(shí)間,同樣如果他們愿意也可以選擇跳過并繼續(xù)閱讀。

例如,在我的 Medium 博文中,我會(huì)讓段落之間以分割線來進(jìn)行區(qū)分,盡可能多地撒上緩解閱讀疲勞的調(diào)味品。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

撒上一些緩解閱讀疲勞的調(diào)味品吧。

5. 優(yōu)化你的文字

很多作家都會(huì)把關(guān)注點(diǎn)放在挑選合適的詞語。使用合適的詞語固然重要,但是我認(rèn)為詞語正確的展示也是同樣重要。

當(dāng)你在設(shè)計(jì)文案的時(shí)候,應(yīng)該考慮如何強(qiáng)調(diào)界面上最為重要的文字,然后如何弱化那些非重點(diǎn)的文字或其他元素。在設(shè)計(jì)當(dāng)中,這也被稱為視覺層次。

時(shí)刻考慮字重、字號(hào)、字體顏色、對比度、字體類型、是否大小寫、間距、空間感,對齊方式以及韻律等,所有的這些都會(huì)對讀者的閱讀造成或多或少的影響。仔細(xì)調(diào)整每一個(gè)特性直到找到最平衡的狀態(tài)。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

哪一個(gè)更易于閱讀?

6. 慢慢地展示

當(dāng)你試著教會(huì)用戶如何使用某個(gè)功能時(shí),你很可能會(huì)把所有信息都一股腦地堆在界面上,并且祈禱用戶能夠讀懂并理解。但事實(shí)上,如果你的文字超過了兩三行,很多用戶可能不會(huì)去讀它。那么你該怎么辦?

有時(shí)候你可以每次只給用戶展現(xiàn)一小部分的信息。這個(gè)方法的學(xué)名叫做漸進(jìn)式揭露,但是我卻偏向稱之為慢慢展示。(這聽起來更有意思不是嗎?)試著把你的信息拆分成許多小塊兒,并且一點(diǎn)點(diǎn)地進(jìn)行展示。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

字?jǐn)?shù)太多了?試著拆分開來一點(diǎn)點(diǎn)展示。

另一件事就是你可以刪去界面上大部分細(xì)節(jié)信息的文字,并且加上一個(gè)跳轉(zhuǎn)至幫助中心的鏈接。許多產(chǎn)品都會(huì)使用“查看更多”的鏈接,點(diǎn)擊后跳轉(zhuǎn)到幫助中心頁,那里包含產(chǎn)品的所有細(xì)節(jié)信息。

7. 寫在原型界面上,而不是文檔中

你是否有遇到過這種情況,有些文案寫在文檔上看起來很好,但當(dāng)放在界面上卻發(fā)現(xiàn)字?jǐn)?shù)太長而得重新再寫?當(dāng)你在使用谷歌文檔、Dropbox Pape 或者其他寫作軟件來編寫文案的時(shí)候這種情況會(huì)經(jīng)常發(fā)生。

當(dāng)你為界面編寫文案的時(shí)候,了解界面實(shí)際的情況是至關(guān)重要的。你需要知道你寫出的文案與界面上其他的元素是否和諧。

這就是為什么我更偏向于在 Sketch 的原型上寫文案而不是在文檔上。我發(fā)現(xiàn)在原型上也可以幫助我更好地寫出合適的文案,因?yàn)槲铱梢詫?shí)時(shí)地看到我的文案在實(shí)際界面上是如何呈現(xiàn)的。

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

最后的話

世上的文字承載著信息。它們幫助我們了解周圍的世界。但是可惜的是,大部分的人都不喜歡閱讀。如果你跟我一樣是一位文字工作者,我們的共同目標(biāo)應(yīng)該是讓閱讀變得盡可能的簡單。幫助人們更好地了解并感受這個(gè)世界。

以上的觀點(diǎn)只是我在設(shè)計(jì)文案時(shí)總結(jié)的一點(diǎn)心得。你是否有自己的觀點(diǎn)?如果有請把你的想法和故事寫在下面的評(píng)論欄里吧。

感謝文字的力量,以此獻(xiàn)給那些討厭閱讀的你。

原文地址:How to design words
本文已獲得原作者?John Saito?的授權(quán)
譯文出自:掘金翻譯計(jì)劃
譯者:jiaowoyongqi
校對者:cbangchen,?funtrip

「教你寫好文案的3篇好文」

  1. 寫走心的:《只有我最懂你!六個(gè)方法幫你寫走心的文案》
  2. 寫互聯(lián)網(wǎng)的:《年度最佳教程!7招教你寫出互聯(lián)網(wǎng)頂尖文案!》
  3. 萬能公式:《超實(shí)用!快速打造好文案的萬能標(biāo)題公式》

讓文案簡單易懂!幫你寫好界面文案的7個(gè)小貼士

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 8
點(diǎn)贊 4

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