亚洲欧美v国产一区二区三区,中文字日产幕乱五区,综合亚洲,,,色,亚洲伊人久久大香线蕉综合,亚洲综合精品伊人久久

首頁 > SEO動態(tài) > 網(wǎng)站技術(shù)5000字干貨!界面交互文案設(shè)計指南

5000字干貨!界面交互文案設(shè)計指南

5000字干貨!界面交互文案設(shè)計指南

本文將文案設(shè)計的基礎(chǔ)內(nèi)容總結(jié)為三個關(guān)鍵部分:設(shè)計原則、通用要素和應(yīng)用場景。通過這三個部分的綜合運用,可以建立起科學(xué)化、規(guī)范化的文案設(shè)計基礎(chǔ)準則。這些準則為交互文案設(shè)計提供指導(dǎo),使文案更貼合目標用戶的需求,并提升用戶體驗

一、交互文案概述

界面文案指的是在用戶界面中使用的文字內(nèi)容,基于文案使用場景的不同可以分為交互文案、營銷文案、廣告文案等。界面交互文案通常與用戶的操作緊密關(guān)聯(lián),操作前用于引導(dǎo)用戶如何操作,操作中用于給用戶提供實時的操作反饋,操作后告知用戶操作結(jié)果。交互文案在用戶體驗中起著至關(guān)重要的作用,好的交互文案可以提升系統(tǒng)的可用性,是交互設(shè)計不可忽略的部分。

5000字干貨!界面交互文案設(shè)計指南

二、文案設(shè)計原則及策略

5000字干貨!界面交互文案設(shè)計指南

1. 內(nèi)容結(jié)構(gòu)

①表述清晰易懂

通過使用清晰易懂的常用詞、準確的數(shù)字表達、具體的結(jié)果表述、明確的操作按鈕,避免歧義的詞語和習(xí)語,并使用主動語態(tài),可以確保界面交互中的信息傳達清晰易懂,提供良好的用戶體驗。具體設(shè)計策略可分為以下 6 點:

(1)使用簡潔明了的常用詞匯:避免使用針對 UI 發(fā)明的行業(yè)術(shù)語或業(yè)務(wù)場景專業(yè)術(shù)語,這樣可以降低用戶的認知負擔,使用戶更容易理解界面內(nèi)容。

5000字干貨!界面交互文案設(shè)計指南

(2)選擇準確的數(shù)字表達方式:描述數(shù)量時,阿拉伯數(shù)字比漢字更清晰。阿拉伯數(shù)字能夠直接傳達準確的數(shù)值,避免因漢字的表達而產(chǎn)生歧義或誤解。

5000字干貨!界面交互文案設(shè)計指南

(3)清晰表述操作結(jié)果:用戶需要清楚地了解某一種的操作將帶來什么具體結(jié)果,這樣可以增加用戶滿意度。

5000字干貨!界面交互文案設(shè)計指南

(4)操作按鈕指出明確的動作:沒有明確的步驟條時,少用“下一步”這種模糊類表述,而是使用更明確的指令,以確保用戶清楚下一步該做什么。

5000字干貨!界面交互文案設(shè)計指南

(5)避免使用產(chǎn)生歧義的詞語或習(xí)語:這些詞語可能因為不同文化、背景或語言理解的差異而引起用戶的困惑或誤解。

5000字干貨!界面交互文案設(shè)計指南

(6)使用主動語態(tài):在寫交互文案時,傾向于使用主動語態(tài)而不是被動語態(tài)。主動語態(tài)更加直接和清晰,能夠更好地傳達指令或信息,使用戶更容易理解和執(zhí)行相應(yīng)的操作。

5000字干貨!界面交互文案設(shè)計指南

②表述形式統(tǒng)一

表述形式統(tǒng)一可以提升產(chǎn)品內(nèi)部的一致性,幫助用戶建立穩(wěn)定的認知模式,降低用戶重復(fù)學(xué)習(xí)和理解成本。當用戶在不同功能頁面中遇到相似的文案表達時,他們可以更自然地理解。這種認知模式的建立能夠使用戶感到熟悉和舒適,增強用戶對產(chǎn)品的信任感,進而提升用戶體驗。具體設(shè)計策略可分為以下 5 點:

(1)用戶人稱:統(tǒng)一使用第一人稱或第二人稱,避免第一人稱和第二人稱同時使用。

5000字干貨!界面交互文案設(shè)計指南

(2)語言風(fēng)格:語言風(fēng)格需要統(tǒng)一為正式、輕松等,避免多種風(fēng)格同時存在

5000字干貨!界面交互文案設(shè)計指南

(3)相同場景用詞:同樣的操作使用一致的詞語

5000字干貨!界面交互文案設(shè)計指南

(4)語句結(jié)構(gòu):盡量使用結(jié)構(gòu)一致的短句,包括“動詞+名詞”、“名詞+動詞”等

5000字干貨!界面交互文案設(shè)計指南

(5)代詞統(tǒng)一:指代人、指代事物的代詞在同一個產(chǎn)品中應(yīng)當是一致的

5000字干貨!界面交互文案設(shè)計指南

③簡單突出重點

簡單的表述可以減少文案的冗余和累贅,使用戶更快速地理解和消化所閱讀到的內(nèi)容。這樣不僅減少了用戶閱讀的文本量,還避免了用戶在冗長的文案中迷失和疲勞。在文案設(shè)計時,設(shè)計師需要將用戶重點關(guān)注的信息突出,置于用戶的注意力焦點,使其更易被察覺和理解。具體設(shè)計策略可分為以下 4 點:

(1)省略不重要的標點符號,例如彈窗、toast、表格中的內(nèi)容、按鈕、頁面標題等不加句號、嘆號等

5000字干貨!界面交互文案設(shè)計指南

(2)利用刪減測試來判斷可省略的內(nèi)容,刪減某些字詞后看文案是否依舊連貫,意思明確

5000字干貨!界面交互文案設(shè)計指南

(3)分步或者分條展示,避免一個模塊文案表述過多

5000字干貨!界面交互文案設(shè)計指南

(4)考慮語音/文案展示優(yōu)先級,多條內(nèi)容沖突時需要規(guī)定先后順序,避免多個提示同時彈出

5000字干貨!界面交互文案設(shè)計指南

④考慮用戶場景

考慮用戶場景就是考慮用戶當前所處的上下文環(huán)境,這包括用戶當前的操作狀態(tài)、位置、任務(wù)、目標等。預(yù)測用戶的下一步行動和用戶的潛在需求,并在適當?shù)臅r間提供用于引導(dǎo)用戶行為的關(guān)鍵信息。

5000字干貨!界面交互文案設(shè)計指南

2. 表述語氣

①語氣友好

友好的語氣能夠傳達出產(chǎn)品對用戶的尊重和關(guān)懷。當用戶感受到友好的語氣時,他們會感到被重視、被理解,從而更加愿意與產(chǎn)品進行互動和溝通。具體設(shè)計策略可分為以下 3 點:

(1)一般場景中不要使用感嘆號,在向用戶表達祝賀或恭喜時可以使用

5000字干貨!界面交互文案設(shè)計指南

(2)不要使用命令和質(zhì)疑的詞語

5000字干貨!界面交互文案設(shè)計指南

(3)根據(jù)用戶的操作費力程度來決定表述語氣,當費力程度較大時可以使用“成功”等詞匯表述,費力程度較小時使用“已 xx”表述

5000字干貨!界面交互文案設(shè)計指南

三、通用文案要素規(guī)范

以上一章節(jié)的文案設(shè)計原則為基礎(chǔ),提煉出各個用戶場景中通用的文案要素,也是文案設(shè)計的基本準則之一。本次通用文案要素規(guī)范包含數(shù)字、時間、人稱、易混詞和標點。在實際應(yīng)用中注意這些規(guī)范可以幫助設(shè)計師提升文案的準確性、可讀性、規(guī)范性,減少錯別字或錯誤用法的出現(xiàn)。

1. 數(shù)字

(1)統(tǒng)計數(shù)據(jù)展示:使用阿拉伯數(shù)字會更容易引起注意,避免使用漢字

5000字干貨!界面交互文案設(shè)計指南

(2)混合使用數(shù)字:用兩種方式表述,最需要用戶注意的使用阿拉伯數(shù)字

5000字干貨!界面交互文案設(shè)計指南

(3)多位數(shù)字:收入/支出金額、運單量、車輛數(shù)等數(shù)據(jù)經(jīng)常出現(xiàn)數(shù)量較大的情況,應(yīng)當遵循每千分位展示一個逗號的形式,小數(shù)部分不加逗號,便于用戶閱讀。

5000字干貨!界面交互文案設(shè)計指南

(4)運單號/包裹號:需要突出不同運單或包裹的差異點,一般可以突出運單號后 4 位、包裹號的包裹數(shù)

5000字干貨!界面交互文案設(shè)計指南

2. 時間

(1)實時提醒/倒計時:一般用于對時間要求比較嚴格的用戶場景,倒計時可以引起用戶的格外關(guān)注

  1. 精簡文案結(jié)構(gòu):剩余「xx」小時「xx」分「xx」秒;已超時「xx」小時「xx」分「xx」秒
  2. 詳細文案結(jié)構(gòu):距「xx」剩余「xx」小時「xx」分「xx」;「xx」已超時「xx」小時「xx」分「xx」秒

5000字干貨!界面交互文案設(shè)計指南

(2)時間規(guī)則靜態(tài)展示:一般是界面常駐提示,用于告知用戶,任務(wù)緊急程度不高

  1. 文案結(jié)構(gòu):請在「xx 時間」內(nèi)「用戶要完成的事項」,超時將「xx 后果」。
  2. 時間描述需具體,例如 1 小時 12 分鐘,避免使用 1.2 小時表述。

5000字干貨!界面交互文案設(shè)計指南

(3)更新時間提示:一般用于數(shù)據(jù)定期定時更新的場景中,告知用戶更新規(guī)則。

  1. 文案結(jié)構(gòu):「信息內(nèi)容」更新時間:「xx」
  2. 例如“數(shù)據(jù)更新時間:11/02 12:00”“數(shù)據(jù)更新時間:每月 15 日”

3. 人稱

(1)你 or 您?

“你”是普通稱謂,“您”是尊敬稱謂。通常用“你”稱呼表明兩人同輩或者關(guān)系親密,用“您”表明兩者處于不同輩的情況,而且表明兩者并不親密。

“你”能與用戶建立親密感,使用“您”容易產(chǎn)生距離感,如需體現(xiàn)用戶的尊貴感可以使用“您”。

5000字干貨!界面交互文案設(shè)計指南

(2)此 or 該?

“此”經(jīng)常指比較具體的小事物,比如“此人”“此物”“此情”“此景”,“該”指的事物比較廣泛,經(jīng)常指代某個團體,比如“該單位”“該廠”“該集團”。

當要表達當前的小事物,“此”更明確,例如“此運單”“此任務(wù)”“點擊此按鈕”。

5000字干貨!界面交互文案設(shè)計指南

4. 易混詞

在實際文案的使用中常常會因為常識失誤、輸入法的諧音文字帶來一些錯別字或錯誤用法的情況,產(chǎn)品的文案設(shè)計中需要注意避免使用錯別字,為用戶帶來困惑或誤導(dǎo)。通過實際工作經(jīng)驗總結(jié),本次總結(jié)了 6 個易混詞:

①登錄 or 登陸?

在界面中從來沒有登陸的用法,應(yīng)當使用“登錄”,避免諧音帶來錯別字。

5000字干貨!界面交互文案設(shè)計指南

②賬號 or 帳號?

“帳號”為舊時用法,現(xiàn)在正確的表述是“賬號”,《現(xiàn)代漢語詞典》第 7 版中只有“賬號”詞條,而無“帳號”詞條。

5000字干貨!界面交互文案設(shè)計指南

③定金 or 訂金?

定金,具有擔保合同履行之意,支付定金方不履行合同,無權(quán)請求返還,而接受定金的一方不履行應(yīng)當雙倍返還定金。

訂金,一般視為預(yù)付款,在交易成功時,訂金充當貨款;在交易失敗時,訂金應(yīng)全額返還,收受訂金的一方即使違約,仍應(yīng)承擔返還訂金的義務(wù)。

④稍候 or 稍后?

稍候是請等一等的意思,相當于 loading;

稍后是今后的意思,但不確指是什么時候。系統(tǒng)加載需要用戶等候需要使用“稍候”

5000字干貨!界面交互文案設(shè)計指南

⑤預(yù)定 or 預(yù)訂?

預(yù)訂,指事先訂約購買東西,通常需要提前預(yù)付一定的金錢。

預(yù)定,指預(yù)確定,事前規(guī)定、決定或約定。比如預(yù)定婚期、預(yù)定時間。

兩者最大的差別在于關(guān)涉的對象不同,預(yù)訂關(guān)涉錢款交易,而預(yù)定則與時間、計劃、方案、目標、地點等相聯(lián)系。

5000字干貨!界面交互文案設(shè)計指南

⑥模板 or 模版?

模板,是指作圖或設(shè)計方案的固定格式。 模板是將一個事物的結(jié)構(gòu)規(guī)律予以固定化、標準化的成果,它體現(xiàn)的是結(jié)構(gòu)形式的標準化。

模版這個詞語是錯誤不存在的。

5000字干貨!界面交互文案設(shè)計指南

5. 標點符號

①空格

  1. 中文與數(shù)字之間要增加空格
  2. 中文與英文之間要增加空格

5000字干貨!界面交互文案設(shè)計指南

②感嘆號

感嘆號會讓語氣表現(xiàn)的很強烈,僅在表達強烈情感或慶祝時使用,一般情況下不建議使用感嘆號。

5000字干貨!界面交互文案設(shè)計指南

③句號

中文使用“?!?,英文使用“.”。中文句號一般用于長文本中,標題、按鈕、短提示等一般末尾不使用句號。

5000字干貨!界面交互文案設(shè)計指南

(4)省略號

統(tǒng)一使用“…”,三個點即可。

5000字干貨!界面交互文案設(shè)計指南

四、文案應(yīng)用場景及案例

通過對用戶場景的梳理,我們將文案場景劃分為三大類:通知提示、反饋提示、防錯確認。

1. 通知提示

通知提示是指在特定情境下向用戶傳達重要信息或事件的文案,通過簡明扼要的方式及時告知用戶關(guān)鍵事件、消息或變化,讓用戶能夠第一時間了解到最新動態(tài),以便能夠及時采取相應(yīng)的行動。通知提示一般包含用戶操作前的引導(dǎo)、系統(tǒng)觸達給用戶的通知公告等類型。

5000字干貨!界面交互文案設(shè)計指南

①系統(tǒng)通知

系統(tǒng)通知主要包含待辦任務(wù)、未讀消息、系統(tǒng)/業(yè)務(wù)公告幾種類型。

待辦任務(wù):在通知中清楚地告知用戶待辦任務(wù)的數(shù)量,并提供便捷的前往任務(wù)處理的操作??梢允褂?quot;你有 X 條任務(wù)"的表述方式,以及給出明顯的操作按鈕或鏈接,引導(dǎo)用戶直接跳轉(zhuǎn)到任務(wù)處理界面。

5000字干貨!界面交互文案設(shè)計指南

未讀消息:通知用戶未讀消息的數(shù)量,并使用標題+內(nèi)容的結(jié)構(gòu)展示消息內(nèi)容。需要確保標題能夠吸引用戶的注意力,內(nèi)容簡潔明了,可以使用"你有 X 條未讀消息"的形式,然后列出每條消息的標題和摘要,以便用戶能夠快速瀏覽并了解消息的重要信息。

5000字干貨!界面交互文案設(shè)計指南

系統(tǒng)/業(yè)務(wù)公告:由于系統(tǒng)和業(yè)務(wù)公告通常與具體業(yè)務(wù)場景和要求相關(guān),暫無統(tǒng)一規(guī)范。在設(shè)計這部分內(nèi)容時,建議根據(jù)具體業(yè)務(wù)情況進行設(shè)計,確保公告內(nèi)容與用戶所處的業(yè)務(wù)環(huán)境相關(guān),并使用明確的語言傳達重要信息。

②操作提示

操作提示類文案在引導(dǎo)用戶進行特定操作或交互時起到重要的作用,操作提示文案一般需直入主題,強調(diào)關(guān)鍵信息,給用戶明確的指引,減少重復(fù)話術(shù),例如不要描述為“手機號:請輸入手機號”,應(yīng)當描述為“手機號:請輸入”

5000字干貨!界面交互文案設(shè)計指南

操作提示通常伴有對應(yīng)的操作按鈕:按鈕通常使用 4 種表述結(jié)構(gòu) [動作],[動作]+[名詞],[動作]+完成,[語氣]+[動作],若沒有明確的步驟條時盡量不要使用類似“下一步”這種動作模糊的文案,因為用戶并不清楚下一步的內(nèi)容,需要指引明確。

5000字干貨!界面交互文案設(shè)計指南

2. 反饋提示

反饋提示是在用戶與產(chǎn)品、服務(wù)或系統(tǒng)進行互動時提供的重要信息,其目的是告知用戶操作是否成功、出現(xiàn)的問題或錯誤是什么以及如何糾正錯誤或挽回,良好的反饋提示能夠增強用戶體驗,幫助用戶更好地理解和使用產(chǎn)品或服務(wù),讓用戶與系統(tǒng)間的交互更順暢。

反饋提示包括成功的確認信息、友好的錯誤提示、建議和指導(dǎo)等。根據(jù)反饋過程和反饋結(jié)果,可將反饋提示類型劃分為:操作異常/錯誤、等待中、操作成功三類。

5000字干貨!界面交互文案設(shè)計指南

①操作異常/錯誤

對于操作異常/錯誤類文案提示,可以根據(jù)屏幕展示空間或者使用控件類型進行詳略提示選擇,對于詳細完整的異常/錯誤提示,需要展示出錯誤原因或解決建議,一般話術(shù)結(jié)構(gòu)為:[動詞]+[失敗]+[錯誤原因/解決建議],需要使用平和而不是命令強迫的語氣,若文案展示空間/時間受限,可以使用更為簡練的語言,僅說明出錯原因/解決建議即可。

5000字干貨!界面交互文案設(shè)計指南

②等待中

用戶在上傳、下載、刷新等操作過程中可能需要等待加載,可以根據(jù)用戶需要等待的時長進行文案設(shè)計,通用話術(shù)是:[動作]中+[進度](可選)。

反饋時長在 0-0.3s 時,用戶不會感覺到任何延遲,無需加載;

反饋時長在 0.3-2s 時,用戶雖能感覺到延遲,但思維不會被打斷,用戶仍可以集中精力于當前的任務(wù),可使用無限循環(huán)加載;

反饋時長在 2s-8s 時,需要增加進度提示;

反饋時長超過 8s 時,需要增加進度提示并且允許用戶手動關(guān)閉加載或進行后臺加載;

5000字干貨!界面交互文案設(shè)計指南

③操作成功

對于操作成功類文案提示,可根據(jù)用戶操作成本高低和操作結(jié)果的正負向考慮文案和語氣:

若用戶操作成本較低或操作結(jié)果偏負向時,僅反饋動作結(jié)果即可,話術(shù)結(jié)構(gòu)為:已+[動作];

若用戶操作成本偏高或操作結(jié)果為正向時,可在結(jié)果反饋的基礎(chǔ)上加上成功語氣,話術(shù)結(jié)構(gòu)為:[動作]+成功

5000字干貨!界面交互文案設(shè)計指南

3. 防錯確認

防錯確認是一種文案策略,旨在幫助用戶避免錯誤和失誤。它們通常出現(xiàn)在關(guān)鍵的決策點上,需要用戶再次確認自己的選擇,避免出現(xiàn)嚴重或者不可挽回的結(jié)果。

防錯確認提示文案可以根據(jù)結(jié)果影響程度大小增減話術(shù),一般通用話術(shù)為:確定+[用戶要進行的動作]+嗎?底部操作按鈕為[動作]和[再想想],若該操作會產(chǎn)生比較嚴重的后果,還需要增加[影響后果描述]話術(shù)。

5000字干貨!界面交互文案設(shè)計指南

五、總結(jié)

無論是 B 端還是 C 端產(chǎn)品,精心設(shè)計的文案都能夠為我們與用戶之間的溝通和表達增益良多,讓我們與受眾更好地溝通、理解、建立共鳴,并最終實現(xiàn)預(yù)期的行動目標。本文通過概述文案的重要性,從內(nèi)容結(jié)構(gòu)和表述語氣兩個層面介紹了文案設(shè)計的原則與策略,規(guī)范了通用的文案要素,并展示了在不同場景中的應(yīng)用案例。希望通過這些內(nèi)容可以為大家提供有關(guān)文案設(shè)計和應(yīng)用的參考,讓我們一起努力,通過精心設(shè)計的文案,創(chuàng)造出更具影響力和效果的溝通表達方式。

作者:JellyDesign

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)

本文來源:http://www.sonygallery.com.cn/seodongtai/19667.html

免責聲明:部分文章信息來源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負責對文章進行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點或證實其內(nèi)容的真實性,不承擔任何法律責任。