建站常識
按鈕上的內(nèi)容
2007-11-20 14:03:00
最近UCDChina 以“注意界面上的文字”為主題寫了一系列的文章,使我在界面文字上的使用受益匪淺。之后,我對按鈕上的內(nèi)容的表現(xiàn)也做了一些總結(jié)與分析,與大家分享并希望得到指正。
1. 不必區(qū)分按鈕還是鏈接。(這里列舉的不是對他人觀點進(jìn)行攻擊,而只是得以借鑒。)
很多人主張區(qū)別鏈接與按鈕。這里,思域有一篇“關(guān)于鼠標(biāo)點擊對象:哪些應(yīng)該是按鈕,哪些應(yīng)該是鏈接的說明?!?臭魚的“網(wǎng)頁按鈕的功能與表現(xiàn)”,將按鈕分成真正的按鈕和偽按鈕兩類。
而事實上,不管是按鈕還是鏈接,按照用戶目標(biāo)向?qū)硗瓿扇蝿?wù),鏈接也完全可以做成按鈕來實現(xiàn)用戶目標(biāo)的突出。而且并非一定能定義按鈕和鏈接的功能,如果說按鈕是為了發(fā)生“功能性的事件”而設(shè)計的話,那么鏈接打開一個新的頁面是否也是一個功能性的事件?所以,為了突出讓用戶完成當(dāng)前頁面重要的功能,哪怕只是個鏈接,都可以從視覺和表意上,通過按鈕來實現(xiàn)。當(dāng)然,不主張在一個頁面使用非常之多的按鈕。
如淘寶的商品頁上,為了讓用戶方便的找到當(dāng)前商品的來源等與店主的相關(guān)信息,他們將以前的鏈接改成了按鈕:
2. 我點擊會“發(fā)生什么”
目前,各網(wǎng)站上的按鈕上的文字內(nèi)容沒有一個主觀的思想,想到什么就是什么,沒有在文字上的太多推敲。
前面說到鏈接可以當(dāng)按鈕,但有時一串很長的文字為鏈接,如一篇文章標(biāo)題。而按鈕上的文字是需要講究精短易懂的,能快速理解其含義。
先看幾個例子的比較:
A:這是NOD32防毒軟件在遇到病毒時的窗口,當(dāng)用戶遇到病毒時,會有些恐懼與謹(jǐn)慎,他們想快速的病毒拒之門外,而又不確定是否對系統(tǒng)本身會不會受到威脅。當(dāng)彈出這個窗口時,會對這個“停止”按鈕產(chǎn)生有兩種疑問,點擊了這個按鈕是停止軟件的阻止?還是停止病毒的威脅?
B:仔細(xì)看這兩個按鈕上的文字,“寫日志”是從QQ空間里截來的,有謂語和賓語的,當(dāng)然主語就是用戶自己“我”,組合起來就是“我寫日志”;“購買”是從淘寶的商品頁面上截的,卻只有一個謂語(動作),可以完成的組合是“我購買商品”。但他們都恰到好處的在自己的崗位上完成自己的職責(zé)。為什么呢?后面再總結(jié)。
C:“點擊進(jìn)入”完全多余,只是增加了用戶在按鈕上停留的時間。
所以,通常情況下:一個按鈕,結(jié)合頁面上的其它交互和信息組織,要能恰到好處的組合成一個完整的句子“我點擊會發(fā)生什么”,而“我點擊”三個字是在我和鼠標(biāo)之間的事,而不必要在網(wǎng)頁上出現(xiàn)。所以例子C中按鈕上的“點擊進(jìn)入”是多余的。至于什么是恰到好處,為什么淘寶上那個“購買”就只有謂語動詞也能恰到好處,這就與頁面交互有關(guān)了。我的分析是,當(dāng)用戶與頁面在完成某個任務(wù)時而產(chǎn)生一系列的交互事件,而這個賓語便隨著這一系列事件附帶而來,而如果這里再加賓語的話,反而會產(chǎn)生回到這個系列的開始的歧義;反之,如果一個頁面包含著多個系列交互事件的話,側(cè)必須在按鈕上加上賓語,以明確用戶點擊發(fā)生的是哪一個事件。
一個系列事件
一個頁面多個事件
3. 以形表意
中國甲骨文便以形繪意,后來對大量文字達(dá)成共識后,也就沒有太多在意文字的實際來源了。按鈕也如此
達(dá)成共識的按鈕
不用共識的按鈕反而起不到要起作用
4. 再看一些按鈕
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2006-11-29 09:10:00] 如何寫好“幫助中心”的內(nèi)容
- [2009-10-22 08:13:00] 社區(qū)型網(wǎng)站運營系列之內(nèi)容的組織與展示
- [2007-12-11 16:23:00] 如何控制頁面內(nèi)容的加載順序
- [2015-02-22 23:44:41] IIS7下提示 HTTP 錯誤 404.13 - Not Found 請求篩選模塊被配置為拒絕超過請求內(nèi)容長度的請求
- [2008-01-10 16:04:00] 網(wǎng)站 (100-1)% 的內(nèi)容是導(dǎo)航
- [2010-10-27 15:11:00] 巧妙性設(shè)計之UI按鈕設(shè)計方法論(一)
- [2010-09-14 08:19:00] 淺談按鈕分組和位置
- [2006-02-15 13:37:00] 地方性新聞網(wǎng)站內(nèi)容建設(shè)淺談
- [2010-11-19 08:31:00] 基于內(nèi)容、位置與關(guān)系的探索模式
- [2009-07-30 08:06:00] 觸不到的按鈕
- [2007-11-20 14:11:00] 接受偽按鈕
- [2010-03-01 21:58:00] 形式追隨內(nèi)容?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
交互設(shè)計 HTML5 青島網(wǎng)頁設(shè)計 良好的導(dǎo)航 網(wǎng)站優(yōu)化 手機(jī)網(wǎng)站建設(shè) 力圖數(shù)字科技 css 網(wǎng)站開發(fā) 版面布局 集團(tuán)性網(wǎng)站 用戶界面 膠南網(wǎng)站建設(shè)公司 青島網(wǎng)站設(shè)計哪家好 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 中小型企業(yè)網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 網(wǎng)站視覺 海信網(wǎng)絡(luò)科技 SEO優(yōu)化 青島網(wǎng)站建設(shè) 網(wǎng)站制作 集團(tuán)官網(wǎng) H5 青島網(wǎng)站優(yōu)化 青島網(wǎng)站SEO 網(wǎng)站交互設(shè)計 英文網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 新的元素