設計體驗:按鈕上的內容

來源:互聯網
上載者:User

最近 UCDChina 以“注意介面上的文字”為主題寫了一系列的文章,使我在介面文字上的使用受益匪淺。之後,我對按鈕上的內容的表現也做了一些總結與分析,與大家分享並希望得到指正。

1. 不必區分按鈕還是連結。(這裡列舉的不是對他人觀點進行攻擊,而只是得以借鑒。)

很多人主張區別連結與按鈕。這裡,思域有一篇“關於滑鼠點擊對象:哪些應該是按鈕,哪些應該是連結的說明。” 臭魚的“網頁按鈕的功能與表現”,將按鈕分成真正的按鈕和偽按鈕兩類。

而事實上,不管是按鈕還是連結,按照使用者目標嚮導來完成任務,連結也完全可以做成按鈕來實現使用者目標的突出。而且並非一定能定義按鈕和連結的功能,如果說按鈕是為了發生“功能性的事件”而設計的話,那麼連結開啟一個新的頁面是否也是一個功能性的事件?所以,為了突出讓使用者完成當前頁面重要的功能,哪怕只是個連結,都可以從視覺和表意上,通過按鈕來實現。當然,不主張在一個頁面使用非常之多的按鈕

如淘寶的商品頁上,為了讓使用者方便的找到當前商品的來源等與店主的相關資訊,他們將以前的連結改成了按鈕:

2. 我點擊會“發生什麼”

目前,各網站上的按鈕上的文字內容沒有一個主觀的思想,想到什麼就是什麼,沒有在文字上的太多推敲。

前面說到連結可以當按鈕,但有時一串很長的文字為連結,如一篇文章標題。而按鈕上的文字是需要講究精短易懂的,能快速理解其含義。

先看幾個例子的比較:

A:這是NOD32防毒軟體在遇到病毒時的視窗,當使用者遇到病毒時,會有些恐懼與謹慎,他們想快速的病毒拒之門外,而又不確定是否對系統本身會不會受到威脅。當彈出這個視窗時,會對這個“停止”按鈕產生有兩種疑問,點擊了這個按鈕是停止軟體的阻止?還是停止病毒的威脅?

B:仔細看這兩個按鈕上的文字,“寫日誌”是從QQ空間裡截來的,有謂語和賓語的,當然主語就是使用者自己“我”,組合起來就是“我寫日誌”;“購買”是從淘寶的商品頁面上截的,卻只有一個謂語(動作),可以完成的組合是“我購買商品”。但他們都恰到好處的在自己的崗位上完成自己的職責。為什麼呢?後面再總結。

C:“點擊進入”完全多餘,只是增加了使用者在按鈕上停留的時間。

所以,通常情況下:一個按鈕,結合頁面上的其它互動和資訊組織,要能恰到好處的組合成一個完整的句子“我點擊會發生什麼”,而“我點擊”三個字是在我和滑鼠之間的事,而不必要在網頁上出現。所以例子C中按鈕上的“點擊進入”是多餘的。至於什麼是恰到好處,為什麼淘寶上那個“購買”就只有謂語動詞也能恰到好處,這就與頁面互動有關了。我的分析是,當使用者與頁面在完成某個任務時而產生一系列的互動事件,而這個賓語便隨著這一系列事件附帶而來,而如果這裡再加賓語的話,反而會產生回到這個系列的開始的歧義;反之,如果一個頁麵包含著多個系列互動事件的話,側必須在按鈕上加上賓語,以明確使用者點擊發生的是哪一個事件


一個系列事件


一個頁面多個事件

3. 以形表意

中國甲骨文便以形繪意,後來對大量文字達成共識後,也就沒有太多在意文字的實際來源了。按鈕也如此


達成共識的按鈕


不用共識的按鈕反而起不到要起作用

4. 再看一些按鈕



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。