• <thead id="ximmw"><span id="ximmw"></span></thead>

    <u id="ximmw"></u>
  • <wbr id="ximmw"><ins id="ximmw"><progress id="ximmw"></progress></ins></wbr><wbr id="ximmw"><object id="ximmw"><option id="ximmw"></option></object></wbr><wbr id="ximmw"><ins id="ximmw"><table id="ximmw"></table></ins></wbr>
    1. LOGO
      | 做生意,沒那么難
      導(dǎo)航

      如何正確編寫和設(shè)定“錯(cuò)誤訊息”?

      眾所周知,最好的錯(cuò)誤訊息是永遠(yuǎn)不會(huì)出現(xiàn)的錯(cuò)誤訊息。然而,無論我們的設(shè)計(jì)有多好,準(zhǔn)備得有多妥善,系統(tǒng)突發(fā)性的偶然錯(cuò)誤都是不可避免的。越多瀏覽者使用你的網(wǎng)站,錯(cuò)誤發(fā)生的機(jī)率就越高。

      當(dāng)你能正常使用,登入或?yàn)g覽網(wǎng)站,并且沒遇到系統(tǒng)癱瘓的情況時(shí),你可能不會(huì)意識(shí)到錯(cuò)誤訊息的存在。但不論你是瀏覽者還是網(wǎng)站擁有者,你都需要知道錯(cuò)誤訊息是用戶體驗(yàn)的重要組成部分。用戶經(jīng)常透過錯(cuò)誤訊息來評(píng)估一個(gè)網(wǎng)站的完整性。編寫不當(dāng)?shù)腻e(cuò)誤訊息將會(huì)導(dǎo)致瀏覽者對(duì)你的網(wǎng)站感到失望。那要如何編寫和設(shè)定好錯(cuò)誤訊息呢?別著急,這篇文章將一步步帶你了解。

      錯(cuò)誤訊息提示頁面是用戶最不想看到的顯示頁面。一般來說,它們討厭的不是錯(cuò)誤訊息本身,而是錯(cuò)誤訊息的出現(xiàn)往往意味著不流暢的瀏覽體驗(yàn),這可能是用戶在注冊(cè)或登入時(shí)輸錯(cuò)資訊而導(dǎo)致,也可能是網(wǎng)站系統(tǒng)工作中途出現(xiàn)癱瘓所形成,再不然就是網(wǎng)址被遷移了而導(dǎo)致無法被正確加載的情況。如果你的網(wǎng)站還在建設(shè)中,那訪客透過網(wǎng)址進(jìn)入的也將會(huì)是錯(cuò)誤訊息頁。

      編寫和設(shè)定錯(cuò)誤訊息的目的就是要幫助用戶在遭遇這些問題時(shí)盡可能冷靜,且?guī)椭莆蘸徒鉀Q問題。在編寫此類訊息時(shí),你可以閱讀以下的一些錯(cuò)誤訊息編寫原則:

      如何正確設(shè)定錯(cuò)誤訊息?

      1. 具體的提示

      2. 保持簡短且攜帶足夠資訊

      3. 避免使用技術(shù)性用語

      4. 使用禮貌性用語

      5. 給用戶提供說明和引導(dǎo)

      6. 提供糾正方案

      7. 正確的設(shè)計(jì)

      1. 具體的提示

      錯(cuò)誤訊息應(yīng)該以清晰和易于了解的方式編寫。你需要幫助用戶在看到錯(cuò)誤訊息時(shí)就能馬上掌握情況。如果錯(cuò)誤訊息含糊不清,用戶將無法確定導(dǎo)致問題的原因,這樣的錯(cuò)誤訊息本身就是一種錯(cuò)誤。如下圖所示,你需要清楚提示用戶導(dǎo)致錯(cuò)誤的原因。

      范例:頁面加載錯(cuò)誤訊息

      2. 保持簡短且攜帶足夠資訊

      錯(cuò)誤訊息中應(yīng)包含必要的資訊。就像設(shè)計(jì)網(wǎng)站內(nèi)容一樣,大多數(shù)情況下,用戶不愿意閱讀冗長的內(nèi)容。所以請(qǐng)寫一個(gè)對(duì)用戶有意義的簡短描述,讓他清楚地了解問題以及明白該如何解決它。避免過度溝通以及使用多余的重復(fù)性句子。

      范例: 錯(cuò)誤訊息提示 - 信箱或密碼無效導(dǎo)致無法登入

      3. 避免使用技術(shù)性用語

      大多數(shù)用戶對(duì)問題的技術(shù)復(fù)雜性不感興趣。如果你的錯(cuò)誤訊息包含技術(shù)用語或高技術(shù)性詞匯時(shí),用戶就會(huì)感到困惑。所以請(qǐng)避免在編寫錯(cuò)誤訊息時(shí)使用術(shù)語或過于專注技術(shù)細(xì)節(jié)。如果必須提及技術(shù)或復(fù)雜的細(xì)節(jié),請(qǐng)將它們放在故障排除部分并提供詳細(xì)指導(dǎo),以便用戶可以快速解決問題。

      4. 使用禮貌性用語

      沒有人喜歡不禮貌的溝通方式,即使它是一則錯(cuò)誤訊息。所以在編寫錯(cuò)誤訊息時(shí),盡量使用禮貌性用語避免冒犯用戶。就像你在建設(shè)網(wǎng)站時(shí)不可避免地遇到難題一樣,你的用戶也會(huì)在瀏覽網(wǎng)站時(shí)遇到問題。這個(gè)時(shí)候,你的目的是要幫助用戶,而不是譴責(zé)他。你的職責(zé)是適當(dāng)且禮貌地提醒他的錯(cuò)誤,而不是兇惡地警告他不要再犯。

      5. 給用戶提供說明和引導(dǎo)

      一條好的錯(cuò)誤訊息應(yīng)包含三個(gè)部分,即問題的識(shí)別,原因和解決方案。當(dāng)用戶遇到錯(cuò)誤時(shí),他們希望盡快解決。錯(cuò)誤訊息應(yīng)該為用戶提供足夠的資訊來幫助他擺脫不正常的瀏覽狀況。如果可以,請(qǐng)為用戶提供解決方案或選項(xiàng)。

      6. 提供糾正方案

      面對(duì)錯(cuò)誤訊息時(shí)的操作選項(xiàng)是必不可少的。正確的指示和引導(dǎo)將為用戶提供下一步該做什么的方向。你可以透過使用自訂按鈕來設(shè)定幾個(gè)選項(xiàng)(不多于3個(gè)),并且讓用戶自己作出選擇。

      7. 正確的設(shè)計(jì)

      錯(cuò)誤訊息應(yīng)隨時(shí)保持準(zhǔn)備呈現(xiàn)的狀態(tài)。也正是因?yàn)樗S時(shí)可能在錯(cuò)誤發(fā)生時(shí)出現(xiàn)在用戶面前,因此,你需要使用高對(duì)比度的文本和背景圖像/顏色使內(nèi)容更為突出并易于閱讀。一般來說,錯(cuò)誤訊息的重要內(nèi)容是紅色的。有時(shí)設(shè)定者會(huì)選擇加入黃色,橙色,和紅色的感嘆號(hào)元素來使其更為突出。要呈現(xiàn)反差視覺效果的話,可以考慮使用灰色以及黑色等暗沉顏色來呈現(xiàn)部分內(nèi)容。

      文章總結(jié):

      正確地編寫和設(shè)定錯(cuò)誤訊息是非常重要的,不僅能幫助用戶解決瀏覽問題,還能直接影響用戶對(duì)網(wǎng)站的整體滿意度。就如設(shè)定其他的網(wǎng)站系統(tǒng)內(nèi)容一樣,要做好錯(cuò)誤訊息設(shè)定工作也是不容易的。如果你剛好想重建或升級(jí)你公司的網(wǎng)站,或者想為網(wǎng)站添加一些新的設(shè)計(jì)理念或功能,請(qǐng)不要忘了為你的網(wǎng)站正確編寫錯(cuò)誤訊息。

      如果你對(duì)假建設(shè)網(wǎng)站缺乏經(jīng)驗(yàn),你可以使用像 這樣的網(wǎng)站建設(shè)器,它不僅專業(yè),還非常易于使用。你可以透過它輕松為你的客戶創(chuàng)造難忘的瀏覽體驗(yàn)。 已發(fā)展成為面向全球初創(chuàng)企業(yè)、小型企業(yè)和專業(yè)人士的首選免費(fèi)網(wǎng)站設(shè)計(jì)平臺(tái),擁有超過 300 萬用戶。團(tuán)隊(duì)總是以用戶體驗(yàn)為先,旨在為瀏覽者提供更全面的網(wǎng)站功能和正面體驗(yàn)。你需要做的只是馬上建立一個(gè)免費(fèi)帳戶,在海量免費(fèi)建站模板中選出心儀的,以拖曳方式完善網(wǎng)站內(nèi)容,之后一鍵發(fā)布便可。如果對(duì)內(nèi)容有疑問,可以透過 support@strikingly.com 與我們聯(lián)絡(luò)。

      上一篇
      網(wǎng)站適合什么字體?在這里能找到
      下一篇
      好的首頁范例幫你強(qiáng)化品牌影響力
      首頁
      電話聯(lián)系
      国产美女视频大全一区_国产精品毛片步兵在线_久久se视频色精品视频_手机在线观看AV
    2. <thead id="ximmw"><span id="ximmw"></span></thead>

      <u id="ximmw"></u>
    3. <wbr id="ximmw"><ins id="ximmw"><progress id="ximmw"></progress></ins></wbr><wbr id="ximmw"><object id="ximmw"><option id="ximmw"></option></object></wbr><wbr id="ximmw"><ins id="ximmw"><table id="ximmw"></table></ins></wbr>