移動交互設計:提示語總結

9 評論 59729 瀏覽 338 收藏 12 分鐘

交互設計工作中,難免會遇到提示語如何編寫的問題,根據實際操作經驗歸納總結如下,提供大家參考。

一、提示語規范

各類提示語可根據實際情況進行適當調整,在實際產品設計過程中可能需要多種提示語結合使 。但都必須保證提示語簡潔無歧義,且對用戶有實際指導意義。

1. 提示語設計原則

(1)正確性原則

  • 禁止使用錯字、別字;
  • 禁止出現語法錯誤;
  • 禁止出現有歧義的提示語。

(2)準確性原則

提示語信息應該符合客觀事實,不能給用戶有誤的操作引導。

(3)指導性原則

提示語應該能夠真正起到指導作用,幫助用戶識別、診斷問題,在適當的情況下應該提供用戶恢復途徑。

(4)人性化原則

避免生硬、粗暴、剛性用語,內容語氣要親和,尤其是在出錯、故障、異常等情況下,用戶本已不耐煩,更應該使用人性化用語。

(5)貼近用戶原則

使用用戶的語言、用詞、短語和用戶熟悉的概念,而非系統術語。避免使用生僻用語(生僻字詞)、自創用語、錯誤代碼。

(6)尊重用戶原則

杜絕一切辱罵、歧視、貶低性用語,讓用戶在全產品使用過程中感受到尊重。

(7)一致性原則

  • 保持書寫語言、語序、標點、圖標使用的一致;
  • 當提示語中涉及功能名稱時,應與產品中的功能命名操持一致;
  • 相同操作反饋的提示語內容和形式應該保持一致,相同場景下類似的提示語語法結構應該保持一致。

(8)優先使用通用用語原則

業內有相同或者相似產品時,產品用語應盡可能向業界靠齊,博取眾家之長,對業內約定俗成的用語可直接采用。

(9)簡潔性原則

可利用交互或者視覺設計方式告知提示用戶的,應盡量避免使用文字。必須使用文字提示語的,應用最精簡的語言傳達最直接的信息。

(10)可見性原則

提示語的場景和位置應該合理。

(11)自由控制原則

提示語能夠自動退出或提供明顯的退出方式。

(12)禁用不當標識原則

禁用黃賭毒相關的ICON、圖片、視頻,禁用無版權標志,不得將用戶或市場已經約定俗成的標識擅自重新定義。

二、中文App標點符號規范

  1. 統一使用中文標點符號;
  2. 提示語語句中避免使用感嘆號;
  3. 句尾標點:除疑問句外,統一不使用標點符號;
  4. 句中標點:斷句使用逗號(,);
  5. 突出顯示對象使用雙引號(“”)。

三、提示圖標使用規范

提示圖標設計應該參考業內提示圖標使用慣例。

等待含義提示語句尾統一使用圖標(…),如:加載中“…”、正在驗證“…”。

文案結尾使用省略”…”使用規范:

  • 有詳情展開,可以使用“…”;無詳情展開時,不可以使用“…”;
  • 字段顯示的數符數不能控制(調取第三方數據)可以使用“…”;字段顯示的數符數由端內控制時,字段字數要寫明閾值且設計方案應該考慮到極端顯示情況,盡量不使用“…”;
  • Button文字不能使用“…”。

四、分類

4.1 錯誤提示

定義:錯誤提示指由于系統原因造成用戶無法完成目標操作的反饋提示,或者由于用戶未能指照既定邏輯進行操作的反饋提示。

范圍:墨跡移動端的錯誤類提示主要包括系統錯誤提示,用戶輸入錯誤提示,用戶操作超出限定范圍提示等。

(1)系統錯誤提示

  • 適用范圍:服務器錯誤,請求格式錯誤,響應超時等情況;
  • 語法規范:錯誤原因+請稍后再試;
  • 交互細節:語法規范中的”錯誤原因”為可選項,可根據實際情況確定是否顯示。

示例:

(2)用戶輸入錯誤提示

適用范圍:內容填寫錯誤,用戶輸入敏感詞匯,必填項內容未填寫。

內容填寫錯誤:

  • 語法規范:錯誤原因+操作引導;
  • 交互細節:語法規范中的”錯誤原因”為可選項,可根據實際情況確定是否顯示。

示例:

用戶輸入敏感詞匯:

語法規范:輸入內容存在敏感詞匯+請調整。

交互細節:

  1. 如果不存在發送情景,建議使用”輸入內容存在敏感詞匯,請調整”;
  2. 用戶輸入敏感詞匯,如果存在發送情景,建議使用“輸入內容存在敏感詞匯,請調整后再發”。

示例:

必填項內容未填寫:

語法規范:請輸入+內容。

示例:

(3)用戶操作超出限定范圍提示

適用范圍:用戶操作超出當日 /月 限額、操作對象超出系統限制、用戶操作過于頻繁。

用戶操作超出當日/月限制:

  • 語法規范:今日/本月+已達上限+請明日(下月)再試;
  • 交互細節:語法規范中的”請明日(下月)再試”為可選項,可根據實際情況確定是否顯示。

示例:

操作對象超過系統限制:

語法規范:操作對象+已達上限。

示例:

用戶操作過于頻繁:

語法規范:操作+過于頻繁+請稍后再試。

示例:

4.2 操作提示

定義:操作類提示是對用戶與系統交互過程中系統提供的反饋信息。

范圍:包括操作執行提示,操作結果提示,操作確認提示,操作引導提示。

(1)操作結果提示

適用范圍:操作成功,操作失敗,操作狀態反饋。

操作成功:

  • 語法規范:對象/ID+成果結果;
  • 交互細節:語法規范中的“對象/ID”為可選項,可根據實際情況確定是否顯示。

示例:

操作失?。?/p>

  • 語法規范:失敗結果+引導建議;
  • 交互細節:語法規范中的“引導建議”為可選項,可根據實際情況確定是否顯示。

示例:

操作狀態反饋:

語法規范:無特定語法規范,針對操作狀態的直觀反饋即可。

示例:

(2)操作確認提示

適用范圍:注銷登錄,發送貼子,清除信息,刪除好友等。

語法規范:確認+操作動作+操作對象?[取消][“操作動作”]

交互細節:

  • 正向確認按鈕建議放在右側,便于用戶操作;
  • 確認語句中存在多個操作動作,建議使用“確定”按鈕。

示例:

(3)操作引導提示

  • 適用范圍:功能列表為空(粉絲,關注列表),必填項引導文字
  • 語法規范:系統現狀(可選)+引導操作
  • 交互細節:建議此類提示采用弱提示形式,盡量與環境貼合,避免打斷用戶當前操作流程;語法規范中的“系統現狀”為可選項,可根據實際情況確定是否顯示。

示例:

4.3 狀態提示

定義:狀態提示表明當前系統所處狀態。

范圍:登錄狀態,系統狀態,網絡狀態。

(1)登錄狀態提示

適用范圍: 帳號異常、多點登錄、異常登錄/退出。

賬號異常:

  • 語法規范:賬號異常提示+安全提醒;
  • 交互細節:語法規范中的“安全提醒”為可選項,可根據實際情況確定是否顯示。

示例:

多點登錄:

  • 語法規范:其他設備登錄情況+安全提醒。

示例:

(2)系統狀態提示

  • 適用范圍: 注冊、登錄、功能加載、功能刷新。
  • 語法規范:加載狀態+請稍候…

示例:

(3)網絡狀態提示:

  • 適用范圍: 當前聯網狀態的說明;
  • 語法規范:網絡狀態+操作引導。

示例:

五、總結

提示語是App中不可缺少的一部分。往往都是在關鍵時刻,給用戶提供幫助。好的提示語可以真的幫助到用戶,混亂的提示語則會讓用戶迷失。

 

本文由@ 垚一垚 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 學習了

    來自北京 回復
  2. 除了需要執行下一步操作類的(例如“取消”、“發送”),大部分提示的樣式就是吐司吧??

    回復
  3. 學習

    回復
  4. 4.2的(2)里面有錯別字 無法打成遠法了

    來自浙江 回復
    1. 多謝!已修改!~

      來自北京 回復
    2. 1

      來自北京 回復
    3. 2

      來自北京 回復
    4. 3

      來自北京 回復
  5. 感謝

    來自北京 回復