網頁快顯視窗和網頁浮出層哪個好?

來源:互聯網
上載者:User

大家好,我們這一組的主題是快顯視窗和浮出層的使用體驗。

在談這個話題之前,首先我們必須對快顯視窗和浮動層有個定義。來自五湖四海的革命兄弟姐妹們經過友好而熱烈的討論,就定義問題交換了意見:

1. 快顯視窗:快顯視窗變種很多,形式各異,姿態萬千,我們就不一一列舉了,我們的討論範圍也僅限於以下兩種。

•    訊息警示窗,俗稱alert視窗,又稱系統對話方塊,舉例可以看這裡 。

 

•    快顯視窗:俗稱彈出廣告窗,有獨立的url,例子可以看這裡。

 

2. 浮出層:例子可以看這裡(請圍觀者移動滑鼠猛擊右上方登入連結),一般無獨立的url。

 

首先,關於快顯視窗,尤其是alert視窗,小組成員們紛紛指出,它其實不是一個基於web的設計,而是基於瀏覽器等用戶端的設計。在遙遠的web技術發展初級階段,受到很多技術限制,但它的以下優點讓它變成了居家旅行,設計開發之必備利器:
•    簡單,相容性好
•    實現成本低,工作量小
•    搶奪焦點,非常適合彈出廣告
•    能有效告訴使用者當前要完成的任務

但是,溫情脈脈的面紗在小組的深入探索下被揭開,我們發現了它與生俱來的缺陷,例如:
•    強迫性,讓使用者沒有選擇,不利於建設和諧的互連網。
•    很多快顯視窗使用了模態視窗,非常的暴力。在IE7等高技術含量的先進瀏覽器中,一個tab的視窗會鎖死所有的 tab,給人民群眾的生活造成了較大不便。
•    視覺風格上,快顯視窗基本是用的是系統的風格,對於某些視覺設計很fancy的網站來說,這個猶如一個漂亮的女孩子臉上帶著昨天早餐的蛋黃醬一樣
•    往往快顯視窗伴隨的是系統的警告聲,會導致某些夜貓子網友的情緒不太穩定。

我們來自百度的組員非常精闢的帶領大家回顧了web技術從90年代到現在的主要發展曆程,並高屋建瓴的指出,隨著精神文明建設的不斷深入,web技術的不斷髮展,很多網站也不斷的改善使用者體驗,出現了很多人民群眾喜聞樂見的設計。除少數極端情況外,簡單粗暴的快顯視窗已經不能滿足人民群眾日益增長需求,代表先進生產力的浮出層逐漸代替了大多數的快顯視窗。

調查才有發言權,同學們也紛紛使用舉例證明,手繪草圖的形式積极參与討論,一時之間,百家爭鳴,我們發現網頁浮出層的優點有:
•    效率高,很多時候就在滑鼠操作處浮出一層,使用者滑鼠移動距離很短就可以操作,大大提高了生產效率。
•    大多數浮出層是設計成非模態的,不強迫使用者。
•    避免主流程被打斷,特別適合完成某些分支任務(例如登入)後再回到主任務的設計。
•    精簡網站頁面數量,使用了浮出層後,很多原來需要新的頁面來完成的操作(如登入),就被精簡掉了,有利於建設節約型社會。
•    形式靈活多樣,視覺、聲音都可以自由定製,能有效滿足人民群眾日益多樣化的需求。
•    體驗輕量化

但是某位偉大的哲學家說過:任何硬幣都有兩面,更何況網頁浮出層?在馬克思唯物主義的啟示下,同學們也發現了隱藏在背後的真相:
•    需要java script實現,相容性不好,在不同瀏覽器下的表現不一致。
•    螢幕解析度低或者瀏覽器視窗小的情況下,很可能會在當前不可視地區內彈出,也不被使用者感知到,讓不明真相的群眾感到困惑。
•    經常會出現浮動層嵌套的情況,這是一個不好的體驗。

討論進行到最熱烈的階段,來自百度的摻摻同學指出,同學們掌握了這兩種設計的利弊,這很好,但是僅僅討論優點和缺點是不遠遠不夠的,更要深入的分析哪些情況下適合用什麼設計,在掌握了理論以後要多思考多實踐,發揮我們的光榮傳統,更好的把設計師有限的時間和精力投入到無限的使用者體驗工作中去。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。