我們在眾多企業官網建設中，所有項目案例都會遇到按鈕的研究及設計問題。按鈕設計得當，整個網站體驗提升，按鈕設計得很糟糕，用戶體驗不佳，甚至導致操作錯誤！那么，我們應該如何優化按鈕的設計呢？今天我們分享7個不錯的按鈕設計策略。按鈕是表單、字段、標簽、彈出窗口、按鈕、搜索提示等上的小型、信息性或指導性文本。它可以在人們使用產品時提供信息和幫助。
為了設計有效的縮影，我們需要考慮用戶處理信息和閱讀文本的方式。根據NN/g：
掃描文本是識字率較高的用戶的典型行為。
用戶在一個平均600到800字的頁面上只閱讀了大約20%的文本。
簡潔的文本、客觀的語言和可掃描的副本將可用性提高了124%。
有效的用戶體驗縮影具有以下特點：
它清晰、簡潔、易懂
它體現了品牌的聲音和基調
它在視覺上很合身，感覺就像是設計的一部分
它滿足需求、回答問題或建立同理心（取決于產品）
它激勵用戶采取行動
它預測并解決用戶問題
下面列出了一些有助于改進按鈕縮微鏡的做法：
01
-
使用動作動詞
應使用動作動詞，而不是泛指詞。應避免使用“是/否”，因為它們可能會對用戶造成歧義和混淆。
用戶必須先閱讀對話框，然后才能采取行動。如上所述，大多數用戶掃描頁面以獲取相關信息，而不是閱讀提供的所有信息。如果他們跳過或誤讀對話框，他們會按錯按鈕。被動標簽不僅會增加采取行動的風險，還會迫使用戶做更多的工作。通過確認按鈕文本上的操作，我們減少了出錯的機會，并減少了用戶的工作量。
這可以在下面的示例中看到。當對話框文本被阻止，只有按鈕可見時，帶有動作動詞的按鈕標簽允許用戶采取行動，但使用“是/否”標簽的按鈕不允許。動作動詞按鈕標簽的任務效率更高，可以防止用戶錯誤。
左邊是動作按鈕標簽的壞例子（是/否），右邊是好例子（放棄/保存），左邊是動作按鈕標簽的壞例子（是/否），右邊是好例子（放棄/保存）
動作動詞按鈕標簽的任務效率更高，可以防止用戶錯誤。
02
-
使用特定于任務的語言
按鈕副本應與操作匹配。我們使用的按鈕應該始終清楚地描述用戶單擊按鈕時采取的操作。
例如，“提交”一詞是一個可以用于大多數按鈕的技術術語。當用戶閱讀時，不清楚會發生什么，因為標簽不是特定于任務的。用戶會質疑當他們點擊表單按鈕時會發生什么。通過使用描述用戶任務結果的按鈕標簽，避免使其不確定。
相比之下，使用特定于動作的詞語可以讓標簽更清晰，讓用戶確定行動。請記住，用戶通常會掃描頁面以獲取相關信息。為了改進用戶體驗，表單按鈕應該準確地描述用戶在任務中所做的事情。例如，如果用戶正在刪除照片，則顯示“刪除”的按鈕會告訴用戶單擊“操作”按鈕將刪除照片。這對他們的任務來說是明確而具體的。
兩個示例對話框：左側為通用語言（“確認”），右側為特定于任務的語言（“刪除”），兩個示例對話框：左側為通用語言（“確認”），右側為特定于任務的語言（“刪除”）
使用特定于任務的語言可以使標簽更清晰（右側示例）
03
-
一致性
為按鈕編寫副本時，保持一致性很重要。決定縮微拷貝的規則可以幫助做到這一點。例如，您可以：
選擇單詞數量：不同組件平均應該有多少單詞？每個按鈕一個、兩個或多個單詞。
選擇案例：在整個產品中應始終使用大寫字母。您可以在句子大小寫、標題大小寫、大寫或小寫之間進行選擇（稍后將詳細介紹…）
標簽結構：您需要決定標簽的結構。它們是否僅包括一個動詞或動詞與名詞的組合（例如“動詞”+“名詞”或“動詞”或“動詞”+a+“名詞”）？
04
-
使用縮微鏡以提高透明度
有時，數字產品可能會出于安全和隱私原因（例如，要求用戶提供敏感信息）而引起關注。在這些情況下，Microcopy可以幫助我們與用戶建立信任，并對用戶體驗產生積極影響。
例如，如果人們在進行交易時感到不安全或可疑，他們可能最終無法完成自己的行為。
Bhatt提供了一些示例場景：
要求用戶提供過多的個人信息
有關產品保修/保修/更換的未詳細說明
詢問免費試用訂閱的信用卡詳細信息
有效的縮微鏡可以告知用戶詢問信息的原因以及如何使用。下面是一個很好的例子；Airbnb通知用戶點擊reserve不會收取費用。
空中訂票服務
05
-
避免使用行話
簡單明了的小詞比聽起來重要的大詞更響亮，但行話仍然設法潛入我們的界面。這是因為我們熟悉我們所從事的產品以及我們每天遇到的特定術語。解決這個問題的一種方法是與用戶一起測試microcopy——他們理解我們使用的語言嗎？
06
-
注意資本化
大寫是用戶體驗寫作中提高文本元素理解和一致性的工具，需要給予應有的重視。最流行的大寫形式有：句子大小寫（僅大寫句子的第一個字母和專有名詞）、標題大小寫（大寫除冠詞、連詞和命題外的每個單詞的第一個字母）和大寫（大寫每個字母）。適當的資本化風格取決于你的產品-你可以在這里閱讀更多關于這方面的內容。一般來說，如果你寫的是面向國際的內容，請使用句子大小寫，因為這樣更利于國際化（除非產品面向美國觀眾）。標題大小寫可用于標題/副標題/標簽文本（<4個單詞）。在大多數情況下（雙關語），為了保持一致性，最好選擇一種格式。
資本化的兩個例子；標題格在左邊，句子格在右邊
07
-
了解你的用戶
好的縮微鏡應該在用戶使用您的產品時提供信息和幫助。為了實現這一目標，了解他們是誰并了解他們的需求是很重要的。用戶測試是必要的。
