UX Writing 是什麼?如何用 Voice and tone 打造產品人設?

更新於 發佈於 閱讀時間約 10 分鐘

產品設計師除了要用清楚直觀的畫面讓使用者易於操作外,如何應用 UX 文案的概念及原則來引導使用者互動也超級重要!如果你還不知道 UX Writer 的日常,歡迎先看這篇:

UX Writer 到底在做什麼?UX 文案工作內容大公開

本篇就要來跟各位分享什麼是 UX 文案?也會讓各位了解一個超級重要的觀念,在開始撰寫任何 UX 文案前記得一定要幫你的產品設計人設及語調(Voice and tone)用這招可以幫助產品團隊建立更鮮明的產品形象,討論文案怎麼寫的時候就不會一直糾結每個人語感上的差異,而是能用很明確的指標來討論文案的可能性,可以加速取得共識的過程,也能提升使用者的整體體驗感。

什麼是 UX 文案?

UX Writing 是使用者體驗文案,就是研究如何透過文案輔助使用者成功與產品互動的專業知識,雖然聽起來簡單,但知易行難。

舉個具體的 UX 文案例子:當你今天要發一篇 IG 限動 Boomerang,你會先進到發文的畫面,點選 STORY 後再點擊 Boomerang,這時候突然跳出一個彈窗邀請你試用新的功能,你可能會懶得看完文案就點 Not now,最後開始拍 Boomerang 的素材。

對於很常使用 IG 的人大部分都可以很直覺完成上面的流程,但對剛接觸的使用者,介面文案就是使用者的救命稻草。

對於很常使用 IG 的人大部分都可以很直覺完成上面的流程,但對剛接觸的使用者,介面文案就是使用者的救命稻草。

範例畫面中出現的所有文字都是 UX 文案,這些文案絕對經過產品設計師跟 UX Writer 煞費苦心不斷開會、提案、討論,最後在各個利害關係人同意下才正式發布上線。

其實,UX Writer 的工作有很大一部分會跟負責不同功能的產品設計師一起討論新功能、頁面、按鈕到底要怎麼命名。在入行之前,我壓根沒想過產品文案是經過一群人對著設計稿斤斤計較後的產物(累泣)。

在功能命名的過程中,我們會非常在意名稱有沒有符合我們的習慣用法,也會考量使用者怎麼看待這個名稱,通常在命名討論會有各種意見,例如:「我覺得我們產品不適合這樣稱呼」、「使用者不習慣這樣的命名會看不懂」等討論聲音,這時候,如果團隊內有先建立好 Voice chart 就可以讓討論更聚焦,同時也維持產品文案的一致性。

Voice and tone 產品的人設及語調

Voice 我覺得比起翻作「聲音」,不如稱呼為「人設」比較好理解,比如你在辦公室遠遠聽到某某同事的聲音就會馬上知道是誰在講話,人設鮮明的產品文案也會讓使用者印象深刻。

每個人的聲音都有辨識度,產品亦然,精心設計文字能讓使用者透過閱讀來建立對產品的品牌印象。

而 Tone (語調)就一個人根據不同情境會有不同說話方式,就產品而言,不同使用情境應該要搭配不同表達方式,能讓你的產品不再是冷冰冰的機器,而是很有人性與溫度的體驗。

Voice=產品人設

建議大家在設計產品的時候可以先定義一個 Voice chart,這個表是我從 Torrey PodmajerskyStrategic Writing for UX 裡面學到的概念。(書裡面甚至有寫身為公司的第一位 UX Writer 可能會遇到的事情,是我當初剛進公司的浮木書單之一,推薦你去閱讀!)

明確的 Voice chart 能讓寫產品文案的人更知道如何下筆,不僅能夠讓使用者對產品留下鮮明印象,更能在團隊討論文案的時候有個標準可循。接下來讓我用簡單的例子說明要怎麼用這個表。

假設我們要作一個早餐店阿姨回應 AI,Voice chart 其中一部分會長得像下面這樣:

raw-image
  • 個性:通常會列 3-5 種個性來讓產品人設更立體,思考個性的時候可以從使用者的角度出發,列出你想要使用者從字裡行間感受到的氛圍或情緒,再想想要怎麼用個性精確描述這個感覺。
  • 個性說明:把個性的細節具體化,也可以把潛在效益列出來。例如,親切活力的早餐店阿姨會讓人心情變好想愈點愈多。
  • 習慣用字:可以定義產品要怎麼稱呼使用者,習慣的用字是什麼,定義愈詳細愈能讓使用者體驗更一致。例如,早餐店阿姨一定會用帥哥美女稱呼客人,但不會叫客人寶貝、親愛的;確認餐點的時候愛用簡語,用字能省則省。
  • 回應風格:如何回應使用者也是產品人設很重要的一環,像早餐店阿姨,很會記得你習慣點的內容,就算是一種回應風格。

你也可以依照產品的需求延伸這個表格,有時候我們也會去定義「標點符號」、「回應長度」等不同規格,例如回應一定要加上波浪號(~)、不可以超過 20 個字之類的規範,讓產品人設更完整。

Tone=產品的語調

產品的 Tone 就是文案會依照情境出現不同語氣,再用早餐店阿姨舉例好了。

你點餐的時候,早餐店阿姨會笑臉迎人:「好,玉米蛋餅加火腿跟中冰紅喔~」
但當他老公出錯餐時:「吼啊你怎麼送錯,6 桌 6 桌!不是 9 桌!怎麼搞不清楚。」

同樣都是早餐店阿姨在說話(用同一個 Voice),但說話方式會隨著說話對象跟情境而有所不同,這就是語調。

Nielsen Norman Group 在 The Four Dimensions of Tone of Voice 這篇文章裡面提供了很實用語調設計方法,文章內把語調拆成 4 對相反的形容詞:

  • 正式(Formal)—隨興(Casual)
  • 嚴肅(Serious)—有趣(Funny)
  • 彬彬有禮(Respectful)—輕佻直接(Irreverent)
  • 據實平淡(Matter-of-fact)—熱衷活力(Enthusiastic)

內文有更多細節跟範例,我這邊就不多談他寫的內容。在實作上,我會根據產品的調性把形容詞換一下,再依情境調整不同感覺的比例,如果自己想不出來的話,跟很熟悉產品的設計師或產品經理討論也很有幫助,趁這個機會了解大家的想法也有助於對齊所有人的看法。

當然,設計語調也不一定要用上面這個做法,你也可以用描述的方式來讓團隊知道怎麼執行,下段會再提供其他範例。

UX 文案跟 Voice and tone 沒有黃金公式,找到適合的並迭代!

在設計 Voice and Tone 最重要的不是「應該」要怎麼做,而是怎麼摸索出「最適合」產品的原則比較重要。我個人覺得寫文案就是在創作,而創作沒有所謂的黃金成功公式,只要寫得出來、團隊能取得共識並遵守,並不斷迭代,就能越磨越讚。(如果能蒐集得到使用者的回饋會更讚)

下面補充節錄我覺得不錯的英文內容讓大家參考,現在還比較少看到中文類似的內容,如果有公開的資訊歡迎分享給我:

Apple 的文案分享

Add personality to your app through UX writing

這個影片深入淺出分享怎麼樣打造產品的個性,還有舉一個投資 App 當作範例,我覺得講得超清楚很讚。

Mailchimp 的語調規範

Mailchimp's tone is usually informal, but it's always more important to be clear than entertaining. When you're writing, consider the reader's state of mind. Are they relieved to be finished with a campaign? Are they confused and seeking our help on Twitter? Once you have an idea of their emotional state, you can adjust your tone accordingly.

Shopify Polaris 的語調規範

Adapting tone by situation
Our tone adapts to the context. We'll use certain voice attributes more or less based on the situation.
Often people frame tone guidance around adapting to the emotional state of the audience. The reality is we never know a person's emotional state. Even when things seem the most positive, we can’t be sure.
While it's helpful to consider how your audience is likely to feel, don't assume or tell them how to feel. Instead, focus on the specifics of the situation and less on the emotions. Here are some of the most common situations to consider.

準備好要幫你的產品建立人設了嗎?

希望這篇文章能讓你了解什麼是 UX 文案,也想透過分享 Voice and tone 幫助大家了解怎麼透過文案,打造屬於你的產品人設。

如果你的團隊在討論產品文案時會流於討論個人語感而開始發散的話,那你趕快建立一個 Voice chart 然後丟給同事討論,相信可以加速聚焦;而當情境很明確的時候,也可以試試看上面的語調設計方法來寫出最適合你的產品的文案喔!

---

如果你對這些內容有興趣,歡迎愛心、收藏、留言分享你的想法,或告訴我你想知道的 UX 文案相關問題!

留言
avatar-img
留言分享你的想法!
avatar-img
文字串
4會員
32內容數
總之,是一個靠文字維生的人寫的部落格。
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
你的團隊是不是在討論產品文案的時候,會愈來愈發散、愈寫愈多版本,到最後好像覺得好啦這樣寫應該可以,但又愈看愈怪,卻也不知道怎麼改?來,看這篇,告訴你 2 個重點:「到底什麼是 UX 文案?」、「產品 UX 文案的超重要基礎 Voice and tone」。還有超實用的範例表可以讓你抄抄抄!
Thumbnail
你的團隊是不是在討論產品文案的時候,會愈來愈發散、愈寫愈多版本,到最後好像覺得好啦這樣寫應該可以,但又愈看愈怪,卻也不知道怎麼改?來,看這篇,告訴你 2 個重點:「到底什麼是 UX 文案?」、「產品 UX 文案的超重要基礎 Voice and tone」。還有超實用的範例表可以讓你抄抄抄!
Thumbnail
本篇整理至 edX UX Research 線上免費課程。 UX (user experience),也有人稱 UE,指的是一個產品所帶給使用者的感受。在這個「以人為本」的時代,機器是用來服務人類,因此要創造宜人的產品便是首要目標。 UX writing 是 UX writer 使用語言達到提升
Thumbnail
本篇整理至 edX UX Research 線上免費課程。 UX (user experience),也有人稱 UE,指的是一個產品所帶給使用者的感受。在這個「以人為本」的時代,機器是用來服務人類,因此要創造宜人的產品便是首要目標。 UX writing 是 UX writer 使用語言達到提升
Thumbnail
UX Writer(UX寫作)是什麼?你也是UX的學習新手嗎?看過來了解文字在UX裡的重要性和要怎麼學習UX寫作!
Thumbnail
UX Writer(UX寫作)是什麼?你也是UX的學習新手嗎?看過來了解文字在UX裡的重要性和要怎麼學習UX寫作!
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
想寫出風格,得先注意文字都藏著什麼情緒?這一集把撰寫文案這件事情當作演戲,從劇本、舞台、人設開始聊起,初步聊聊我個人撰寫文案的訣竅:從資料萃取情緒素材的方法。
Thumbnail
想寫出風格,得先注意文字都藏著什麼情緒?這一集把撰寫文案這件事情當作演戲,從劇本、舞台、人設開始聊起,初步聊聊我個人撰寫文案的訣竅:從資料萃取情緒素材的方法。
Thumbnail
現實生活中的工作所做的產品,常常受限於老闆所想要的、或是某個客戶說想要什麼功能,就會照著這樣的需求去做設計開發。 而實際上打造成功的產品也是這樣的流程嗎?這是我一直很好奇的領域,成功打造出讓用戶愛不釋手、解決用戶問題、讓用戶生活更便利快樂的產品,從發想到設計是怎麼做的呢
Thumbnail
現實生活中的工作所做的產品,常常受限於老闆所想要的、或是某個客戶說想要什麼功能,就會照著這樣的需求去做設計開發。 而實際上打造成功的產品也是這樣的流程嗎?這是我一直很好奇的領域,成功打造出讓用戶愛不釋手、解決用戶問題、讓用戶生活更便利快樂的產品,從發想到設計是怎麼做的呢
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News