欧美乱伦图片区,国产日韩欧美一区二区三区四区五区,欧美性色爽,乱伦小说网站免费观看视频,啊用力啊好深啊H在线观看,男女做哎爱过程图片

信息動態(tài)

網(wǎng)站設(shè)計是技術(shù)與創(chuàng)意的完美融合!

建站常識

看起來很美：自定義選擇框

2009-07-28 07:55:00

土豆的搜索類別選擇框，每次點擊都讓我覺得怪怪的：

1. 點擊后，彈出列表的位置與預(yù)期不同。潛意識里是下拉列表，結(jié)果土豆給了我一個“中拉列表”。
2. 習(xí)慣性地用上/下鍵選擇，結(jié)果卻讓整個頁面滾動。
3. 一怒之下，想關(guān)閉不用了。按下 ESC 鍵，卻沒有任何響應(yīng)。
4. 禁用 JS 后，完全不可用。

類似，淘寶商城也是看起來很美：


除了第 1 點，其它都和土豆一樣，可訪問性和可用性都存在問題。

解決辦法很簡單，采用原生的選擇框即可，比如 Amazon 的：


為什么不鼓勵在 Web 頁面中使用自定義選擇框呢？

Select 選擇框是一個非常成熟的交互控件。成熟意味著用戶很容易接受，但成熟也意味著對各種用戶都考慮很周全，有著非常豐富的交互細節(jié)。比如：對 PgUp/PgDn, Home/End 等鍵盤操作的響應(yīng)，以及在不同位置能自動調(diào)節(jié)下拉列表的彈出方向等等。

采用 JS 來模擬選擇框，需要大量的工作和細致的測試。即使公司愿意投入，也依舊無法實現(xiàn)原生控件的某些特性。比如：上面 Amazon 的選擇框，我把瀏覽器拉伸到很矮，這時下拉列表能伸出到瀏覽器外面去。

為了一丁點“視覺小甜點”，讓交互喪失了如此多的實用細節(jié)，還得耗費前端程序員的大量時間，結(jié)果卻費力不討好，實在是很糟糕。

PS：要使用自定義選擇框，得滿足以下條件：

1. 像 google 一樣瘋狂，愿意花費大量時間和資源。
2. 像 google 一樣細致，要做就做好，要模擬就模擬透。
3. 在 web app 上應(yīng)用。

可惜，在國內(nèi)，像 google 或 facebook 一樣瘋狂和細致的公司，還沒出現(xiàn)。

原文：http://lifesinger.org/blog/2009/07/gaudy-select-box/

延伸閱讀

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

 掃碼關(guān)注公眾號

官方公眾號

 2054585360
廊坊市| 额尔古纳市| 高淳县| 定边县| 梓潼县| 长宁区| 通化市| 蛟河市| 东光县| 德钦县| 且末县| 夏邑县| 开远市| 伊宁市| 木兰县| 共和县| 南郑县| 隆尧县| 红桥区| 鸡西市| 乐安县| 马尔康县| 综艺| 闻喜县| 莆田市| 若羌县| 松潘县| 玛曲县| 开化县| 信宜市| 太原市| 来凤县| 鹿邑县| 巴林右旗| 朝阳区| 喜德县| 横峰县| 普兰县| 祥云县| 井冈山市| 济阳县|