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

2021-06-15    分類: 網(wǎng)站建設(shè)

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

如何優(yōu)化提示樣式

前端提示與后端提示邏輯

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

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

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

如何優(yōu)化提示樣式

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

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

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

(鄭重聲明:本文版權(quán)歸原作者賈永炘所有,略有刪改。轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)


網(wǎng)頁名稱:網(wǎng)站建設(shè)中如何優(yōu)化提示樣式的設(shè)計
瀏覽地址:http://www.bm7419.com/news42/117742.html

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

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)