設計體驗 按鈕上的內容

2022-09-24 15:06:12 字數 1465 閱讀 8245

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

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

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

如**的商品頁上,為了讓使用者方便的找到當前商品的**等與店主程式設計客棧的相關資訊,他們將以前的鏈結改成了按鈕:

2. 我點選會「發生什麼」

目前,各**上的按鈕上的文字內容沒有乙個主觀的思程式設計客棧想,想到什麼就是什麼,沒有在文字上的太多推敲。

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

先看幾個例子的比較:

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

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

c:「點選進入」完全多餘,只是增加了使用者在按鈕上停留的時間。

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

乙個系列事件

乙個頁面多個事件

3. 以形表意

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

達成共識的按鈕

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

4. 再看一些按鈕

本文標題: 設計體驗:按鈕上的內容

本文位址:

提公升按鈕設計體驗的三大設計原則

按鈕對於ui新手就是乙個簡單的長方形矩形,設計時會忽略按鈕設計要注意的細節,甚至標註時候遺漏一些需要標註的引數,導致開發產生偏差,視覺還原度不好。按鈕在表面看的屬性從遠到近是顏色 形狀 字型,但是真正的按鈕屬性並不止這麼簡單的這三個屬性。這裡我以標註乙個mdtrxp簡單按鈕為例,分析下按鈕應考慮的屬...

按鈕設計 成功的按鈕設計原則

按鈕設計 利用出色css3新屬性,我們可以建立一些令人驚奇的優雅和時尚的按鈕樣式,而不必像影象那樣虛張聲勢,並且可以為較舊的瀏覽器提供完全合適的後備樣式。您可能想直接在css中建立按鈕,或者可能想要使用自己選擇的布局工具,但是仔細考慮按鈕設計在上下文中的生活很重要。別人的按鈕很好,可以節省時間,但是...

部落格上的使用者體驗

在到處都講求使用者體驗的網際網路時代裡,我們寫部落格的當然也要跟上時代的步伐。但是你是否清楚地認識到部落格上的使用者體驗是怎麼回事?當然,我不是設計師,相信90 以上的部落格也都不是。所以我只是從內容展示上來思考一下部落格的使用者體驗要怎麼做。很多讀者和訪客都是從搜尋引擎來的,他們的目標非常明確,當...