這篇文章會主要討論如何書寫你的用戶界面雄妥,介紹一些適用于所有界面的方法,當然也會有一些特別的技巧瘟则。
清晰是你的第一要素
模擬兩可是任何好設(shè)計的最大敵人枝秤,對于手機或網(wǎng)頁界面更是。因為在這些界面里趁仙,文字作為最直觀的元素垦页,它們的模擬兩可會使得其造成的困惑無限放大。
在Google Ventures的John Zeratsky的《書寫用戶界面文案的5個原則》一文里盏袄,我們認為其中有4種最有用的規(guī)則:
1 具體化
選擇合適的詞語精確描述你想表達的意思薄啥。比如說:“保存(save)”和“上傳(submit)”是不一樣的。同樣的刁愿,一個 過濾器 的功能有時候可能會和 搜索 混淆到逊。
比如上面這個例子,你就可以看到按鈕被分別標注為”查看和編輯“以及”管理“的好處脑题。這是很細微的區(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公司的這一頁很聰明的傳達了目的。創(chuàng)始人是如何激發(fā)出沒有添加物稚晚,新鮮的型诚,原材料滿分的咖啡,將品牌與其他咖啡店區(qū)別了出來也搓。
?
利用人類閱讀的習慣
你需要知道如何布局內(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)域也一樣。