[自譯]如何利用文字優(yōu)化產(chǎn)品體驗

莎士比亞和海明威的文字可能會讓你去反思人類的狀況低零,但是文字可以增加產(chǎn)品的轉(zhuǎn)化率嗎?答案可能會讓你很驚訝啃奴。
作家.png

這篇文章會主要討論如何書寫你的用戶界面雄妥,介紹一些適用于所有界面的方法,當然也會有一些特別的技巧瘟则。

清晰是你的第一要素

模擬兩可是任何好設(shè)計的最大敵人枝秤,對于手機或網(wǎng)頁界面更是。因為在這些界面里趁仙,文字作為最直觀的元素垦页,它們的模擬兩可會使得其造成的困惑無限放大。

在Google Ventures的John Zeratsky的《書寫用戶界面文案的5個原則》一文里盏袄,我們認為其中有4種最有用的規(guī)則:

1 具體化

選擇合適的詞語精確描述你想表達的意思薄啥。比如說:“保存(save)”和“上傳(submit)”是不一樣的。同樣的刁愿,一個 過濾器 的功能有時候可能會和 搜索 混淆到逊。

圖片例子.png

比如上面這個例子,你就可以看到按鈕被分別標注為”查看和編輯“以及”管理“的好處脑题。這是很細微的區(qū)別铜靶,但有助于說明這兩個功能的不同∫鸭瑁”管理“這塊目錄提供的是添加病人,更改計劃和打印重要信息等功能舌胶,和另外兩塊只需要簡單輸入一些用戶信息是不一樣的。

另外還有個地方尤其需要具體化的是合適的標題。假定說你的產(chǎn)品更新了一系列公司活動辆它,對于你來說這個解釋是沒問題的,但是對一個新用戶來說會很困惑呢蔫。一個具體的標題飒筑,比如很簡單的”公司更新“,也許能拯救用戶的困惑俏脊。

如果是多頁步驟的話肤晓,比如注冊賬號,具體化能幫助你知道你具體在哪一步漫萄。大多數(shù)產(chǎn)品在下一步的按鈕上會標注 下一步 或者 繼續(xù) 盈匾,而要更具體化則需要創(chuàng)造更有用的交互,比如“ [保存繼續(xù)] ,下一步岩瘦,支付信息”

2 避免生僻詞語

這里說的生僻主要是指在產(chǎn)品里使用你們在辦公室里用的一些語言葵孤,而不是普通用戶知曉的語言,我們是設(shè)計師或者工程師尤仍,可是用戶不是。除非你就是給設(shè)計師或者工程師設(shè)計這款產(chǎn)品的苏遥。比如“UI” “IxD”這種,對于大眾來說就算生僻詞語师抄。

3 區(qū)分重要度

重要的語句需要出現(xiàn)在最前面或者最中間教硫。“First name”會好過“Name(first)”茶鉴,“以下更多細節(jié)”好過“下面你會看到更多細節(jié)”

4 限制無關(guān)用語

對于所有寫作形式,限制無關(guān)用語都是必要的基礎(chǔ)涵叮。對于展示空間有限的界面設(shè)計來說更是如此伞插,有研究表明,用戶只會花10-20s來決定這個網(wǎng)站是否對他們有用舀瓢。

盡可能嘗試使用更少的詞語氢伟。舉個例子:“點擊并繼續(xù)”就可以簡化成“繼續(xù)”幽歼。

不要為了特別而特別

在絕大多數(shù)產(chǎn)品都使用很官方語言的幾年前,個性化的語言還是很有用的诚些。但最近太多產(chǎn)品使用輕松隨意的語調(diào)皇型,所以這一策略已經(jīng)不太管用了。

我們不是所你的產(chǎn)品需要摒棄這種語調(diào)绞吁,只是說別為了用它而用它唬格。把說清楚事情放在第一位颜说,如果這種說話方式阻礙了這一點汰聋,那就別用它。

標題和按鈕是你產(chǎn)品的主心骨玄妈,建議不要冒險使得這里有產(chǎn)生誤解的可能拟蜻。對于主要交互而言枯饿,清楚明了永遠大于個性化,比如“儲存和繼續(xù)”會比“太好了,我們繼續(xù)擒权!”更好。

無論你選擇使用哪種腔調(diào)的語言碳抄,你設(shè)計的產(chǎn)品會以不同方式表現(xiàn)出它的特別。公司的品牌(獨特性)不是你能用幾句語言簡單的強加給用戶的嫉入,它應(yīng)該是慢慢的咒林,可靠的表現(xiàn)出來的爷光,人們會比你想象中更受這種獨特性的影響,但是友好親切的語言不是讓你變得友好的必要條件蛀序。

這里有一篇文章可以參考:設(shè)計中的獨特性

文字語言的情感

Blue Bottle的公司介紹頁是這一主題的完美表現(xiàn)徐裸。文章的可讀性比文章的長或短更重要,而有個普遍的概念性錯誤就是文章短一些總比長一些好骑祟。當然回懦,請不要把這點和限制無關(guān)用語混為一談粉怕。

Blue Bottle.png

很多公司可能覺得這樣迂回的介紹自己公司不太明智贫贝,但是Blue Bottle公司的這一頁很聰明的傳達了目的。創(chuàng)始人是如何激發(fā)出沒有添加物稚晚,新鮮的型诚,原材料滿分的咖啡,將品牌與其他咖啡店區(qū)別了出來也搓。
?

利用人類閱讀的習慣

用眼習慣.png

你需要知道如何布局內(nèi)容來增加它的可讀性傍妒,這就是層次結(jié)構(gòu)和排版的重要性摸柄。

1 布局

有時候,它看起來怎么樣和它說了些什么一樣重要嗦玖。

研究表明跃脊,用戶瀏覽一個網(wǎng)頁的視線軌跡為F模式Z模式。這些模式的重要性在于酪术,你可以從用戶視線瀏覽的方式中拼缝,知道怎么布局頁面中最重要的內(nèi)容。
?

2 字體

精心編排的字體可以完善你的內(nèi)容衰齐,按照你的需求指引你用戶的視線继阻。IOS的界面指南里就有列一些很有用的字體原則废酷。

  • 字體必須清晰可讀
    如果用戶都讀不了這些字抹缕,那不管它多好看都于事無補。
  • 用字體大小來區(qū)分內(nèi)容優(yōu)先級
    將最重要的信息用大號字體來顯示趴俘,以此吸引用戶的注意力寥闪。

別忘了輔助性小文字的重要性

并不是只有主要內(nèi)容才重要,一些次要的文字也一樣不能被忽視疲憋。User Interface Engineering的創(chuàng)始人Jared M.Spool講過一個例子梁只,一個小小的文字改動搪锣,給一個電商網(wǎng)站帶來了一年300萬的盈利增加。

簡單來說,就是這個電商頁面本身的設(shè)計并不好佩谷,在不改動現(xiàn)有設(shè)計上,他們加了一個按鈕并且寫了一句話:“你不需要注冊才能購買我們的商品谐檀,請點擊繼續(xù)按鈕買單桐猬。”

結(jié)果就是上面說的免胃,增加了45%的盈利,也就是大概一年300萬美元羔沙。

輔助性文字的重點在于你要知道它要說什么扼雏,以及在哪里說明這兩點,一般是用來解釋用戶的困惑或者擔憂诗充,提高用戶轉(zhuǎn)化率等。你可以從有用性測試或者其他方法里知道答案蝴蜓,但切記別等著這個300萬錯誤發(fā)生后才知道去重視它。

這里有一篇文章可以參考:五個小方法蜈敢,避免錯誤的輔助性文字汽抚。

總結(jié)

我們所有人心里都有一個莎士比亞或者海明威,所以是時候用上他們了否过!

按照以上我們的建議惭蟋,想清楚你想和用戶交流些什么告组,確保你的產(chǎn)品像人一樣說話,像真實的人一樣去幫助他們完成他們的目的木缝,也別忘了,內(nèi)容的可讀性至關(guān)重要放案。

好的語言是一份無價的至寶吱殉,在設(shè)計領(lǐng)域也一樣。

原文來源:《Interaction design best practices》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末友雳,一起剝皮案震驚了整個濱河市铅匹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌考杉,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件咽袜,死亡現(xiàn)場離奇詭異枕稀,居然都是意外死亡萎坷,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門蔽挠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來澳淑,“玉大人插佛,你說我怎么就攤上這事」涂埽” “怎么了锨侯?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我造壮,道長,這世上最難降的妖魔是什么成箫? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任蹬昌,我火速辦了婚禮攀隔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘明刷。我一直安慰自己,他們只是感情好愚争,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布轰枝。 她就那樣靜靜地躺著鞍陨,像睡著了一般添怔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上广料,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天,我揣著相機與錄音韧衣,去河邊找鬼畅铭。 笑死勃蜘,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的炉擅。 我是一名探鬼主播阳惹,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼快鱼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了线罕?” 一聲冷哼從身側(cè)響起闻坚,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎兢孝,沒想到半個月后窿凤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡跨蟹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年雳殊,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窗轩。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡夯秃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出痢艺,到底是詐尸還是另有隱情仓洼,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布堤舒,位于F島的核電站色建,受9級特大地震影響箕戳,放射性物質(zhì)發(fā)生泄漏陵吸。R本人自食惡果不足惜壮虫,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望谆构。 院中可真熱鬧,春花似錦熬尺、人聲如沸粱哼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至充甚,卻和暖如春伴找,著一層夾襖步出監(jiān)牢的瞬間疆瑰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留淹接,地道東北人塑悼。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像愕贡,于是被迫代替她去往敵國和親固以。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容