前些天Ian Liu發了篇有趣的發現:細致的易用性考慮,主要是講網頁的縮放,比如文章提到的IKEA網站。當然,最有價值的是評論部分,有興趣的朋友可以先去看一下。
各個瀏覽器都有各自實現縮放的機制大約如下:
其 他瀏覽器沒去研究,估計也都差不多這幾種類型。在IE5~6里,縮放的權力被剝奪已經成了很正常的一件事。 12px 真是偉大的值。雖然新的瀏覽器已經改變了12px不可縮放的情況,但是那些不可使用文字縮放的網站們好像就經不起新功能的考驗。分辨率提高的同時,也提高 了信息的獲取的難度:在”不可縮放”的瀏覽器(IE6)里,文字可能看不清,在僅僅實現了文字縮放的瀏覽器(Firefox2)里,網頁可能看不清。雖然 瀏覽器有提供縮放的功能,但我們會把它破壞掉,比如:
單單的文字問題已經是老問題了,不想再扯什么,先看一下CSS Zen Garden這個經典的例子,就算是只是使用文字縮放,整個界面也縮放,其實沒有完全縮放,圖片部分沒有,圖片里面的內容也是文字。但是。因為它是背景圖片,所以沒辦法縮放。Ian Liu說:如果圖片中的字體太小,用戶試圖發大卻未能提高相應的功能,也會給用戶帶來挫折感。
當然,剛才的例子的字體可能并不用使用縮放也可以看得清,但如果我用的是24′的顯示器呢?我公司的座位旁邊就有一臺。
那再看一下IKEA網站,這個蝦米都是相對的,這樣的話 ,各個瀏覽器縮放起來是一樣的。不管怎樣縮放,都是整頁縮放。這回圖片里的文字也跟著縮放了。看起來好像已經比較完美的樣子,但是缺點就是,單單縮放文字的功能被替換掉了,干啥要把功能換掉呢?你怎知道我不需要呢?我要整個縮放時我自己不會換個功能來用嗎?是因為瀏覽器的問題呢?那我們應該罵一下那些該死的瀏覽器為什么不給我們提供這樣的功能。
那就再回頭看一下Yahoo!網站,這個的效果其實就跟剛才的CSS Zen Garden是一樣的,但還有一些不一樣,一個是背景圖片,一個是圖片內容。如果使用傲游2時,就可以單單放在圖片來看,不過這個功能還不能放大背景圖。如果想都放大時,也許使用整頁放大的功能更適合了。也許,縮放應該是瀏覽器提供的功能,而不是我們去改造的。圖片替換這技術一直以來最大的缺點就是不被縮放,像sIFR也存著同樣的問題,華麗的效果是有代價的。也許,我們不久以后可以不用考慮這樣多了,Firefox3據說已經支持整個頁面縮放的功能。但是如果我們把文字信息換了個方式輸出的話,那些看起來像文字的元素應該歸進哪里,是不是應該讓它跟文字同時縮放呢?我們是否要剝奪單單的文字縮放的功能呢?難道因為真正的文字縮放做得好難的原因嗎?
新聞熱點
疑難解答