網(wǎng)站建設(shè)中如何優(yōu)化提示樣式的設(shè)計(jì)

如何才能確保提示樣式和文案的準(zhǔn)確性？相同類型的提示為什么會(huì)出現(xiàn)不同的提示文案和樣式？其背后原理就像“黑箱”一樣藏在產(chǎn)品的外殼之下。
      為了能夠探究錯(cuò)誤提示的問(wèn)題根源，筆者調(diào)研了提示的觸發(fā)機(jī)制：錯(cuò)誤提示分為前端提示和后端提示兩類：前端提示主要是校驗(yàn)輸入格式等無(wú)需調(diào)用后臺(tái)數(shù)據(jù)的校驗(yàn)，校驗(yàn)后如果內(nèi)容不符合標(biāo)準(zhǔn)的話前端會(huì)直接顯示提示；而后端提示則是需要調(diào)用后臺(tái)數(shù)據(jù)進(jìn)行校驗(yàn)，例如檢驗(yàn)賬號(hào)密碼是否匹配等問(wèn)題，后端校驗(yàn)完成將返回碼發(fā)給前端，前端將收到的返回碼與對(duì)應(yīng)的提示文案和提示樣式進(jìn)行匹配，然后顯示在頁(yè)面上。相對(duì)獨(dú)立的報(bào)錯(cuò)模式會(huì)導(dǎo)致前后端會(huì)根據(jù)各自的需求分別定制提示樣式，沒(méi)有統(tǒng)一的規(guī)范，導(dǎo)致同一產(chǎn)品提示樣式的不統(tǒng)一和提示樣式誤用的情況。

前端提示與后端提示邏輯

      為了能夠統(tǒng)一提示樣式和文案，筆者收集了所有注冊(cè)、登錄的提示文案，針對(duì)每個(gè)提示文案添加相應(yīng)的場(chǎng)景描述和提示的觸發(fā)時(shí)機(jī)，結(jié)合文案和場(chǎng)景描述可以確定提示所屬的類型（輸入、驗(yàn)證或者系統(tǒng)），從而匹配到合適的提示樣式，例如提示文案為“該賬號(hào)已鎖定，請(qǐng)自助解鎖”，它的觸發(fā)場(chǎng)景是當(dāng)用戶的IP有風(fēng)險(xiǎn)或者之前有類似違規(guī)的登錄操作時(shí)再次登錄會(huì)出現(xiàn)提示，該提示經(jīng)過(guò)后端驗(yàn)證后發(fā)出，是需要用戶知曉的警示類提示并且需要引導(dǎo)用戶進(jìn)行自主解鎖的操作，所以采用對(duì)話框的提示樣式。

提示文案與樣式的匹配流程

      根據(jù)這樣的方式將文案與提示樣式進(jìn)行匹配，形成提示樣式文檔。在文檔的基礎(chǔ)上進(jìn)行總結(jié)，整理成登錄注冊(cè)的提示樣式規(guī)范：將提示種類分為輸入、條款驗(yàn)證和系統(tǒng)反饋、操作指示三類，并提供對(duì)應(yīng)的提示樣式和說(shuō)明案例。

      有一套標(biāo)準(zhǔn)的規(guī)范以后，筆者開(kāi)始推進(jìn)優(yōu)化的執(zhí)行：建立在線自查表，將提示問(wèn)題整理到文檔上，并標(biāo)注每個(gè)問(wèn)題相關(guān)責(zé)任人和處理進(jìn)度，這樣的處理方式很好的避免了低效的溝通和重復(fù)操作，大大提升了處理問(wèn)題的效率。
    下圖為注冊(cè)流程優(yōu)化后和優(yōu)化前的提示樣式對(duì)比圖，優(yōu)化前輸入相關(guān)的提示都是對(duì)話框，優(yōu)化后將提示強(qiáng)度降低，改成輸入框下方紅字提示，從而達(dá)到高效引導(dǎo)用戶，避免打斷使用流程。
      優(yōu)化之前注冊(cè)和登錄的上行驗(yàn)證對(duì)話框文案、按鈕樣式都不一致，并且按鈕功能不符合場(chǎng)景的需求，增加用戶理解的負(fù)擔(dān)，優(yōu)化后統(tǒng)一上行樣式，并簡(jiǎn)化了提示文案。

    提示樣式的優(yōu)化主要是從提示是否具有統(tǒng)一性、準(zhǔn)確性和有效性這三個(gè)維度來(lái)考量。
    為此需要確保：
1. 提示樣式遵循產(chǎn)品的調(diào)性
    提示的樣式要與產(chǎn)品的風(fēng)格、定位保持一致，每個(gè)模塊之間也需要進(jìn)行統(tǒng)一，在保證細(xì)節(jié)完善的同時(shí)也需要注重整體的協(xié)調(diào)。
2. 從場(chǎng)景出發(fā)定義提示的文案、樣式
    提示的本質(zhì)是引導(dǎo)用戶做出正確的操作，基于場(chǎng)景的提示會(huì)更加的準(zhǔn)確，契合用戶的使用流程，滿足用戶的心理期望。
3. 有效的引導(dǎo)用戶體驗(yàn)產(chǎn)品流程
    有效的引導(dǎo)可以降低用戶學(xué)習(xí)的門(mén)檻，節(jié)省不必要的流程，保證用戶行為在可控的范圍內(nèi)。

      同時(shí)提示規(guī)范的設(shè)立不僅僅能夠提升設(shè)計(jì)的質(zhì)量和效率，還能幫助團(tuán)隊(duì)更好的溝通、協(xié)作。使產(chǎn)品的設(shè)計(jì)風(fēng)格具有統(tǒng)一性。作為產(chǎn)品流程中的“潤(rùn)滑劑”，優(yōu)質(zhì)的提示起到了承上啟下的作用，是設(shè)計(jì)過(guò)程中必不可少的一部分。

（鄭重聲明：本文版權(quán)歸原作者賈永炘所有，略有刪改。轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請(qǐng)聯(lián)系我們修改。）

文章標(biāo)題：網(wǎng)站建設(shè)中如何優(yōu)化提示樣式的設(shè)計(jì)
分享鏈接：http://www.muchs.cn/news/117742.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)