WEB設計時該怎麼設定按鈕呢?

來源:互聯網
上載者:User

在瀏覽web的時候,我們往往發現這樣的一些組合:“確定”“確定   取消”“確定    關閉”“關閉”“取消”。到底哪個組合是對的呢?什麼時候需要有“取消”按鈕呢?

—————————————————執行個體使用篇—————————————————-

先來看執行個體:

 
這是寫一篇新日誌的頁面。整個頁面主要的內容就是寫一篇新日誌所涉及到的各種操作。有提交按鈕、提交所輸入的資訊。有取消按鈕,表示不要寫日誌了,要撤銷剛才點擊“寫日誌”按鈕的這個操作。點擊取消按鈕,頁面跳轉至日誌列表頁。看到此資訊請您諒解!webjx.com為了防採集加上的!請到網頁教學網瀏覽更多資訊。

發表評論功能是跟在一篇日誌的最下面,整個頁面上發表評論功能並不是主要內容(主要內容是日誌本文),這裡的取消按鈕如果也像上面寫日誌頁面上的取消按鈕一樣,頁面跳轉到日誌列表頁,顯然就不對了。而如果和寫日誌中的取消按鈕功能不同也不好,因為這兩處實在太像了,兩處相同樣子的按鈕功能卻不同,顯然也不對。
這裡實際上不需要取消,因為沒什麼可取消的。之前的操作是“開啟這篇日誌的詳情頁”,而不是“發表評論”,“開啟…”這個操作不需要取消按鈕撤銷。
“發表評論”這裡的“取消”按鈕實際功能是清空評論內容。那麼這個按鈕不應該叫“取消”,應該叫“清空”之類的。而在這個地方有這樣一個清空功能似乎更多時候會使使用者誤操作,所以,這個按鈕就該去掉了。這是另外的錯誤引發的另外的分析,不是這回主要要說的,到此為止。

對比這兩個頁面,寫日誌是需要撤銷的,而發表評論是不需要的。

寫日誌頁面有這樣幾個特點:
1. 使用者主動點擊了一個叫做“寫日誌”按鈕後引出來的;
2. 按鈕“寫日誌”表述為一種操作的;
3. 頁面上充滿表單元素,需要使用者填寫、提交。
那麼,在寫日誌頁面上,要為 “寫日誌”按鈕提供相應的撤銷操作的功能——取消按鈕。本文是網頁教學www.webjx.com收集整理或者原創內容,轉載請註明出處!

當然寫日誌頁面上的取消按鈕細研究起來還是有些問題的。在整個網站中,“寫日誌”按鈕不止在日誌列表頁一個頁面上出現過。那麼點取消按鈕返回日誌列表頁就不是很嚴謹了。如果取消按鈕換做“返回日誌列表頁”這樣一個連結,似乎就更準確了。類似下面這樣:

“返回你的相片頁面”——這種表現也可以理解為取消按鈕的一種變型。

另外一種變型——頁面右上方的叉子按鈕:

—————————————————提示使用篇—————————————————-

還有就是一些標準資訊提示頁面用到的“取消”按鈕!


 
! 警告性資訊
介面元素:警告資訊表徵圖一定少不了,還有”是”、”否”、”取消”按鈕,及相應的詢問文字。本資訊代表文章來源網頁教學webjx.com請大家去www.webjx.com瀏覽!
應用情境:使用者由於誤操作產生無法復原轉的影響。對使用者可能因為疏忽而沒有進行的一些重要操作進行提示。所以需要採取提供提示的功能保護使用者操作。警告icon表示將來會引起問題的情況。“警告不等於被弱化的錯誤”——對這句話的理解是,警告不能使用到不嚴重的錯誤。這裡的“取消”按鈕是不可缺少的!


 
?  詢問性資訊
介面元素:包含詢問的資訊表徵圖、確認、取消按鈕,及相應的詢問文字。
應用情境:為避免使用者做出誤操作,請使用者對其行為進行確認。隨之要伴有相關的詢問文字,一般來說,說明性和解釋性語句不能超過2行,不能超過50個文字。提示性語句不能夠太過於專業,盡量使用委婉的語句來表達相關的意思。當然簡潔和不能重複也是一個關鍵的方面,同時記住語氣一定要“溫和/積極”。這裡的“取消”按鈕也是不可缺少的!



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。