移動交互設(shè)計:提示語總結(jié)

9 評論 59892 瀏覽 341 收藏 12 分鐘

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

一、提示語規(guī)范

各類提示語可根據(jù)實際情況進(jìn)行適當(dāng)調(diào)整,在實際產(chǎn)品設(shè)計過程中可能需要多種提示語結(jié)合使 。但都必須保證提示語簡潔無歧義,且對用戶有實際指導(dǎo)意義。

1. 提示語設(shè)計原則

(1)正確性原則

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

(2)準(zhǔn)確性原則

提示語信息應(yīng)該符合客觀事實,不能給用戶有誤的操作引導(dǎo)。

(3)指導(dǎo)性原則

提示語應(yīng)該能夠真正起到指導(dǎo)作用,幫助用戶識別、診斷問題,在適當(dāng)?shù)那闆r下應(yīng)該提供用戶恢復(fù)途徑。

(4)人性化原則

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

(5)貼近用戶原則

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

(6)尊重用戶原則

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

(7)一致性原則

  • 保持書寫語言、語序、標(biāo)點、圖標(biāo)使用的一致;
  • 當(dāng)提示語中涉及功能名稱時,應(yīng)與產(chǎn)品中的功能命名操持一致;
  • 相同操作反饋的提示語內(nèi)容和形式應(yīng)該保持一致,相同場景下類似的提示語語法結(jié)構(gòu)應(yīng)該保持一致。

(8)優(yōu)先使用通用用語原則

業(yè)內(nèi)有相同或者相似產(chǎn)品時,產(chǎn)品用語應(yīng)盡可能向業(yè)界靠齊,博取眾家之長,對業(yè)內(nèi)約定俗成的用語可直接采用。

(9)簡潔性原則

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

(10)可見性原則

提示語的場景和位置應(yīng)該合理。

(11)自由控制原則

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

(12)禁用不當(dāng)標(biāo)識原則

禁用黃賭毒相關(guān)的ICON、圖片、視頻,禁用無版權(quán)標(biāo)志,不得將用戶或市場已經(jīng)約定俗成的標(biāo)識擅自重新定義。

二、中文App標(biāo)點符號規(guī)范

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

三、提示圖標(biāo)使用規(guī)范

提示圖標(biāo)設(shè)計應(yīng)該參考業(yè)內(nèi)提示圖標(biāo)使用慣例。

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

文案結(jié)尾使用省略”…”使用規(guī)范:

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

四、分類

4.1 錯誤提示

定義:錯誤提示指由于系統(tǒng)原因造成用戶無法完成目標(biāo)操作的反饋提示,或者由于用戶未能指照既定邏輯進(jìn)行操作的反饋提示。

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

(1)系統(tǒng)錯誤提示

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

示例:

(2)用戶輸入錯誤提示

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

內(nèi)容填寫錯誤:

  • 語法規(guī)范:錯誤原因+操作引導(dǎo);
  • 交互細(xì)節(jié):語法規(guī)范中的”錯誤原因”為可選項,可根據(jù)實際情況確定是否顯示。

示例:

用戶輸入敏感詞匯:

語法規(guī)范:輸入內(nèi)容存在敏感詞匯+請調(diào)整。

交互細(xì)節(jié):

  1. 如果不存在發(fā)送情景,建議使用”輸入內(nèi)容存在敏感詞匯,請調(diào)整”;
  2. 用戶輸入敏感詞匯,如果存在發(fā)送情景,建議使用“輸入內(nèi)容存在敏感詞匯,請調(diào)整后再發(fā)”。

示例:

必填項內(nèi)容未填寫:

語法規(guī)范:請輸入+內(nèi)容。

示例:

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

適用范圍:用戶操作超出當(dāng)日 /月 限額、操作對象超出系統(tǒng)限制、用戶操作過于頻繁。

用戶操作超出當(dāng)日/月限制:

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

示例:

操作對象超過系統(tǒng)限制:

語法規(guī)范:操作對象+已達(dá)上限。

示例:

用戶操作過于頻繁:

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

示例:

4.2 操作提示

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

范圍:包括操作執(zhí)行提示,操作結(jié)果提示,操作確認(rèn)提示,操作引導(dǎo)提示。

(1)操作結(jié)果提示

適用范圍:操作成功,操作失敗,操作狀態(tài)反饋。

操作成功:

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

示例:

操作失?。?/p>

  • 語法規(guī)范:失敗結(jié)果+引導(dǎo)建議;
  • 交互細(xì)節(jié):語法規(guī)范中的“引導(dǎo)建議”為可選項,可根據(jù)實際情況確定是否顯示。

示例:

操作狀態(tài)反饋:

語法規(guī)范:無特定語法規(guī)范,針對操作狀態(tài)的直觀反饋即可。

示例:

(2)操作確認(rèn)提示

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

語法規(guī)范:確認(rèn)+操作動作+操作對象?[取消][“操作動作”]

交互細(xì)節(jié):

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

示例:

(3)操作引導(dǎo)提示

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

示例:

4.3 狀態(tài)提示

定義:狀態(tài)提示表明當(dāng)前系統(tǒng)所處狀態(tài)。

范圍:登錄狀態(tài),系統(tǒng)狀態(tài),網(wǎng)絡(luò)狀態(tài)。

(1)登錄狀態(tài)提示

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

賬號異常:

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

示例:

多點登錄:

  • 語法規(guī)范:其他設(shè)備登錄情況+安全提醒。

示例:

(2)系統(tǒng)狀態(tài)提示

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

示例:

(3)網(wǎng)絡(luò)狀態(tài)提示:

  • 適用范圍: 當(dāng)前聯(lián)網(wǎng)狀態(tài)的說明;
  • 語法規(guī)范:網(wǎng)絡(luò)狀態(tài)+操作引導(dǎo)。

示例:

五、總結(jié)

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

 

本文由@ 垚一垚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 學(xué)習(xí)了

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

    回復(fù)
  3. 學(xué)習(xí)

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

    來自浙江 回復(fù)
    1. 多謝!已修改!~

      來自北京 回復(fù)
    2. 1

      來自北京 回復(fù)
    3. 2

      來自北京 回復(fù)
    4. 3

      來自北京 回復(fù)
  5. 感謝

    來自北京 回復(fù)