從 Google 的一個(gè)細(xì)節(jié)說(shuō)起：
整個(gè)虛線框都是“Next”的可點(diǎn)擊區(qū)域。看似不經(jīng)意，卻直接提升了細(xì)節(jié)的可用性。其它頁(yè)碼也巧妙地和上面的字母 o 一同組成可點(diǎn)擊區(qū)域。與百度和 Bing 的翻頁(yè)相比，Google 優(yōu)勝。
再來(lái)看 Twitter 的注冊(cè)頁(yè)面：
很大很舒服。到了這個(gè)頁(yè)面，瞎逛都會(huì)忍不住去填寫(xiě)填寫(xiě)。提示文字也適可而止，能提供協(xié)助，不惱人。
我喜愛(ài) Google. 來(lái)看下 Google Docs 中的色彩挑選：
和其它富文本編輯器相比，Google 的色彩小框框大了不少。比照 FCKEditor 的：
再來(lái)看一個(gè)看起來(lái)很美的規(guī)劃，TinyMCE 的色彩挑選：
留意 A 周?chē)南吕〖^：只要點(diǎn)擊到小箭頭時(shí)，才干翻開(kāi)色彩選取框。點(diǎn)擊在 A 上時(shí)，是取當(dāng)前色進(jìn)行設(shè)置。這是跟微軟學(xué)的：
從功能上講，微軟的處理方式很強(qiáng)壯。作為客戶(hù)端軟件的 Office, 按鈕相對(duì)較大，重復(fù)使用同一色彩的頻率也較高，這樣規(guī)劃無(wú)可厚非。但作為 Web 上的富文本編輯器，個(gè)人覺(jué)得沒(méi)必要如此規(guī)劃。這會(huì)讓小箭頭的可操作區(qū)域很少，影響可用性。
再提一個(gè)按鈕過(guò)小的極品比如，YUI 的編輯器：
用鼠標(biāo)改動(dòng)字體大小，必須點(diǎn)擊到上下箭頭上，這讓我這個(gè)“高檔用戶(hù)”都很難操作成功。從前將 YUI 的編輯器應(yīng)用在淘寶上，成果這個(gè)細(xì)節(jié)，讓用戶(hù)十分惱火。最后修改成下拉框才好些。
再說(shuō)說(shuō)翻頁(yè)。記得 Twitter 之前就一個(gè)大大的“More”按鈕（文案可能有出入，之前沒(méi)截圖，遺憾），十分好用�，F(xiàn)在則干脆采用了主動(dòng)加載，當(dāng)用戶(hù)的翻滾條拉到一定程度時(shí)，主動(dòng)加載下一頁(yè)的內(nèi)容。
在 Firefox 下，關(guān)于主動(dòng)翻頁(yè)，有一個(gè)十分好用的擴(kuò)展：AutoPager. 自從裝上它，我很少很少需要去點(diǎn)擊翻頁(yè)了。（懶人發(fā)明世界哪，最喜愛(ài)這種讓人變懶的小工具）
剛又瞎逛了一圈，再給幾個(gè)比如：
上圖是 Yahoo 首頁(yè)的注冊(cè)鏈接。留意“New here?”, 閑著也是閑著，不如放進(jìn)鏈接里，擴(kuò)展可點(diǎn)擊區(qū)域。
上圖是“我的淘寶”。留意“已買(mǎi)到的寶物”左面的小箭頭，可點(diǎn)擊區(qū)域很小。個(gè)人覺(jué)得這些收縮小按鈕，都?xì)w于看起來(lái)很美但實(shí)際上基本無(wú)用的雞肋規(guī)劃。
最后，很想和各位朋友評(píng)論一個(gè)問(wèn)題：
Twitter 的主動(dòng)加載，F(xiàn)irefox 主動(dòng)加載下一頁(yè)的 AutoPager 擴(kuò)展，這種交互方式，究竟好不好？適用于哪些場(chǎng)景？
比如淘寶的查找成果頁(yè)面，假如采用主動(dòng)加載，會(huì)帶來(lái)哪些壞處？
關(guān)于 Twitter 的主動(dòng)加載，我有一個(gè)主意是，保存“More”按鈕，一起在用戶(hù)翻滾翻滾條時(shí)，預(yù)加載下一頁(yè)的內(nèi)容，但僅當(dāng)用戶(hù)點(diǎn)擊“More”時(shí)，才將加載好的下一頁(yè)內(nèi)容顯示出來(lái)。
應(yīng)用在淘寶上的話，也能夠讓查找成果頁(yè)僅保存一個(gè)“下一頁(yè)”按鈕。當(dāng)用戶(hù)翻滾時(shí)，預(yù)加載內(nèi)容；當(dāng)用戶(hù)點(diǎn)擊“下一頁(yè)”時(shí)，則立刻展現(xiàn)。這樣，能夠做到動(dòng)態(tài)更新廣告，能減少用戶(hù)等待頁(yè)面加載的時(shí)刻，一起能盡可能的防止無(wú)謂的加載。
不知道我們?cè)趺纯�？說(shuō)說(shuō)你的主意，歡迎評(píng)論
咨詢(xún)服務(wù)熱線：400-099-8848
