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

現今人們使用網路的”行為”與”設備”跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大設計網頁的元素與工具,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。

 

1. 下拉式選單 (Drop-Down Menu)

下拉式選單一直是構成使用者介面的一個基礎元素,無數個網站都使用點擊後下拉選單的方法當做導航列(navigation)的操作方式。近幾年,透過不同設備上網的使用者比例越來越高,誕生了為了維護方便且可適應不同螢幕尺寸的響應式設計。在這種設計趨勢下,網站若繼續使用下拉式選單的操作方式便不一定適合了。為什麼這樣說呢? 因為在觸控裝置上並無法顯示滑鼠覆蓋(hover)時的狀態,所以無法直接複製電腦的操作經驗。而目前移動裝置最普遍的處理方式就是將所有導航列內的內容集中於”像漢堡的圖標”裡,使用者點擊圖標後便展開所有內容。而這樣的模式也被應用於現在的網站設計中,而且會越來越普遍。

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

 

2. 旋轉式元件(Carousel)

旋轉式元件是一個傳統的介面呈現方式,主要用於設定的區塊內無法呈現所有內容的時候。典型的旋轉式元件的作法為,設定固定時間周期就會切換到下一段內容,型式上就猶如畫廊般一張一張切換。不過這樣的做法,在最新最潮的網站上似乎已被淘汰且顯得過時,取而代之的是充滿視覺衝擊的滿版的大圖。此外,移動裝置的使用者以”滑”的方式來操作具時間週期性的旋轉式元件,肯定會感到相當的挫折。

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

 

3. Internet Explorer 9

感謝互聯網之神! 讓大部分的網路公司可以以更快的速度更新IE的版本。我們實在無法忘記為了確保兼容性而使用 IE6 帶給我們的極差體驗。現在,主要的網路公司例如 Google 及 Facebook 在網路的發展上做出許多創新,並將微軟遠遠拋開。更糟的是,新推出的 IE 版本並無法板回持續失去瀏覽器市場市占率的情勢,並且被 Chrome 攻城掠地。同時在 2013 年 11 月,Google 宣布停止支援 IE9,這代表著所有關注使用者體驗的團體也會跟上這樣的腳步。對於使用者,這是件好事情,因為不應該讓使用者體驗毀於一個設計不良的瀏覽器上,並且浪費掉許多公司創新的能量。

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

 

4. 擬物風格(Skeuomorphism)

幾年前在設計界,擬物風格與扁平化風格之優劣不斷被討論。蘋果在 2013 年以前的設計是以擬物風格著稱,而 Google 則是倡導扁平化風格多年。整個介面設計風格的潮流,隨著 Android 使用者越來越多,與微軟發表極簡的方塊磚介面(Metro UI)設計下,擬物風格顯得落伍。蘋果必須做出繼續維持不太新鮮的擬物風格介面或接受這個新趨勢的抉擇。最終,伴隨 iOS7 的推出,也追上了這個浪潮,並滅了支持擬物化風格介面者的最後一絲希望。

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

 

5. Flash

雖然蘋果較其它競爭對手慢才追上扁平化風格的風潮,但卻贏得了 ”Flash” vs ”Html5” 的技術大戰。當蘋果決定讓 iPhone 及 iPad 不支援 Flash 之後,開發者漸漸擁抱 Html5 技術。至今,以 Flash 完成的廣告與網站數量已銳減許多。許多 Flash 的開發商,已漸漸改以 Adobe Edge 這個軟體來開發,它是一個以 Html5 技術為主來製做互動式動畫、網頁、廣告內容等的工具,而且 Adobe 也積極的推廣它。至於 Flash,你還是可以使用或支持它,但開發商已經漸漸淘汰這個技術與工具,而且未來在網站上你更難看到 Flash 開發的元件了。

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

 

6. Web Pages

Web pages 架構還是相當普及,但現在它受到許多創新的技術威脅著地位。主要的原因之一,就是我們漸漸擺脫老 IE 相容性的包袱。此外,也出現網站應用程式化(appification)的現象,以因應移動裝置使用者不想使用原生app的選擇。這個趨勢的應用需要設計與技術的創新,目前已經可以看到兩者完美的呈現。隨著這個趨勢,例如 Quartz、Facebook 及 Google Apps 這些網站應用這樣設計與技術來建構網站,使用者體驗後的回饋大致上都是讚許的。 Gawker media 是早期採用這樣方法的應用者,他們的網站影響著無頁化網站(pageless)的設計,並利用 PushState 技術讓更新後的內容直接在頁面上呈現,而不需要刷新(refresh)。Pitchfork.com 是另一個早期採用此技術者,並持續推廣 PJAX 與 Turbolinks 等工具,之後這些工具都變為 Rails 4 的核心特色。我們已經可以看到越來越多這網站朝這個方向設計,這樣可以讓網站更精簡、快速與低成本。

 

7. 共享主機 (Shared Hosting)

就算未來只剩下 Amazon 與 Google 的數據中心,主機代管服務也不會全面性的消失,因為大型公司還是需要實體的伺服器。
再者,過去共享主機的概念也慢慢轉型為雲端運算以及 PaaS 服務的提供。因為沒有人能忍受,為什麼每個花費 20 美金使用共享主機的服務,卻無法完全的控制它;為什麼我們要與陌生人共同分享伺服器資源?;為什麼當我們發現硬體瓶頸時無法馬上調整?

所以現在,幾乎所有提供主機託管服務的公司 (如 GoDaddy, MediaTemple 等) 都開發了雲端運算以及虛擬主機的選項,緊追著 Heroku、Amazon Web Services 與 Google App Engine 等領先者。

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

 

8. 另外開發一個移動裝置的網站

為什麼響應式設計會流行?因為這是唯一的一個辦法可以讓使用者透過不同尺寸的設備來讀取網站的內容,並保持良好的使用者體驗,且同時維持一套好維護的代碼。然而,特地開發一個移動裝置的網站需要兩套代碼來維護,當開發者需要發布新的更新時,他們就需要做兩次工,突增許多維護與開發的成本。

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

 

本篇文章翻譯於 Goodbye to 8 Design Elements Whose Time has Come by by John McKinney from UX Magazine

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter