2023-1-9 ui設(shè)計(jì)分享達(dá)人
講到UX文案，大家可能并不陌生：一個(gè)按鈕、一個(gè)彈窗的文案填充，我們幾乎每天都要與他接觸。但即便如此，大家對(duì)他的態(tài)度通常是得過(guò)且過(guò)的：“文案嘛，有了就行，看得懂不出錯(cuò)就好，沒(méi)什么值得注意的”。
確實(shí)，作為設(shè)計(jì)師，我們關(guān)注交互流程、視覺(jué)呈現(xiàn)，但UX文案似乎從來(lái)不是我們的首要考慮；在很多時(shí)候，文案與我們的設(shè)計(jì)流程是分裂的：要不就是設(shè)計(jì)完成后再填入，要不甚至直接讓產(chǎn)品經(jīng)理來(lái)提供文案素材；文案撰寫(xiě)，好像從來(lái)沒(méi)有被我們真正重視過(guò)。
但UX文案真的只是一個(gè)無(wú)足輕重的輔助位嗎？
首先，先拋結(jié)論，UX文案并不是無(wú)足輕重，相反的，它是好的產(chǎn)品體驗(yàn)中不可或缺的一部分。并且隨著時(shí)代的發(fā)展和新興應(yīng)用場(chǎng)景的涌現(xiàn)，它對(duì)于產(chǎn)品體驗(yàn)的重要性正直線(xiàn)拉升。
在我們還將UX文案看作一個(gè)可有可無(wú)的流程時(shí)，一些先進(jìn)的企業(yè)就有遠(yuǎn)見(jiàn)的意識(shí)到了它的重要性：早在2017年的I/O谷歌年度開(kāi)發(fā)者大會(huì)上，三位職業(yè)UX文案作家就向我們展示了UX文案如何切實(shí)地為谷歌帶來(lái)了產(chǎn)品數(shù)據(jù)的提升：
在用戶(hù)在搜索”酒店“相關(guān)內(nèi)容時(shí)，谷歌將直白的文案 “預(yù)定房間” 改為了更貼合用戶(hù)心智的 “查看房源情況”；這一小小的改動(dòng)，帶來(lái)了17%點(diǎn)擊量提升。
隨著UX文案的價(jià)值不斷的被發(fā)掘，在海外，已經(jīng)有越來(lái)越多的團(tuán)隊(duì)將UX文案寫(xiě)作作為一個(gè)細(xì)分的的獨(dú)立專(zhuān)業(yè)來(lái)看待。例如，在國(guó)際最大的旅游電子商務(wù)公司之一Booking.com，曾在不到一年的時(shí)間里增加了40名UX文案崗位，達(dá)到了每5或6個(gè)設(shè)計(jì)師中就有一個(gè)UX文案設(shè)計(jì)師的夸張比例。
面對(duì)海外對(duì)于UX文案的重視度激增場(chǎng)面，我們心中可能不免疑惑：“不還是為頁(yè)面配文而已嗎？平常不起眼的工作，怎么現(xiàn)在就好像突然變特殊了呢？”。
存在這樣的誤解，是因?yàn)槲覀儗?duì)UX文案的認(rèn)知還停留在過(guò)去，始終認(rèn)為它僅僅是一個(gè)輔助位，最多起到“錦上添花”的作用，并不能真正影響核心用戶(hù)體驗(yàn)的好壞。
而實(shí)際上，與我們印象中的邊緣形象不同，UX文案（UX Writing），也叫內(nèi)容設(shè)計(jì)（Content Design），所涉及的知識(shí)橫跨體驗(yàn)設(shè)計(jì)、內(nèi)容策略、用戶(hù)調(diào)研，是一個(gè)多元的、完整的設(shè)計(jì)學(xué)科；旨在基于同理心與專(zhuān)業(yè)溝通技巧，通過(guò)合適的文字信息，在產(chǎn)品使用過(guò)程中為用戶(hù)提供愉悅的體驗(yàn)，遠(yuǎn)不只是“為按鈕填詞”這么簡(jiǎn)單。
而隨著時(shí)代的發(fā)展，UX文案的覆蓋范圍、呈現(xiàn)方式以及工作流程等都已經(jīng)發(fā)生了巨大的變化；站在設(shè)計(jì)師的角度，我們希望通過(guò)以下幾個(gè)方面介紹UX文案與過(guò)去相比發(fā)生了哪些變化，來(lái)幫助大家消除對(duì)UX文案的刻板印象，重新認(rèn)識(shí)它在我們?cè)O(shè)計(jì)中扮演的角色，并學(xué)會(huì)運(yùn)用它為用戶(hù)呈現(xiàn)出更加優(yōu)秀的產(chǎn)品體驗(yàn)。
首先，如今的UX文案有著比之前更廣闊的范疇：過(guò)去關(guān)于文字，如今關(guān)于語(yǔ)言。
以前，我們講到UX文案，指代的可能只包含APP里的標(biāo)題、按鈕等靜態(tài)文字；但如今，隨著智能家居、智能車(chē)機(jī)等新興領(lǐng)域?qū)τ谡Z(yǔ)音交互能力展現(xiàn)出的強(qiáng)需求，以及類(lèi)似喜馬拉雅等播客產(chǎn)品的持續(xù)火熱，UX文案已經(jīng)慢慢跳出了文字的范圍，有了更廣闊的發(fā)揮空間。
想象一下，當(dāng)你結(jié)束疲憊的一天回到家時(shí)，你的智能家居助手應(yīng)該以怎樣的語(yǔ)氣向你問(wèn)好？應(yīng)該使用什么措辭能最精準(zhǔn)地得知你的意圖？這些動(dòng)態(tài)的、無(wú)實(shí)體的語(yǔ)音內(nèi)容，也逐漸成為UX寫(xiě)作要關(guān)注的重點(diǎn)內(nèi)容。
簡(jiǎn)單說(shuō)，如今所有用戶(hù)和產(chǎn)品產(chǎn)生交流的場(chǎng)景，都可以劃分于UX寫(xiě)作的范疇。得益于科技的發(fā)展，UX寫(xiě)作逐漸地更接近了自己最終的目標(biāo)，慢慢跳出了靜態(tài)頁(yè)面的框架，得以真正的與用戶(hù)產(chǎn)生有意義的、愉悅的語(yǔ)言的交流。
其次，UX文案與過(guò)去最顯著的不同之一是：不再僅是為頁(yè)面填充文本，更多的是根據(jù)信息主導(dǎo)頁(yè)面。
以下面一個(gè)常見(jiàn)的對(duì)話(huà)框?yàn)槔?，僅有一個(gè)小小的對(duì)話(huà)框來(lái)承載超額的信息；如果根據(jù)之前的“填充頁(yè)面”的觀(guān)念，我們要做的其實(shí)很簡(jiǎn)單，就是根據(jù)行文規(guī)范刪減、重新排列文字，試圖把過(guò)量的內(nèi)容塞進(jìn)小小的容器。
這樣得到的結(jié)果在視覺(jué)上看起來(lái)可讀了一些，但似乎也不盡人意。
這就是典型的機(jī)械性的填充頁(yè)面，信息的展現(xiàn)完全受制于已給頁(yè)面的結(jié)構(gòu)，實(shí)際上已經(jīng)脫離了更好傳遞信息的初衷。
如果我們調(diào)轉(zhuǎn)思路，試著真正從傳遞信息本身出發(fā)，就能很明顯的發(fā)現(xiàn)，原來(lái)的對(duì)話(huà)框最大的問(wèn)題不是文字長(zhǎng)短，而是信息過(guò)載—強(qiáng)迫用戶(hù)在有限的空間里一次性確認(rèn)兩類(lèi)信息：更改時(shí)間和通知參會(huì)人。而在我們上面的方案里，這個(gè)問(wèn)題并沒(méi)有被解決。
當(dāng)我們真正開(kāi)始用信息主導(dǎo)頁(yè)面，應(yīng)該做的是將一頁(yè)多個(gè)問(wèn)題拆分為每頁(yè)一個(gè)問(wèn)題，分步響應(yīng)用戶(hù)，對(duì)冗雜的信息進(jìn)行分解，以真正創(chuàng)造清晰有效的對(duì)話(huà)。
如果體驗(yàn)沒(méi)有達(dá)到理想的效果，通常需要改進(jìn)的是整個(gè)設(shè)計(jì)，而不單單是文字。我們需要逐漸去理解的是，頁(yè)面在根本上是信息傳達(dá)的媒介，一昧的修改文本來(lái)適應(yīng)頁(yè)面，反而是本末倒置的做法。
目前，UX文案通常僅需要保證基本的功能可用性；即使是已經(jīng)有文案規(guī)范的團(tuán)隊(duì)，更多的也是將其作為輔助位，保證文案“有一致性，不出錯(cuò)”即可；對(duì)于品牌形象、差異化的訴求則基本一筆帶過(guò)。
相較于UX文案，大家習(xí)慣用Icon的質(zhì)感、品牌色的搭配等視覺(jué)的呈現(xiàn)去傳遞品牌聲音，因?yàn)檫@樣的效果簡(jiǎn)單直觀(guān)，是可以直接被“看得見(jiàn)”的，這點(diǎn)無(wú)可厚非。
但隨著語(yǔ)音交互的興起，以及近年來(lái)轟轟烈烈的品牌去色化趨勢(shì)，單純的利用純視覺(jué)的呈現(xiàn)來(lái)塑造品牌形象變得沒(méi)那么萬(wàn)能了，與此同時(shí)，UX文案對(duì)于品牌形象的重要性也逐漸被發(fā)掘；我們發(fā)現(xiàn)，在很多時(shí)候，一句措辭得體的語(yǔ)音信息，或者是一句抓人眼球的標(biāo)語(yǔ)（Slogan），就足以彌補(bǔ)視覺(jué)上品牌呈現(xiàn)的缺憾，甚至更能與用戶(hù)產(chǎn)生共鳴。
這就需要UX文案在保證基本的可用性的基礎(chǔ)上，更要考慮什么才是真正適合自己品牌的聲音。
例如Google Earth 過(guò)去的一句經(jīng)典的標(biāo)語(yǔ)：“Hello, Earth”，這句標(biāo)語(yǔ)完美的契合了Google Earth的品牌形象，它簡(jiǎn)潔正向，并且和產(chǎn)品名稱(chēng)之間有巧妙的雙關(guān)，即代表了產(chǎn)品本身，也暗示了Google Earth帶領(lǐng)用戶(hù)去探索世界的功能定位。
仔細(xì)觀(guān)察蘋(píng)果、谷歌的產(chǎn)品，你就會(huì)發(fā)現(xiàn)從他們的UX文案除了保證了基本的一致性和可用性外，偶爾會(huì)隱藏一些小巧思，這些小巧思與他們的品牌形象相互呼應(yīng)，能讓用戶(hù)在產(chǎn)品使用中潛移默化地對(duì)其品牌形象、產(chǎn)品價(jià)值觀(guān)形成認(rèn)知，而這樣與產(chǎn)品體驗(yàn)本身結(jié)合的認(rèn)知構(gòu)成往往更加堅(jiān)固，比傳統(tǒng)的廣告宣傳更容易讓人信服與認(rèn)可。
隨著UX文案越來(lái)越廣闊的范疇，我們過(guò)去熟悉的工作方法已經(jīng)并不完全匹配如今UX文案的目標(biāo)了；因?yàn)樗ǖ囊呀?jīng)不僅是單純的文字內(nèi)容，更多的還有文案之間的層級(jí)結(jié)構(gòu)、什么時(shí)候出現(xiàn)這段文字，以及這段文案向用戶(hù)傳遞了什么情感等等，這已經(jīng)超出簡(jiǎn)單的行文規(guī)則所涵蓋的了。
那么，我們?cè)趺床拍苷娴淖龊肬X文案呢？
我們根據(jù)以往的項(xiàng)目經(jīng)驗(yàn)，總結(jié)出了除了通用行文規(guī)則之外，三個(gè)在關(guān)鍵節(jié)點(diǎn)上可以做到的幾件小事，希望幫助大家能找到真正適合、高效的設(shè)計(jì)方法，并打造出優(yōu)秀的UX文案。
首先，最基本也是最重要的：在流程上，永遠(yuǎn)要盡早的考慮文案問(wèn)題。
我們過(guò)去熟悉的設(shè)計(jì)步驟是：“先把產(chǎn)品設(shè)計(jì)好，將有文字的地方空出，最后再填充?！?
這樣帶來(lái)的問(wèn)題是：關(guān)鍵的體驗(yàn)問(wèn)題直到最后期才會(huì)被注意到，留給UX文案的發(fā)揮空間十分有限，能做的只是為糟糕的體驗(yàn)貼上掩飾的創(chuàng)可貼，并不能真正避免糟糕體驗(yàn)為用戶(hù)帶來(lái)的傷害。
正如我們上面所說(shuō)，UX文案不僅僅是填充文字，它的核心是在產(chǎn)品與用戶(hù)之間創(chuàng)造合適、愉悅的對(duì)話(huà)，所涵蓋的內(nèi)容幾乎橫跨產(chǎn)品體驗(yàn)的每個(gè)流程。
因此，要想真正締造好的UX文案，永遠(yuǎn)要盡早地參與到設(shè)計(jì)流程中，這樣才能真正的找出體驗(yàn)的問(wèn)題，并最大限度的發(fā)掘UX文案究竟可以為此做些什么，創(chuàng)造與用戶(hù)真正有效的交流。
其次，在我們著手輸出UX文案時(shí)，請(qǐng)盡量在腦海中模擬真實(shí)的對(duì)話(huà)場(chǎng)景。
這個(gè)方法來(lái)自于最近的全球開(kāi)發(fā)者大會(huì)（WWDC22）上，蘋(píng)果設(shè)計(jì)團(tuán)隊(duì)向大家分享的UX寫(xiě)作方法框架：“PACE”：Purpose（目的）、Anticipation（預(yù)判）、Context（環(huán)境）、Empathy（共情）。
其中，在A(yíng)nticipation（預(yù)判）里提到了 “將UX文案想象成一種對(duì)話(huà)” 的概念，意思是在設(shè)計(jì)產(chǎn)品的過(guò)程中，應(yīng)該把頁(yè)面上的文字看作一個(gè)與用戶(hù)的對(duì)話(huà)，而不只是一個(gè)靜態(tài)的短語(yǔ)；這樣能更好的幫助我們預(yù)判用戶(hù)的訴求。
想象在這樣的場(chǎng)景：當(dāng)你的用戶(hù)在周末的晚上打開(kāi)手機(jī)，開(kāi)始調(diào)節(jié)明早起床的鬧鐘時(shí)間；你會(huì)怎么設(shè)計(jì)這里的UX文案呢？
使用流程似乎很簡(jiǎn)單：打開(kāi)鬧鐘app，調(diào)節(jié)明早鬧鐘時(shí)間，確認(rèn)設(shè)置完成。
上述的交互沒(méi)有問(wèn)題，用戶(hù)可以清晰的完成設(shè)置。但如果考慮到上面提到的 “想象成一種對(duì)話(huà)”，那這個(gè)流程就還有可改進(jìn)的地方。
因?yàn)樵谝欢斡行У膶?duì)話(huà)中，交流應(yīng)該是有來(lái)有往的：其中的角色應(yīng)該有時(shí)在聆聽(tīng)，有時(shí)在發(fā)言；而不應(yīng)該僅僅一方是單方面的輸出（在上述的場(chǎng)景里，僅僅是用戶(hù)一股腦的對(duì)鬧鐘app進(jìn)行信息輸出，鬧鐘app只是單純的服從命令，這不是一個(gè)正常對(duì)話(huà)的模式）。
讓我們想象是自己在跟用戶(hù)在交流，就能很容易地發(fā)現(xiàn)用戶(hù)想傳遞的底層信息并不是 “我要調(diào)鬧鐘了 ”，而是 “好不容易到周末了，我明天要多睡一會(huì)”，能解讀到這一層話(huà)外音，我們就成功利用“對(duì)話(huà)”預(yù)判了用戶(hù)的目的。
打開(kāi)ios的起床鬧鐘試一下，你會(huì)發(fā)現(xiàn)它比我們的基礎(chǔ)流程多了一個(gè)貼心的詢(xún)問(wèn) ：“你要將此更改應(yīng)用到這個(gè)定時(shí)中的所有周末嗎？”；在這里，蘋(píng)果實(shí)際上做了兩層預(yù)判，第一層是預(yù)判絕大多數(shù)人的周末和工作日起床時(shí)間是不一樣的，所以將復(fù)用的范圍限定在了周末；第二層預(yù)判是在大多數(shù)情況下人們只能確認(rèn)明天的起床時(shí)間，所以主選項(xiàng)是“僅更改下個(gè)鬧鐘”。
簡(jiǎn)單的一個(gè)改動(dòng)，就把機(jī)械性服從命令的程序，變?yōu)橐粋€(gè)有智慧、思想的助手。如果我們?cè)诿看屋敵鑫陌笗r(shí)，都能試著想象真實(shí)的對(duì)話(huà)并剖析，可能就能逐漸把一個(gè)“可用的產(chǎn)品“變成“貼心的朋友”，真正地走進(jìn)用戶(hù)的內(nèi)心。
最后，如果你還是覺(jué)得心里沒(méi)譜，不確定是否輸出了合適的文案，有一條被蘋(píng)果和谷歌共同推薦的驗(yàn)證方法，簡(jiǎn)單粗暴但有效，那就是 “大聲將你的文案念出來(lái)”。
就像我們剛剛反復(fù)強(qiáng)調(diào)的，UX寫(xiě)作其實(shí)就是與用戶(hù)創(chuàng)造有效的交談，那么最簡(jiǎn)單的驗(yàn)證方法就是真正說(shuō)出來(lái)，將它真正變成一段對(duì)話(huà)，然后再去聆聽(tīng)，最直觀(guān)的感受到你的語(yǔ)言聽(tīng)起來(lái)是否自然不生硬？是否有一些不易察覺(jué)的重復(fù)或語(yǔ)法錯(cuò)誤等等？
大聲地將你的文案念出來(lái)，如果能使你自己信服，相信也能使你的用戶(hù)信服。
最后，讀到這里，相信你已經(jīng)對(duì)于UX文案有了一個(gè)全新的認(rèn)識(shí)，并對(duì)如何做好它有了基本的概念。其實(shí)在日常工作中，每個(gè)產(chǎn)品對(duì)于UX文案的要求可能不盡相同，但重要的是作為設(shè)計(jì)師，我們能意識(shí)到他逐漸攀升的重要性并真正對(duì)他加以關(guān)注。引用蘋(píng)果開(kāi)發(fā)者大會(huì)上的一句話(huà)：UX寫(xiě)作其實(shí)就是始于對(duì)屏幕另一側(cè)用戶(hù)的好奇心，并真正懷著尊重和理解與其交流。只要能意識(shí)到這一點(diǎn)，相信大家都能呈現(xiàn)出真正有效的、令人愉悅的UX文案。
作者：騰訊ISUX
來(lái)源：人人都是產(chǎn)品經(jīng)理
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com