後台功能性介面的UX文案筆記
更新於 2021/01/25閱讀時間約 5 分鐘
UX文案是設計師們操作情境很好的工具，可以減少用戶認知負擔，讓介面簡單易懂。但我看過許多後台介面的Placeholder文案似乎是亂寫的？
為什麼想寫這個題目？
比起光鮮亮麗的前台介面流程，一般營運管理介面（俗稱後台）經常淪為配角，常被認為是「有空再來談怎麼優化」，而所謂的後台優化常常意味著追加功能，而不是真的針對後台操作的使用體驗與操作加以改善。
但我們規劃網路產品的資訊架構設計時，後台操作邏輯以及流程是否善用，大大的影響前台是否資訊完美呈現。
這篇文章試著整理一些過去我們規劃網站或APP營運後台時，關於功能性介面文案與命名的一些想法，透過寫下自己目前的觀點，期望持續改善。
UX文案的應用情境
電腦沒有我們想像中聰明，至少，世上大多數網站/APP介面背後連結的電腦程式，都在靜靜等待人類的輸入，由你填寫一些選項、輸入一些指定的字詞，電腦程式才能協助你查詢或加工你所輸入的資訊，並且返回你預期的結果（開始祈禱）。
我們在 UX 設計階段要評估的事情，就是構思如何給予用戶引導，控制用戶期待，能輸入有限範圍的正確資訊，完成任務。
▲如上圖，在幾乎沒有提示與環境資訊的情況下，正常用戶是無法預期這個輸入框能做些什麼事。
▲接著我們把介面上唯一的按鈕換個文案「查詢」。
嘿！你是不是開始有點想法了？這是查詢？我可以查詢什麼？至少我不會將這個輸入框誤認為「購買」或「抽獎」對吧？
▲接著這張圖我們在輸入框內一般稱為 Placeholder（佔位符、預留位置）的地方寫上一段文案，這段文案明確的提示用戶「不能隨意輸入任意的資訊，這個輸入框的查詢功能只針對公司行號的統一編號」。
要注意，我預設閱讀這篇文章的讀者你不用任何解釋就可以自己懂什麼是「公司行號的統一編號」，所以這段文案才具備介面功能的解釋效果。
但如果換個情境如下圖：
▲如果你不知道什麼是「 SSCC 編碼」，這個介面的文案提示只會卡住你，讓你不知所措，無從自行推敲出答案。（因為大腦長期記憶沒有足夠的已知事實幫助推理，環境中的提示也不足）
這邊的認知心理學原則是：
人需要「先備知識」儲存於長期記憶區，才能在思考問題時提取。
▲現在我們增加環境中的資訊，雖然我們不一定知道標題「物流棧板管理」精準的定義是指什麼物體或單位，但大腦已經開始運作進行猜測。
物流是很常見的字眼，所以這是快遞行業在使用的東西嗎？那棧板就是一塊一塊讓貨物放在上面的貨架囉？
資訊介面中的頁面標題、UI 區塊標題是用戶快速辨認功能的重要線索。
注意UX文案撰寫時引用的字詞來源類型
在這邊我們要停下來，分類一下 UX文案在撰寫時可能遇到的幾種字詞來源。
- 通用知識：你假設接受過正常國民教育以及電腦網路使用經驗的人都應該要知道的常識。例如「Wi-Fi」會認為是通用常識，但「IPV6」顯然不是。 「輸入身分證字號」是成人都能理解的用語，但「輸入 IMEI 碼」對我來說是冷知識。
- 專有名詞：如同上面舉例的「輸入 IMEI 碼」，這是手機硬體的編號，相當於手機的身分證字號，如果你記得你手機的 IMEI 碼，失竊或遺失時在警察局報案甚至可以提供這個編碼給警察。（但誰會去記啊？）無論如何，專有名詞至少是稍微 Google 一下就能查詢到的有標準定義的名詞。
- 業界用語：有些名詞只流通於特定產業，而且每間企業運用這個名詞時，定義還略有不同，這種情況最頭疼，務必要在資訊架構前的用戶訪談中釐清這種狀況。舉電商領域常見的 SKU 為例，一般理解為產品編號，這個名詞原文為「Stock Keeping Unit」，意思是最小庫存單位。例如你賣保健食品葉黃素，可能推出單罐30粒以及六罐禮盒裝，像這樣要算成兩個 SKU 編號，雖然後者只是將單罐產品裝入一個包裝中出售，但它包裝之後要被算為獨立庫存。但也有人不是這樣用 SKU，認為只需要一個 SKU 來計算，禮盒的銷售結果乘六就好（暈）。
- 特別文化的慣用語：有些平台或社群有自己的文化用語，但對於技術端來說都是差不多的東西，例如綜藝節目《偶像練習生》稱參與投票的觀眾叫「全民製作人」、在 LINE 裡面你所經營的會員叫「LINE 好友」、有的團購網站的會員稱為「團友」，但你問工程師這些名詞有差嗎？搞不好在資料庫裡面通通都叫 Member。
結語
確認我們在撰寫 UX 文案時使用的字詞語感很重要，最重要的是當它展現在用戶面前時，可以精準的限縮用戶的認知範圍，讓用戶不用花太多腦力思考，就能從腦袋中提取下一步動作。
為了避免文章落落長，這篇文章就先討論基本字詞的運用原則，我預計另外整理一篇文章做一些範例討論。
補充認知心理學的觀點
- 人偏好使用記憶而非思考來指引行動。
- 工作記憶有限，所以當工作記憶太擁擠時，思考變得更為困難。
- 所有長期記憶中的訊息都存在於意識之外，直到被需要，這才進入工作記憶中，成為意識。
- 人類的記憶會模糊，記憶分為「逐字」與「概念」，例如 FBI 是很精確的逐字記憶。但老婆去年的生日只是大致記得的概念。（其實我忘光了）
- 提示線索的效力，取決於與用戶意圖的連結有多強烈，以及在回憶時是否具備足夠的突顯性來吸引注意。
- 用戶會產生預期，藉此預測接下來會發生的事。當我們提供預期中的事物，就會滿足用戶對於「預測正確」的需求，進而產生愉悅感。.
相關文章：
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
寫筆記是一種輸入知識的方法，目的是為了能在未來輸出想法，其價值取決於是否能對輸出產生幫助。如果筆記之間沒有任何關聯，未來看到時就不容易能形成完整的內容
※ OPP第一大核心-封裝
封裝的精神在於將「方法」、「屬性」和「邏輯」包裝在類別裡面，透過類別的實例來實現。這樣外部物件不需要了解內部的實現細節，只需要知道如何使用該類別提供的接口即可。換句話說，封裝是將內部細節隱藏起來，只暴露必要的部分給使用者。
封裝的核心概念是，使用者如果想要接觸資料，只
「聯絡我們」頁面，對於許多人來說，可能只是一個填寫表格或放置聯絡資訊的地方。然而，在服務客戶的過程中，我經常被問到：網站真的需要這樣的頁面嗎？事實上，現今的聯絡方式多樣化，可以根據不同的需求和情境進行設計，讓我們來看看具體如何做。
服務性質的考量
考慮服務的性質是第一步。通常，服務性質會涵蓋多個
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
確保沒有遺漏或錯誤
程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊，我們才能確保在程式設計中沒有任何遺漏或錯誤。最終，後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。
採取不符合預期的行動
這種符合性的重要性在於，當我們設計程式時，希望使用者按照預期的方式
前端開發者常會遇到需要網頁素材的情況，雖然在公司中都可能有可以配合的平面設計師或是UIUX設計師，但在這個多工高效的時代不免也需要前端開發者也可以處理簡單的設計，也可提升設計審美或與設計師溝通的能力。
然而前端開發者也算是擁有設計師的天賦，透過程式碼來完成平面設計，將網頁的每個介面都視為平面設計，
物件導向設計的一個重點就是封裝，這有很多層面上的意義，但基本上就是控制物件的成員變數和方法的存取權。物件導向的封裝還跟繼承機制有關，這使得有一些時候我們逼不得已必須把函式定義在類別上，這種做法使得物件的功能變得難以拆解。封裝應該是模組的職責，並不需要再給物件相同的能力。
一般的模組系統就是把相
導論
在當今競爭激烈的商業世界，企業需要不斷尋找提升業務流程的方法。這篇文章將深入探討商業知識與訂單管理系統的緊密結合，如何協同作用以實現業務的高效運作。
商業知識的價值
1. 智慧決策
擁有豐富的商業知識使企業能更迅速、明智地做出決策。這包括了解市場動態、競爭對手和客戶需求，有助於
在當今這個以用戶為中心的網頁設計及App設計時代，分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架，幫助設計師和產品經理分析並改進用戶流程。
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
寫筆記是一種輸入知識的方法，目的是為了能在未來輸出想法，其價值取決於是否能對輸出產生幫助。如果筆記之間沒有任何關聯，未來看到時就不容易能形成完整的內容
※ OPP第一大核心-封裝
封裝的精神在於將「方法」、「屬性」和「邏輯」包裝在類別裡面，透過類別的實例來實現。這樣外部物件不需要了解內部的實現細節，只需要知道如何使用該類別提供的接口即可。換句話說，封裝是將內部細節隱藏起來，只暴露必要的部分給使用者。
封裝的核心概念是，使用者如果想要接觸資料，只
「聯絡我們」頁面，對於許多人來說，可能只是一個填寫表格或放置聯絡資訊的地方。然而，在服務客戶的過程中，我經常被問到：網站真的需要這樣的頁面嗎？事實上，現今的聯絡方式多樣化，可以根據不同的需求和情境進行設計，讓我們來看看具體如何做。
服務性質的考量
考慮服務的性質是第一步。通常，服務性質會涵蓋多個
程式設計中不可或缺的一部分
介面是使用者與程式互動的媒介，因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面，可以讓使用者輕鬆地使用程式，並獲得良好的使用體驗。
需要與程式設計師密切溝通
設計師需要了解程式的功能和需求，並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
確保沒有遺漏或錯誤
程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊，我們才能確保在程式設計中沒有任何遺漏或錯誤。最終，後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。
採取不符合預期的行動
這種符合性的重要性在於，當我們設計程式時，希望使用者按照預期的方式
前端開發者常會遇到需要網頁素材的情況，雖然在公司中都可能有可以配合的平面設計師或是UIUX設計師，但在這個多工高效的時代不免也需要前端開發者也可以處理簡單的設計，也可提升設計審美或與設計師溝通的能力。
然而前端開發者也算是擁有設計師的天賦，透過程式碼來完成平面設計，將網頁的每個介面都視為平面設計，
物件導向設計的一個重點就是封裝，這有很多層面上的意義，但基本上就是控制物件的成員變數和方法的存取權。物件導向的封裝還跟繼承機制有關，這使得有一些時候我們逼不得已必須把函式定義在類別上，這種做法使得物件的功能變得難以拆解。封裝應該是模組的職責，並不需要再給物件相同的能力。
一般的模組系統就是把相
導論
在當今競爭激烈的商業世界，企業需要不斷尋找提升業務流程的方法。這篇文章將深入探討商業知識與訂單管理系統的緊密結合，如何協同作用以實現業務的高效運作。
商業知識的價值
1. 智慧決策
擁有豐富的商業知識使企業能更迅速、明智地做出決策。這包括了解市場動態、競爭對手和客戶需求，有助於
在當今這個以用戶為中心的網頁設計及App設計時代，分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架，幫助設計師和產品經理分析並改進用戶流程。