前端的UI設計與交互之文案篇

在界面中，咱們須要經過對話的方式與用戶產生共鳴。精準、清晰的語言會更容易讓用戶理解，合適的語氣更容易讓用戶創建信任感。所以在界面設計時，文案也應當被重視。 在使用和書寫文案時有如下幾點須要注意：
從用戶角度出發
表述一致
重要的信息放在顯著位置
專業、精準、完整
精簡、友好、正面
1、語言
一、明確表述立足點
在表述內容時，關注點應該是用戶和他們能用你的產品作什麼，而不是你和你的產品在爲他們作什麼，因此內容表述的立足點很重要。
注：當用戶向後臺反饋問題、提出建議或申訴時，使用『咱們』是合理的語境，例如『咱們將會審覈你的申訴』。
二、精簡語句
省略無用詞彙，不重複用戶已知事實；在絕大多數交互場景下，都無需界面描述出所有的細節。
儘可能提供簡短、易於快速獲取的內容。
三、使用用戶熟悉的語言
間接、曖昧模糊的說法，生僻和過於『文雅』的用詞，會增長用戶的認知負荷，因此應當儘可能避免使用這類用戶沒法識別的詞彙。
四、表述一致
描述同一個事物的詞彙要保持統一;
上下文的語法、語種、語序要保持統一;
操做的名稱和目標頁面標題的名稱保持一致。
2、重要的信息放在顯著位置
讓用戶第一眼看到最重要的內容，不用到段落中尋找。
注：如考慮安全性問題時，隱私信息也可調整爲『點擊後可見』的方式。
3、完整、直接得闡述信息
當咱們但願用戶進行一個操做時，要專一於用戶能獲得什麼，以及用戶的感覺。在操做前引導告知用戶操做的目的或重要性，能促進用戶更願意去執行。
報錯是 UI 中常見的功能，它一樣是用戶體驗中不可小視的組成部分。當用戶填寫的內容出錯的時候，你的報錯信息應當符合用戶的認知，用易於理解的方式表述出來。
4、用詞精準完整
通用基本用詞要規範，不要寫錯字，詞語表達要完整。
專業用語要精準，並是所屬行業承認通用用詞；時間的表述必須明確。
其餘、抱歉、驗證碼、校驗碼、登陸、此、、、
5、語氣
語言定義的是內容，而情緒和睦氛更多的是經過語氣來表達，而且一樣的內容面對不一樣的用戶咱們可使用不一樣的語氣來表達；例如，咱們對應專業的運維人員和小白用戶應有不一樣的表達方式。
一、拉近彼此的距離
直接使用『你』、『我』來和用戶對話，與用戶創建親密感。避免使用『您』，讓用戶感受太過疏遠。
注：不要在同一個句式中混用『你』和『我』，交互中指代混亂會讓用戶至關糾結。
二、友好、尊重用戶
多給用戶支持與鼓勵，不要命令和強迫用戶。
若是你想留住你的用戶，當出錯的時候就不要責怪用戶。專一於解決問題，而不是指責。
三、表述不該過於極端
不要使用過於絕對的表述，這樣會讓用戶以爲不適。
6、大小寫和標點符號
一、英文名詞大小寫規範
產品名稱全稱，首字母大寫。產品名稱縮寫須要所有大寫，如：ESC、SLB 等；
注：整個單詞都大寫不利於閱讀和識別，應儘可能避免這種用法。
正確使用專有名詞的大小寫規範。
全英文的標題，標籤，菜單項等等都要遵循英文句式中首字母大寫的規範。
二、統計數據使用阿拉伯數字
這也是常見問題，用戶對於數字的感知速度更快，使用數字而非文字表述會更加有效。
三、省略沒必要要的標點
爲了幫助用戶更加高效得掃視文本內容，能夠省略沒必要要的斷句點。
a）如下元素單獨出現時能夠省略標點：
標籤
標題
輸入框下的提示
懸停文本中的提示
表格中的句子
b）如下元素單獨出現時須要加上標點：
多句或多段的文案和列表內容。
任何文字鏈前的句子。
四、謹慎使用感嘆號
感嘆號會讓文案顯得過於激動，容易讓氣氛變得過於緊張。
注：當向用戶表達問候或祝賀時，使用『！』是合理的語境，例如『歡迎回到社區！』。
五、基本標點規範
空格 段落句子中的連接和文字之間增長空格； 全角字符和半角字符搭配時，須要添加空格，如：兩個、2 個、50%。
句號 。 如下狀況中不使用句號：輸入框下的提示；表格中的句子；句末爲文字鏈（連接前使用句號）；按鈕和標題。
感嘆號 ！ 只在須要表達強烈情感的狀況下使用。
鏈接號 - 不使用中文全角的鏈接號。如：2012-11-12。
省略號 … 使用半角的『…』爲省略號。
隱藏符號 * 多用於替換顯示隱私信息。