建站常識
怎么讓按鈕更容易被點(diǎn)擊
2007-04-18 09:08:00
今天突然想起這個問題， 就好好搜索整理一下，不過在開始?xì)w納之前，請先來一起做做這個小實驗：
忽略一切實際的外在情況， 你看了下面的按鈕，第一本能感覺， 哪一個你更想去點(diǎn)擊它：
下面是295個參與投票者的投票結(jié)果：
盡管按鈕所處環(huán)境會根據(jù)具體情況而千差萬別， 但回歸于最本質(zhì)的設(shè)計原理， 讓待觸發(fā)的按鈕被關(guān)注和實施是交互設(shè)計的職責(zé)所在， 記得在Psychology of Everyday Things 這本書里對設(shè)計原則提到了比較兩個基礎(chǔ)觀點(diǎn)：
- 設(shè)計容易理解的概念模型；
- 讓事情更可見
所以我根據(jù)個人的理解把按鈕設(shè)計應(yīng)該注意的幾個方面用下面這個圖示的方式來歸納一下：
簡單歸納一下上面這個圖示：
- 圖形視覺效果可以突出按鈕在頁面中的存在，而滿足“更可見”的原則要求；
- 補(bǔ)充性質(zhì)的圖標(biāo)，可以讓用戶在觸發(fā)前更容易理解將要發(fā)生什么，這樣可以回避不必要的說明， 讓交互更有效；
- 回避主次沖突， 讓最終的需要觸發(fā)的動作更顯著， 讓輔助的觸發(fā)更靠近焦點(diǎn)區(qū)域；
- 補(bǔ)充上圖中沒有表現(xiàn)的，讓焦點(diǎn)觸發(fā)按鈕周圍盡量干凈， 平衡頁面結(jié)構(gòu)和顏色對比；
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [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] 作為消費(fèi)者，應(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è)計都有哪些新的趨勢？
延伸閱讀
- [2009-05-04 08:32:00] 按鈕還是鏈接？(二)
- [2007-11-20 14:11:00] 接受偽按鈕
- [2006-09-26 11:13:00] 關(guān)于文字鏈接與按鈕的分析
- [2009-09-29 22:06:00] 不可用、隱藏、自我解釋
- [2010-12-01 08:22:00] 巧妙性設(shè)計之UI按鈕設(shè)計方法論（二）
- [2009-05-04 08:31:00] 按鈕還是鏈接？(一)
- [2009-07-30 08:06:00] 觸不到的按鈕
- [2007-11-20 14:05:00] 網(wǎng)頁按鈕的功能與表現(xiàn)
- [2010-02-06 15:54:00] 交互設(shè)計(9)—一次點(diǎn)擊
- [2009-11-05 08:31:00] 行動召喚按鈕：實例與最佳實踐
- [2010-01-27 14:18:00] 自然描述與自然任務(wù)
- [2007-11-20 14:03: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è)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站設(shè)計趨勢 互聯(lián)網(wǎng) 營銷策略 響應(yīng)式設(shè)計 網(wǎng)站視覺 舒適的界面 版面布局 空白和簡潔的設(shè)計 青島網(wǎng)站建設(shè)基礎(chǔ)知識 用戶界面 robots 網(wǎng)站改版 網(wǎng)站開發(fā) 集團(tuán)性網(wǎng)站 手機(jī)網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站設(shè)計 如何做網(wǎng)站優(yōu)化 網(wǎng)站規(guī)劃 青島抖音小程序開發(fā) 青島海洋投資集團(tuán) 企業(yè)建站 網(wǎng)站策劃 頁面設(shè)計 青島網(wǎng)頁設(shè)計 HTML5 企業(yè)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站為什么要備案 青島開發(fā)區(qū)建站公司 IT資訊
