後台功能性介面的UX文案筆記

閱讀時間約 5 分鐘
UX文案是設計師們操作情境很好的工具,可以減少用戶認知負擔,讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的?

為什麼想寫這個題目?

比起光鮮亮麗的前台介面流程,一般營運管理介面(俗稱後台)經常淪為配角,常被認為是「有空再來談怎麼優化」,而所謂的後台優化常常意味著追加功能,而不是真的針對後台操作的使用體驗與操作加以改善。
但我們規劃網路產品的資訊架構設計時,後台操作邏輯以及流程是否善用,大大的影響前台是否資訊完美呈現。
這篇文章試著整理一些過去我們規劃網站或APP營運後台時,關於功能性介面文案與命名的一些想法,透過寫下自己目前的觀點,期望持續改善。

UX文案的應用情境

電腦沒有我們想像中聰明,至少,世上大多數網站/APP介面背後連結的電腦程式,都在靜靜等待人類的輸入,由你填寫一些選項、輸入一些指定的字詞,電腦程式才能協助你查詢或加工你所輸入的資訊,並且返回你預期的結果(開始祈禱)。
我們在 UX 設計階段要評估的事情,就是構思如何給予用戶引導,控制用戶期待,能輸入有限範圍的正確資訊,完成任務。
什麼都沒有提示的輸入框
▲如上圖,在幾乎沒有提示與環境資訊的情況下,正常用戶是無法預期這個輸入框能做些什麼事。
可以查詢的輸入框
▲接著我們把介面上唯一的按鈕換個文案「查詢」。
嘿!你是不是開始有點想法了?這是查詢?我可以查詢什麼?至少我不會將這個輸入框誤認為「購買」或「抽獎」對吧?
placeholder 有預設文案的輸入框
▲接著這張圖我們在輸入框內一般稱為 Placeholder(佔位符、預留位置)的地方寫上一段文案,這段文案明確的提示用戶「不能隨意輸入任意的資訊,這個輸入框的查詢功能只針對公司行號的統一編號」。
要注意,我預設閱讀這篇文章的讀者你不用任何解釋就可以自己懂什麼是「公司行號的統一編號」,所以這段文案才具備介面功能的解釋效果。
但如果換個情境如下圖:
用戶看不懂的專有名詞
▲如果你不知道什麼是「 SSCC 編碼」,這個介面的文案提示只會卡住你,讓你不知所措,無從自行推敲出答案。(因為大腦長期記憶沒有足夠的已知事實幫助推理,環境中的提示也不足)
這邊的認知心理學原則是:
人需要「先備知識」儲存於長期記憶區,才能在思考問題時提取。
增加解釋性的介面標題
▲現在我們增加環境中的資訊,雖然我們不一定知道標題「物流棧板管理」精準的定義是指什麼物體或單位,但大腦已經開始運作進行猜測。
物流是很常見的字眼,所以這是快遞行業在使用的東西嗎?那棧板就是一塊一塊讓貨物放在上面的貨架囉?
資訊介面中的頁面標題、UI 區塊標題是用戶快速辨認功能的重要線索。

注意UX文案撰寫時引用的字詞來源類型

在這邊我們要停下來,分類一下 UX文案在撰寫時可能遇到的幾種字詞來源。
  1. 通用知識:你假設接受過正常國民教育以及電腦網路使用經驗的人都應該要知道的常識。例如「Wi-Fi」會認為是通用常識,但「IPV6」顯然不是。 「輸入身分證字號」是成人都能理解的用語,但「輸入 IMEI 碼」對我來說是冷知識。
  2. 專有名詞:如同上面舉例的「輸入 IMEI 碼」,這是手機硬體的編號,相當於手機的身分證字號,如果你記得你手機的 IMEI 碼,失竊或遺失時在警察局報案甚至可以提供這個編碼給警察。(但誰會去記啊?)無論如何,專有名詞至少是稍微 Google 一下就能查詢到的有標準定義的名詞。
  3. 業界用語:有些名詞只流通於特定產業,而且每間企業運用這個名詞時,定義還略有不同,這種情況最頭疼,務必要在資訊架構前的用戶訪談中釐清這種狀況。舉電商領域常見的 SKU 為例,一般理解為產品編號,這個名詞原文為「Stock Keeping Unit」,意思是最小庫存單位。例如你賣保健食品葉黃素,可能推出單罐30粒以及六罐禮盒裝,像這樣要算成兩個 SKU 編號,雖然後者只是將單罐產品裝入一個包裝中出售,但它包裝之後要被算為獨立庫存。但也有人不是這樣用 SKU,認為只需要一個 SKU 來計算,禮盒的銷售結果乘六就好(暈)。
  4. 特別文化的慣用語:有些平台或社群有自己的文化用語,但對於技術端來說都是差不多的東西,例如綜藝節目《偶像練習生》稱參與投票的觀眾叫「全民製作人」、在 LINE 裡面你所經營的會員叫「LINE 好友」、有的團購網站的會員稱為「團友」,但你問工程師這些名詞有差嗎?搞不好在資料庫裡面通通都叫 Member。

結語

確認我們在撰寫 UX 文案時使用的字詞語感很重要,最重要的是當它展現在用戶面前時,可以精準的限縮用戶的認知範圍,讓用戶不用花太多腦力思考,就能從腦袋中提取下一步動作。
為了避免文章落落長,這篇文章就先討論基本字詞的運用原則,我預計另外整理一篇文章做一些範例討論。

補充認知心理學的觀點

  1. 人偏好使用記憶而非思考來指引行動。
  2. 工作記憶有限,所以當工作記憶太擁擠時,思考變得更為困難。
  3. 所有長期記憶中的訊息都存在於意識之外,直到被需要,這才進入工作記憶中,成為意識。
  4. 人類的記憶會模糊,記憶分為「逐字」與「概念」,例如 FBI 是很精確的逐字記憶。但老婆去年的生日只是大致記得的概念。(其實我忘光了)
  5. 提示線索的效力,取決於與用戶意圖的連結有多強烈,以及在回憶時是否具備足夠的突顯性來吸引注意。
  6. 用戶會產生預期,藉此預測接下來會發生的事。當我們提供預期中的事物,就會滿足用戶對於「預測正確」的需求,進而產生愉悅感。.

相關文章:

為什麼會看到廣告
83會員
47Content count
以一個資深網路產品設計師的眼光,討論網路思維、產品思維以及心理學如何幫助我們了解這個世界。
留言0
查看全部
發表第一個留言支持創作者!
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
電商百問第5集,直接告訴你如何挑須選電商平台,讓你日進斗金、賺錢如有神助。我們前一集【電商百問04】電商是什麼?先選對電商平台, 再了解電商3大趨勢就能掌握未來賺錢的關鍵分享了網路開店的各種類類型,並且提到了電商未來的3大趨勢。這次我們要直球對決,直接告訴你在挑選開店平台時要考慮哪幾點,並不是最貴
Thumbnail
五月中,全台疫情進入三級警戒,我們的生活一夕之間幾近停擺。說到疫情期間最引人矚目的產業,「線上教學平台推薦」的文章話題度絕對名列前茅。 今天的文章裡,就讓我們來進行最精闢的線上教學平台推薦,並為你剖析要線上開課,你不可以錯過的三大線上教學平台推薦功能!
Thumbnail
美國自1983年就開始利用音樂治療幫助配帶著聽力輔具的聽損者。資深音樂治療師Gfeller曾經在多年前來到臺灣分享美國音樂治療運用在聽損者的經驗,義大利期刊2017年也在「New trends in rehabilitation of children with ENT disorders」中有
Thumbnail
平價內衣 有很多選擇,但我們該如何挑選呢?不穿胸罩可以感覺超級自由(和有點時髦的這些天),但對於很多人來說,它不是一個真正的選擇。有些女性覺得蕾絲的外觀,緞面的感覺,或推舉的效果或填充物讓人舒服,而另一些人則斷然需要一個胸罩作為日常穿著。 內衣好穿與否不能只依據外表! 當然,在一天結束時撕掉你的胸罩
Thumbnail
NCC 以 7:0 否決中天換照,中天確定出局。全案最困難之處在於:政府原是媒體監督的對象之一,但是現在卻必須由政府機關管制媒體執照。問題是:如果不由政府機關管制,那麼又該由誰管制呢?不過過分強調「政府換照審查卻不能實質審查」,同時否定了換照審查的必要性,反而存在內在邏輯的問題;更根本的問題是...
Thumbnail
目前群募尚無專法規範管理,其中社區營造的提案是由社區利益出發,是否涉及公益而該有勸募字號的問題目前遊走在公益勸募條例的灰色地帶。為此我們邀集了一群全臺最熟稔群眾募資的各平台代表,與長期關心募資與在地的余宛如立委、黃瑞茂老師一同探討。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
電商百問第5集,直接告訴你如何挑須選電商平台,讓你日進斗金、賺錢如有神助。我們前一集【電商百問04】電商是什麼?先選對電商平台, 再了解電商3大趨勢就能掌握未來賺錢的關鍵分享了網路開店的各種類類型,並且提到了電商未來的3大趨勢。這次我們要直球對決,直接告訴你在挑選開店平台時要考慮哪幾點,並不是最貴
Thumbnail
五月中,全台疫情進入三級警戒,我們的生活一夕之間幾近停擺。說到疫情期間最引人矚目的產業,「線上教學平台推薦」的文章話題度絕對名列前茅。 今天的文章裡,就讓我們來進行最精闢的線上教學平台推薦,並為你剖析要線上開課,你不可以錯過的三大線上教學平台推薦功能!
Thumbnail
美國自1983年就開始利用音樂治療幫助配帶著聽力輔具的聽損者。資深音樂治療師Gfeller曾經在多年前來到臺灣分享美國音樂治療運用在聽損者的經驗,義大利期刊2017年也在「New trends in rehabilitation of children with ENT disorders」中有
Thumbnail
平價內衣 有很多選擇,但我們該如何挑選呢?不穿胸罩可以感覺超級自由(和有點時髦的這些天),但對於很多人來說,它不是一個真正的選擇。有些女性覺得蕾絲的外觀,緞面的感覺,或推舉的效果或填充物讓人舒服,而另一些人則斷然需要一個胸罩作為日常穿著。 內衣好穿與否不能只依據外表! 當然,在一天結束時撕掉你的胸罩
Thumbnail
NCC 以 7:0 否決中天換照,中天確定出局。全案最困難之處在於:政府原是媒體監督的對象之一,但是現在卻必須由政府機關管制媒體執照。問題是:如果不由政府機關管制,那麼又該由誰管制呢?不過過分強調「政府換照審查卻不能實質審查」,同時否定了換照審查的必要性,反而存在內在邏輯的問題;更根本的問題是...
Thumbnail
目前群募尚無專法規範管理,其中社區營造的提案是由社區利益出發,是否涉及公益而該有勸募字號的問題目前遊走在公益勸募條例的灰色地帶。為此我們邀集了一群全臺最熟稔群眾募資的各平台代表,與長期關心募資與在地的余宛如立委、黃瑞茂老師一同探討。