後台功能性介面的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. 用戶會產生預期,藉此預測接下來會發生的事。當我們提供預期中的事物,就會滿足用戶對於「預測正確」的需求,進而產生愉悅感。.

相關文章:

為什麼會看到廣告
以一個資深網路產品設計師的眼光,討論網路思維、產品思維以及心理學如何幫助我們了解這個世界。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
《重構學習體驗》,作者為美國培訓大師 Bob Pike 只講學習成效的話,單純的瀏覽次級書面資料,是最低效益的吸收方式。根據記憶曲線的研究,30天內回顧,事後能夠記住的內容只有 10%。 多重方式的吸收可以幫助腦袋更容易吸收資訊,之所以需要「授課」,在於授課活動中,可能包含...
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
在享受美食的過程中,餐廳廚房若發生錯誤(如料理失誤或食材混亂),聰明的餐廳會即時記錄問題,並優化流程,避免同樣錯誤重複發生。CNS 27002:2023 控制措施 5.27「由資訊安全事故中學習」 提醒企業,從過去的事故中吸取經驗,是強化資安防禦的最佳方式。 企業應定期分析發生的資安事故,找出根本
Thumbnail
現有的家是 azure,功能多又有免費額度,算是堪用,只是因為雲端產業蓬勃發展,想體驗一下新東西,所以這次來玩玩新東西 fly.io。從開啟以下賞心悅目的官網,第一次接觸到成功佈署上線,大概半小時就搞定了,體驗不錯,以下稍做紀錄。
Thumbnail
MY劇團(@my_troupe) on Instagram: 嗨!我們是MY劇團,本週五在普雷劇場有《聚夕》的演出。
寫筆記是一種輸入知識的方法,目的是為了能在未來輸出想法,其價值取決於是否能對輸出產生幫助。如果筆記之間沒有任何關聯,未來看到時就不容易能形成完整的內容
Thumbnail
Bubble Tea Delivery Trends in Taiwan Post-Pandemic After the COVID-19 pandemic, Taiwan's bubble tea shops have changed how they work. Many shops now
Thumbnail
※ OPP第一大核心-封裝 封裝的精神在於將「方法」、「屬性」和「邏輯」包裝在類別裡面,透過類別的實例來實現。這樣外部物件不需要了解內部的實現細節,只需要知道如何使用該類別提供的接口即可。換句話說,封裝是將內部細節隱藏起來,只暴露必要的部分給使用者。 封裝的核心概念是,使用者如果想要接觸資料,只
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
程式設計中不可或缺的一部分 介面是使用者與程式互動的媒介,因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面,可以讓使用者輕鬆地使用程式,並獲得良好的使用體驗。 需要與程式設計師密切溝通 設計師需要了解程式的功能和需求,並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
Thumbnail
確保沒有遺漏或錯誤 程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊,我們才能確保在程式設計中沒有任何遺漏或錯誤。最終,後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。 採取不符合預期的行動 這種符合性的重要性在於,當我們設計程式時,希望使用者按照預期的方式
Thumbnail
本文分享瞭如何觀察後臺廣告數據,並根據數據分析來進行廣告投放的執行過程。作者強調了轉換率與轉換成本在不同產業與產品價格帶下的影響,並提到了如何根據數據來選擇最適合的廣告版本進行投放。文章結合作者個人觀點和經驗進行了廣告數據分析,值得一讀。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
在享受美食的過程中,餐廳廚房若發生錯誤(如料理失誤或食材混亂),聰明的餐廳會即時記錄問題,並優化流程,避免同樣錯誤重複發生。CNS 27002:2023 控制措施 5.27「由資訊安全事故中學習」 提醒企業,從過去的事故中吸取經驗,是強化資安防禦的最佳方式。 企業應定期分析發生的資安事故,找出根本
Thumbnail
現有的家是 azure,功能多又有免費額度,算是堪用,只是因為雲端產業蓬勃發展,想體驗一下新東西,所以這次來玩玩新東西 fly.io。從開啟以下賞心悅目的官網,第一次接觸到成功佈署上線,大概半小時就搞定了,體驗不錯,以下稍做紀錄。
Thumbnail
MY劇團(@my_troupe) on Instagram: 嗨!我們是MY劇團,本週五在普雷劇場有《聚夕》的演出。
寫筆記是一種輸入知識的方法,目的是為了能在未來輸出想法,其價值取決於是否能對輸出產生幫助。如果筆記之間沒有任何關聯,未來看到時就不容易能形成完整的內容
Thumbnail
Bubble Tea Delivery Trends in Taiwan Post-Pandemic After the COVID-19 pandemic, Taiwan's bubble tea shops have changed how they work. Many shops now
Thumbnail
※ OPP第一大核心-封裝 封裝的精神在於將「方法」、「屬性」和「邏輯」包裝在類別裡面,透過類別的實例來實現。這樣外部物件不需要了解內部的實現細節,只需要知道如何使用該類別提供的接口即可。換句話說,封裝是將內部細節隱藏起來,只暴露必要的部分給使用者。 封裝的核心概念是,使用者如果想要接觸資料,只
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
程式設計中不可或缺的一部分 介面是使用者與程式互動的媒介,因此介面的設計會影響使用者的體驗和感受。一個清晰明白、易懂的介面,可以讓使用者輕鬆地使用程式,並獲得良好的使用體驗。 需要與程式設計師密切溝通 設計師需要了解程式的功能和需求,並根據使用者的習慣和需求進行設計。設計師和程式設計師之間的溝
Thumbnail
確保沒有遺漏或錯誤 程式的完整資訊資料對於程式設計至關重要。這是因為只有透過完整的資訊,我們才能確保在程式設計中沒有任何遺漏或錯誤。最終,後台管理扮演著管理系統中所有動作和行為是否符合特定標準的重要角色。 採取不符合預期的行動 這種符合性的重要性在於,當我們設計程式時,希望使用者按照預期的方式
Thumbnail
本文分享瞭如何觀察後臺廣告數據,並根據數據分析來進行廣告投放的執行過程。作者強調了轉換率與轉換成本在不同產業與產品價格帶下的影響,並提到了如何根據數據來選擇最適合的廣告版本進行投放。文章結合作者個人觀點和經驗進行了廣告數據分析,值得一讀。