別鬧了，你還在用這8個過時的元素和工具設計網站嗎?

1. 下拉式選單(Drop-Down Menu). 下拉式選單一直是構成使用者介面的一個基礎元素，無數個網站都使用點擊後下拉選單的方法當做導航列 ... Skiptocontent 別鬧了，你還在用這8個過時的元素和工具設計網站嗎? UI/UX,教學文章,翻譯文章,電子商務 299月,2014 Wilson 現今人們使用網路的”行為”與”設備”跟過去有相當大的不同，造成網頁設計的技術不斷的演進，設計的概念與手法也因應調整。

過去相當流行的技術與設計元素，有些已經被淘汰了或正在凋零。

今天介紹的這8大設計網頁的元素與工具，我認為會逐漸的消失，但不管怎麼樣，能讓使用者體驗越來越好是最重要的事情。

  1.下拉式選單(Drop-DownMenu) 下拉式選單一直是構成使用者介面的一個基礎元素，無數個網站都使用點擊後下拉選單的方法當做導航列(navigation)的操作方式。

近幾年，透過不同設備上網的使用者比例越來越高，誕生了為了維護方便且可適應不同螢幕尺寸的響應式設計。

在這種設計趨勢下，網站若繼續使用下拉式選單的操作方式便不一定適合了。

為什麼這樣說呢?因為在觸控裝置上並無法顯示滑鼠覆蓋(hover)時的狀態，所以無法直接複製電腦的操作經驗。

而目前移動裝置最普遍的處理方式就是將所有導航列內的內容集中於”像漢堡的圖標”裡，使用者點擊圖標後便展開所有內容。

而這樣的模式也被應用於現在的網站設計中，而且會越來越普遍。

  2.旋轉式元件(Carousel) 旋轉式元件是一個傳統的介面呈現方式，主要用於設定的區塊內無法呈現所有內容的時候。

典型的旋轉式元件的作法為，設定固定時間周期就會切換到下一段內容，型式上就猶如畫廊般一張一張切換。

不過這樣的做法，在最新最潮的網站上似乎已被淘汰且顯得過時，取而代之的是充滿視覺衝擊的滿版的大圖。

此外，移動裝置的使用者以”滑”的方式來操作具時間週期性的旋轉式元件，肯定會感到相當的挫折。

  3.InternetExplorer9 感謝互聯網之神!讓大部分的網路公司可以以更快的速度更新IE的版本。

我們實在無法忘記為了確保兼容性而使用IE6帶給我們的極差體驗。

現在，主要的網路公司例如Google及Facebook在網路的發展上做出許多創新，並將微軟遠遠拋開。

更糟的是，新推出的IE版本並無法板回持續失去瀏覽器市場市占率的情勢，並且被Chrome攻城掠地。

同時在2013年11月，Google宣布停止支援IE9，這代表著所有關注使用者體驗的團體也會跟上這樣的腳步。

對於使用者，這是件好事情，因為不應該讓使用者體驗毀於一個設計不良的瀏覽器上，並且浪費掉許多公司創新的能量。

  4.擬物風格(Skeuomorphism) 幾年前在設計界，擬物風格與扁平化風格之優劣不斷被討論。

蘋果在2013年以前的設計是以擬物風格著稱，而Google則是倡導扁平化風格多年。

整個介面設計風格的潮流，隨著Android使用者越來越多，與微軟發表極簡的方塊磚介面（MetroUI）設計下，擬物風格顯得落伍。

蘋果必須做出繼續維持不太新鮮的擬物風格介面或接受這個新趨勢的抉擇。

最終，伴隨iOS7的推出，也追上了這個浪潮，並滅了支持擬物化風格介面者的最後一絲希望。

  5.Flash 雖然蘋果較其它競爭對手慢才追上扁平化風格的風潮，但卻贏得了”Flash”vs”Html5”的技術大戰。

當蘋果決定讓iPhone及iPad不支援Flash之後，開發者漸漸擁抱Html5技術。

至今，以Flash完成的廣告與網站數量已銳減許多。

許多Flash的開發商，已漸漸改以AdobeEdge這個軟體來開發，它是一個以Html5技術為主來製做互動式動畫、網頁、廣告內容等的工具，而且Adobe也積極的推廣它。

至於Flash，你還是可以使用或支持它，但開發商已經漸漸淘汰這個技術與工具，而且未來在網站上你更難看到Flash開發的元件了。

  6.WebPages Webpages架構還是相當普及，但現在它受到許多創新的技術威脅著地位。

主要的原因之一，就是我們漸漸擺脫老IE相容性的包袱。

此外，也出現網站應用程式化(appification)的現象，以因應移動裝置使用者不想使用原生app的選擇。

這個趨勢的應用需要設計與技術的創新，目前已經可以看到兩者完美的呈現。

隨著這個趨勢，例如Quartz、Facebook及GoogleApps這些網站應用這樣設計與技術來建構網站，使用者體驗後的回饋大致上都是讚許的。

Gawkermedia是早期採用這樣方法的應用者，他們的網站影響著無頁化網站(pageless)的設計，並利用PushState技術讓更新後的內容直接在頁面上呈現，而不需要刷新(refresh)。

Pitchfork.com是另一個早期採用此技術者，並持續推廣PJAX與Turbolinks等工具，之後這些工具都變為Rails4的核心特色。

我們已經可以看到越來越多這網站朝這個方向設計，這樣可以讓網站更精簡、快速與低成本。

  7.共享主機(SharedHosting) 就算未來只剩下Amazon與Google的數據中心，主機代管服務也不會全面性的消失，因為大型公司還是需要實體的伺服器。

再者，過去共享主機的概念也慢慢轉型為雲端運算以及PaaS服務的提供。

因為沒有人能忍受，為什麼每個花費20美金使用共享主機的服務，卻無法完全的控制它；為什麼我們要與陌生人共同分享伺服器資源?；為什麼當我們發現硬體瓶頸時無法馬上調整? 所以現在，幾乎所有提供主機託管服務的公司(如GoDaddy,MediaTemple等)都開發了雲端運算以及虛擬主機的選項，緊追著Heroku、AmazonWebServices與GoogleAppEngine等領先者。

  8.另外開發一個移動裝置的網站 為什麼響應式設計會流行?因為這是唯一的一個辦法可以讓使用者透過不同尺寸的設備來讀取網站的內容，並保持良好的使用者體驗，且同時維持一套好維護的代碼。

然而，特地開發一個移動裝置的網站需要兩套代碼來維護，當開發者需要發布新的更新時，他們就需要做兩次工，突增許多維護與開發的成本。

  本篇文章翻譯於Goodbyeto8DesignElementsWhoseTimehasComebybyJohnMcKinneyfromUXMagazine   本文章所屬設計大舌頭與作者所有，未經授權，不得轉載！如需轉載，煩請通知。

其他人也看了這些... 電子商務網站介面設計寶典(一) 開發網站不可不知：2015~16年的網頁設計趨勢 老闆不要再打槍!把網站設計成這樣是有道理的 6個小技巧，讓使用者體驗馬上好！ 別讓這三個常見的UX錯誤壞了你的好設計 20個超強導航列(Navigation)設計 訂閱設計大舌頭 隨時關注第一手UX、UI、科技、設計新知 電子郵件 訂閱 Wilson 以設計思維解決問題，並創造獨特的使用者體驗。

全部文章 Shareonfacebook Facebook Shareonlinkedin LinkedIn Shareontelegram Telegram Shareontwitter Twitter Prev上一篇19個常見的UXQ&A 下一篇6個小技巧，讓使用者體驗馬上好！Next 最新文章 Clubhouse為什麼熱門？從UIUX的角度淺談（一） 2021-02-08/ 0Comments 手機拿法也會影響介面設計–淺談拇指法則 2020-02-06/ 0Comments Supr.Link最安全的縮網址服務 2020-01-13/ 0Comments 開發流程優化人人有責：設計也能營運？ 2019-07-06/ 0Comments 台灣社會創新發展趨勢(本場次全程QA)–MIX2019Day1 2019-05-14/ 0Comments 數位金融–MIX2019Day1 2019-05-14/ 0Comments UI/UX 教學文章 心得分享 電子商務 體驗文 0 ×