稍微復雜一點的產品都少不了提示功能，這種全局模塊既需要整體解決方案，也需要具體運用規則。以手機App為例，提示種類很多（操作成功、操作失敗、收藏點贊、二次確認……），展示形式也很多。

新都網站制作公司哪家好，找創新互聯公司！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設公司等網站項目制作，到程序開發，運營維護。創新互聯公司于2013年成立到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯公司。

我最近對這一方面有所思考，結合外網資料整理了一套提示設計的方法和建議。為了方便解釋，下面會以移動端為例，但是核心的方法理念是適用于各種終端平臺的。

下文會從三個角度分析提示設計——重要程度、出現位置和內容構成。

一、重要程度

提示種類之多，幾乎無法完全枚舉，況且很多Bug提示是無法在設計時就預料到的，所以比較實際的方法是用重要程度劃分提示。但是以什么為依據呢？我這里參考了的可用性問題評級規則，利用「如果沒有提示，可能對用戶產生的影響」來判斷提示的重要程度。

1.重度提示

不可逆、涉及金錢或不建議的變更信息，如：永久刪除、購買、取消關注……

設計方向：

確保用戶能夠看到提示，哪怕打斷當前任務。必須用戶主動操作或進行選擇才能繼續。

2.中度提示

用戶可能需要了解、感興趣的變更信息，如：好友消息、網絡錯誤、賬號升級……

設計方向：

在盡量不打斷當前任務的前提下，確保用戶可以看到提示。不自動消失，但用戶可以選擇忽視。

3.輕度提示

用戶可以預料的變更信息，如：發送成功、添加收藏、開啟省流量模式……

設計方向：

避免對當前任務產生任何干擾，讓感興趣的用戶能夠發現提示。自動消失，無需任何操作。

二、出現位置

位置對于注意力來說非常重要，提示出現在不同地方會產生完全不同的效果。因為可能的位置太多，這里主要將其分為三類。

1.原位

在用戶原本操作之處、視線焦點出現提示肯定是最好的方式。

因為無論引導如何強烈，對用戶來說有一個代價是無可避免的——轉移視線。尤其是有時候用戶做某件事情太過集中時，可能再強的旁側提示都無法引起注意。所以像這樣相當于把信息放到用戶眼前，就消減了很多問題和代價。

這種方式固然好，但是可行性卻相對較低。像上例中收藏圖標點一下加個動效變實心這種當然簡單，但是很多提示（如加載失敗）都不存在觸發操作或不確定視線焦點，對于這類提示要用原位展示的話，視線成本就比較高了。

2.中央

中央彈窗、浮層可能是我們印象最深刻的提示位置了，無需過多解釋。

這種提示必然從視覺上打斷了當前任務，所以更加適合程度較高的提示。

如果自動消失，也是可以運用于弱提示的，但是這樣的效果遠比不上在原位提示更好。尤其是如果觸發操作或視線焦點在界面邊緣，屏幕中央出現一閃即逝的弱提示未必能夠引起注意。

總的來說，中央位置算是比較省事保險的方案。

3.邊緣

消息推送、角標這類利用界面邊緣位置的提示也很常見。

這種位置的好處是不會打擾當前任務，且頂部或底部位置可以擺放較多文字，適合中度或輕度提示。

缺點也很明顯，即很容易被忽略，所以通常要搭配動效、音效。更糟糕的情況是，這種邊緣很有可能距離觸發操作和視線焦點較遠，如果不巧發生了，那么用戶很有可能看不到。

三、結構組成

1.關閉

傳統Windows都是清一色帶有關閉按鈕的，但是大部分情況可能并不需要這個按鈕。因為：

重度提示會在用戶進行選擇操作后自動消失，所以不需要關閉。輕度提示會很快自動消失，也不需要關閉。只有無必選項的中度提示才可能需要關閉按鈕。

2.標題

為了不干擾用戶，提示應該是越簡潔易懂越好，所以標題這個東西就很雞肋了。由于一些系統彈窗的結構限制，有時在配置提示的時候為了填充標題區域，不得不寫上「提示」、「二次確認」這種毫無意義的文字。

沒有必要就不要強塞標題了，除了給用戶造成閱讀負擔之外沒有任何好處。

3.圖片

從純粹的人機交互上來說，大部分提示其實完全不用配圖，尤其是有些系統為了強行配圖，每個提示框都加上一個等級強度的圖標，這樣做其實沒有什么意義。

但是從視覺美感和易于記憶的角度來看，搭配一些真正合適好看的圖也是不錯的。

4.選項

重度提示通常都是要求用戶選擇操作的；輕度提示一般自動消失不需要進行任何選擇。

所以關鍵在于中度提示是否需要提供選項呢？最好是能夠提供可選操作，哪怕用戶可以關閉或無視提示。

例如在打開新頁面時，因為流量太大問題而出錯。如果簡單處理，給用戶說明出錯理由就好了。但是如果要真正為體驗而設計，就要考慮用戶此時的心理。用戶發現頁面打不開，不管理由如何就是會覺得不開心。如果這里有一個反饋入口，提供一個宣泄途徑，哪怕實際上并不能夠解決任何問題，至少能讓用戶在心理上有「做出了努力」的感覺。

5.情感

這是很有意思的一點，也是近幾年來才出現的設計趨勢。大部分人都對可愛的事物持有較高的容忍度，例如一個成年人走路摔了一下會被嘲笑，而一個小孩子走路摔了一跤會被說可愛，這可能和呵護下一代的天性有關吧。

利用人的感性這一點，如果將系統包裝成一個較為可愛的人物形象，就能提高用戶對問題的容忍度。提示通常會對用戶造成一定干擾，尤其是問題提示，這些情況是最需要容忍度的，所以此處也是情感包裝的良機。

本文標題：如何做好提示設計
鏈接URL：http://vcdvsql.cn/article24/chddce.html

成都網站建設公司_創新互聯，為您提供企業網站制作、外貿網站建設、服務器托管、關鍵詞優化、品牌網站建設、外貿建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯