web2.0時代後到sns社群再到雲演算法**的saas平台。多互動流程和使用者自定義的複雜化,都需要各種各樣的提示資訊來給使用者帶來引導
通用提示是網頁的重要組成部分,應用的多元化造成複雜的提示場景:
**運者會在**的變更中加上提示文字;
開發人員的系統提示也會出現在頁面上;
一些**獨特的功能中也必須給出相應的提示資訊來引導使用者;
種種的情況導致每當有提示出現時,需求方都要去找互動設計師進行相應的溝通。當成一項需求去進行開發,從文案到視覺、布局,再將以前做好的提示模板拿出來改動、從運營po,產品規劃師pd,ued部們的互動、視覺,發布時qa的質量監控。。。等等部門,改絲毫而動全身,成本提公升,工作嚴重下降。
那麼對其進行量化和歸類的重要性就可見一斑了。下面我總結了一些通用的提示資訊:
通用提示資訊分為四種:
第一類:提示,它詮釋當前需要提示內容的資訊,依附於所提示的內容顯示。
alt:的xthml提示資訊,主要是為了seo優化和低端環境下的提示;
title:文字、操作的解釋,在大多數情況下用於段落顯示不全的提示資訊;
tips:對資訊的對話雲式的提示,用作在當前區域的提示;
注:在xthml中,系統題注的alt和title會在幾秒中後消失,對於比較重要的提示建議用tips或者用js行為來控制提示資訊。
第二類:反饋,是由乙個操作所引導的提示頁面,並獨立成提示區域,通常在頁面的頂部顯示。
構成:圖示(可選):跟據不同的提示場景來應用。
字型:指字型上的強弱變化和色彩區別;
如有操作,需給出操作引發的結果提示和詳細內容;
如果通過使用者介入,當前流程可繼續執行,需要提示使用者或進行引導到相應功能頁面;
為起到提示的程式設計客棧作用,提示內容必須單獨成行或與其他內容獨立;
文案不能太長,適當情況請換行;
文案 文案不能有責備的詞彙;
需要告知使用者引發錯誤的原因,除非系統異常,其他錯誤都應以使用者看的懂得文字進行描述;
業務規則不滿足的提示:,不能執行操作!
系統異常的提示:,請與服務人員聯絡等!
用例:成功
場景:成功提示;
操作正確時需要的提示;
(此圖例提供了包含豐富資訊的提示,下面的圖就省略了)
錯誤場景:系統異常;
當前鏈結失效,必須終止當前流程;
且使用者無法通過psrll修改繼續提交,提交修改的已被
刪除;儲存時發現其執行當前操作的先決業務規則已不滿足;
提醒場景:通常情況下的系統提示資訊;
不帶有警示作用;
具有提示作用;
警示場景:由於無法再往下走程式設計客棧,產生的提醒、警告之類的提示;
通常情況下的系統警告,由於##操作引發的問題;
第三類:備註,對現有資訊的補全和關聯,通常出現在頁面的底部和尾部。
關聯由於現有的內容所引導相關的解釋性內容;
備註是對當前內容的補充,以完善它的用用意;
第四類:圖示,用圖例和當前狀態的圖例來直接引導使用者進行相關操作。
流程圖流程圖有很強的導向性,告知使用者當前步驟和要完成操作的整個流程關係;
引導引導是指向性的圖例,用當前圖例來指導使用者完成操作;
本文標題: 分析通用提示來提公升使用者體驗
本文位址:
詳解瀏覽器快取來提公升使用者體驗
快取可以大幅提公升使用者的訪問速度因此來提公升使用者體驗。快取又分為瀏覽器端的快取和伺服器端的快取。下面來比較一下瀏覽器快取和nginx快取的優劣。專案優點 缺點瀏覽器快取 1.使用本地快取時,沒有網路消耗,速度最快 2.對於失效快取,304相應可以做到流量消耗最小化 僅僅提公升乙個使用者的本地體驗...
如何通過提公升使用者體驗來增強使用者的訪問粘性
做 點選是萬惡之源。對於 運營,大部分站長都是選擇增強使用者體驗來維護使用者的粘性,從www.cppcns.com而獲得更多的點選。儘管每個人都有自己不同的見解與方法,可使用者的需程式設計客棧求依然大方向存在,只有掌握這一批使用者的真實需要並且給予滿足,那 就會擁有一批忠實的粉絲,久而久之地就發展成...
paip 提公升使用者體驗 錯誤資訊提示結構總結
paip.提公升使用者體驗 web錯誤提示資訊的設計與原則 作者attilax 1466519819 qq.com 比如,當使用者登入時,註冊時會出現資訊指示使用者,比如使用者名稱重複,密碼錯誤等 1.錯誤資訊的顏色,通常以紅色加粗為主 注意設定是不要只通過css來設定顏色加精,因為可能手機瀏覽器等...