建站常識
tab切換是click還是over?
2009-07-13 08:01:00
應(yīng)該是兩年前,網(wǎng)易首頁全新的改版。內(nèi)容區(qū)塊大量采用了tab切換的方式,當(dāng)我鼠標放上一個tab竟然立即切換到標簽內(nèi)容,當(dāng)點擊tab的時候竟然彈出了一個新的網(wǎng)頁。我一直在想網(wǎng)易怎么犯這么低級的錯呢?tab應(yīng)該是單擊以后在再切換的呀,這個是基本的交互原則。
然而從這個時候開始,發(fā)現(xiàn)在國內(nèi)越來越多國內(nèi)門戶網(wǎng)站的小區(qū)塊tab設(shè)計,采用了這種懸浮切換,點擊彈出新頁面頻道的方式。而當(dāng)我漸漸的開始習(xí)慣這種方式的時候,再打開美國yahoo首頁,突然發(fā)現(xiàn)用點擊切換小內(nèi)容塊反而還不適應(yīng)了。這不禁讓我開始反思。
其實不僅在國內(nèi),在國外的某些網(wǎng)站也開始采用這種懸浮切換的方式。我們來分析一這種方式優(yōu)劣勢:
優(yōu)勢:用戶不用點擊,直接用鼠標滑過tab就可以迅速切換區(qū)域內(nèi)容,這對于快速瀏覽內(nèi)容的用戶,操作起來十分爽,對于瀏覽區(qū)塊內(nèi)容效率極高。
劣勢:用戶對于tab切換一般的習(xí)慣是點擊切換,這有悖于用戶的習(xí)慣,如果用戶第一次接觸這種切換方式的話肯定會產(chǎn)生錯誤(和我一樣),很有挫敗感。
所以如果要采用這種方式的話最關(guān)鍵的一點就是,用戶要學(xué)習(xí)這種新的切換方式,是否容易學(xué)習(xí)?是否會和傳統(tǒng)的點擊切換發(fā)生混淆?
我無法做用戶調(diào)查,但是從我使用的角度來說,首先很容易學(xué)習(xí)。當(dāng)我點擊發(fā)現(xiàn)是懸浮才能切換以后,我第二次訪問就會采用這種新的方式了。其次還是容易區(qū)別的,因為懸浮切換有一個很大的特點就是這種方式全部應(yīng)用在小內(nèi)容塊上,而且基本應(yīng)用在內(nèi)容展現(xiàn)上。
另外對于小內(nèi)容區(qū)塊展現(xiàn),還有一種折中的設(shè)計方式,就是懸浮也切換,點擊也切換。淘寶的首頁里面的充值區(qū)塊就采用了中設(shè)計。也非常不錯。
最后不過無論采用哪種方式,切記一定要保持統(tǒng)一性,千萬不要在一個頁面中混合使用。
近期更新
- [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è)計都有哪些新的趨勢?
延伸閱讀
- [2007-03-05 09:36:00] 網(wǎng)頁設(shè)計之css+div PK table+css
- [2009-05-04 08:24:00] tab式廣告模塊如何設(shè)計?
- [2009-07-25 08:33:00] 說說tab設(shè)計
- [2010-08-11 14:58:00] 導(dǎo)航標簽(navigation Tabs)_Yahoo_Pattern(翻譯)
- [2007-04-28 11:45:00] Tab式位置導(dǎo)航變體
- [2006-11-09 11:29:00] DIV與Table布局在大型網(wǎng)站的可用性比較
- [2009-07-03 15:00:00] Tab(選項卡)的產(chǎn)品設(shè)計原則及應(yīng)用
- [2010-08-09 17:18:00] 模塊標簽(Module Tabs)_Yahoo_Pattern(翻譯)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(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)鍵字
青島flash網(wǎng)站 集團性網(wǎng)站 微信營銷的優(yōu)勢 html和css 青島網(wǎng)站營銷 英文網(wǎng)站建設(shè) 營銷策略 用戶界面 搜索引擎 企業(yè)網(wǎng)站 平面設(shè)計 色彩心理學(xué) 審美 膠南網(wǎng)站建設(shè)公司 青島網(wǎng)頁設(shè)計 青島網(wǎng)站制作 網(wǎng)頁設(shè)計 海信網(wǎng)絡(luò)科技 青島網(wǎng)站優(yōu)化 青島網(wǎng)站SEO 青島高端網(wǎng)站建設(shè)公司哪家好 SEO 青島開發(fā)區(qū)建站公司 網(wǎng)站改版 網(wǎng)站推廣 程序開發(fā) 青島網(wǎng)頁制作 網(wǎng)站設(shè)計資訊 企業(yè)網(wǎng)站設(shè)計 青島不錯的英文網(wǎng)站建設(shè)公司