|
原文：http://uxday.com/archives/69
大家好，我們這一組的主題是彈出窗口和浮出層的使用體驗(yàn)。
在談這個(gè)話題之前，首先我們必須對(duì)彈出窗口和浮動(dòng)層有個(gè)定義。來自五湖四海的革命兄弟姐妹們經(jīng)過友好而熱烈的討論，就定義問題交換了意見：
1. 彈出窗口：彈出窗口變種很多，形式各異，姿態(tài)萬千，我們就不一一列舉了，我們的討論范圍也僅限于以下兩種。
- 消息警示窗，俗稱alert窗口，又稱系統(tǒng)對(duì)話框，舉例：
- 彈出窗口：俗稱彈出廣告窗，有獨(dú)立的url，例子可以看：
2. 浮出層：例子可以看 這里（請(qǐng)圍觀者移動(dòng)鼠標(biāo)猛擊右上角登錄鏈接），一般無獨(dú)立的url。
首先，關(guān)于彈出窗口，尤其是alert窗口，小組成員們紛紛指出，它其實(shí)不是一個(gè)基于web的設(shè)計(jì)，而是基于瀏覽器等客戶端的設(shè)計(jì)。在遙遠(yuǎn)的web技術(shù)發(fā)展初級(jí)階段，受到很多技術(shù)限制，但它的以下優(yōu)點(diǎn)讓它變成了居家旅行，設(shè)計(jì)開發(fā)之必備利器：
- 簡單，兼容性好
- 實(shí)現(xiàn)成本低，工作量小
- 搶奪焦點(diǎn)，非常適合彈出廣告
- 能有效的告訴用戶當(dāng)前要完成的任務(wù)
但是，溫情脈脈的面紗在小組的深入探索下被揭開，我們發(fā)現(xiàn)了它與生俱來的缺陷，例如：
- 強(qiáng)迫性，讓用戶沒有選擇，不利于建設(shè)和諧的互聯(lián)網(wǎng)。
- 很多彈出窗口使用了模態(tài)窗口，非常的暴力。在IE7等高技術(shù)含量的先進(jìn)瀏覽器中，一個(gè)tab的窗口會(huì)鎖死所有的 tab，給人民群眾的生活造成了較大不便。
- 視覺風(fēng)格上，彈出窗口基本是用的是系統(tǒng)的風(fēng)格，對(duì)于某些視覺設(shè)計(jì)很fancy的網(wǎng)站來說，這個(gè)猶如一個(gè)漂亮的女孩子臉上帶著昨天早餐的蛋黃醬一樣
- 往往彈出窗口伴隨的是系統(tǒng)的警告聲，會(huì)導(dǎo)致某些夜貓子網(wǎng)友的情緒不太穩(wěn)定。
我們來自百度的組員非常精辟的帶領(lǐng)大家回顧了web技術(shù)從90年代到現(xiàn)在的主要發(fā)展歷程，并高屋建瓴的指出，隨著精神文明建設(shè)的不斷深入，web技術(shù)的不斷發(fā)展，很多網(wǎng)站也不斷的改善用戶體驗(yàn)，出現(xiàn)了很多人民群眾喜聞樂見的設(shè)計(jì)。除少數(shù)極端情況外，簡單粗暴的彈出窗口已經(jīng)不能滿足人民群眾日益增長需求，代表先進(jìn)生產(chǎn)力的浮出層逐漸代替了大多數(shù)的彈出窗口。
調(diào)查才有發(fā)言權(quán)，同學(xué)們也紛紛使用舉例證明，手繪草圖的形式積極參與討論，一時(shí)之間，百家爭鳴，我們發(fā)現(xiàn)網(wǎng)頁浮出層的優(yōu)點(diǎn)有：
- 效率高，很多時(shí)候就在鼠標(biāo)操作處浮出一層，用戶鼠標(biāo)移動(dòng)距離很短就可以操作，大大提高了生產(chǎn)效率。
- 大多數(shù)浮出層是設(shè)計(jì)成非模態(tài)的，不強(qiáng)迫用戶。
- 避免主流程被打斷，特別適合完成某些分支任務(wù)（例如登錄）后再回到主任務(wù)的設(shè)計(jì)。
- 精簡網(wǎng)站頁面數(shù)量，使用了浮出層后，很多原來需要新的頁面來完成的操作（如登錄），就被精簡掉了，有利于建設(shè)節(jié)約型社會(huì)。
- 形式靈活多樣，視覺、聲音都可以自由定制，能有效滿足人民群眾日益多樣化的需求。
- 體驗(yàn)輕量化
但是某位偉大的哲學(xué)家說過：任何硬幣都有兩面，更何況網(wǎng)頁浮出層？在馬克思唯物主義的啟示下，同學(xué)們也發(fā)現(xiàn)了隱藏在背后的真相：
- 需要java script實(shí)現(xiàn)，兼容性不好，在不同瀏覽器下的表現(xiàn)不一致。
- 屏幕分辨率低或者瀏覽器窗口小的情況下，很可能會(huì)在當(dāng)前不可視區(qū)域內(nèi)彈出，也不被用戶感知到，讓不明真相的群眾感到困惑。
- 經(jīng)常會(huì)出現(xiàn)浮動(dòng)層嵌套的情況，這是一個(gè)不好的體驗(yàn)。
討論進(jìn)行到最熱烈的階段，來自百度的 摻摻同學(xué) 指出，同學(xué)們掌握了這兩種設(shè)計(jì)的利弊，這很好，但是僅僅討論優(yōu)點(diǎn)和缺點(diǎn)是不遠(yuǎn)遠(yuǎn)不夠的，更要深入的分析哪些情況下適合用什么設(shè)計(jì)，在掌握了理論以后要多思考多實(shí)踐，發(fā)揮我們的光榮傳統(tǒng)，更好的把設(shè)計(jì)師有限的時(shí)間和精力投入到無限的用戶體驗(yàn)工作中去。
最后，由 非著名設(shè)計(jì)師劉亞平 把大家的精彩言論做了記錄和整理，并向廣大人民群眾做了簡短的匯報(bào)，此次uxday討論在非常友好和熱烈的氣氛中結(jié)束，
會(huì)后，同學(xué)們對(duì)來自百度的禮品表示強(qiáng)烈的興趣，并紛紛表示，禮品雖小，情誼深重，希望uxday活動(dòng)越辦越好，越辦越紅火！
特別鳴謝，撰寫此文時(shí)的參考網(wǎng)站 薯片會(huì) 谷歌 百度
本文鏈接：http://m.95time.cn/design/doc/2009/6570.asp 
出處：UXday
責(zé)任編輯：bluehearts
|
