你的網(wǎng)頁設計是否開始看起來顯得有些陳舊？一些舊的或是過時的用戶界面元素可能會使得網(wǎng)站的整體感覺比實際經(jīng)歷了更長時間的歲月“磨煉”。

今天，我們來看看你應該從你的網(wǎng)站設計計劃中剔除的八個UI元素。但這并不是我們今天唯一要談的，每個“不要”后面我們都會跟上一個建議，來使你的網(wǎng)站更現(xiàn)代化。我們會盡快找到最新的設計！

1.“扁平”按鈕

一般來說，平面設計的最大問題之一是一切都過于扁平化了。對于一些用戶來說，這使得元素難以區(qū)分，并使交互變得困難。非純粹的“扁平化”和“扁平化 2.0”成為解決這個問題的一個解決方案，來幫助用戶更好地發(fā)現(xiàn)和與UI元素交互。

嘗試這樣做：添加一些動畫或懸停效果，給平面樣式的按鈕增加更多的重點。如果你喜歡扁平的外觀，請考慮一個費純粹的扁平化設計方案作為替代或超大的按鈕，以便用戶能夠輕易的找到并與之交互。

2.文字轉盤

旋轉或者是滑塊很容易成為設計師之間辯論的主題。它們是否可用，而且是否可以工作良好，往往很大程度上依賴于內(nèi)容。

顯示長串信息的文本旋轉樣式或滑塊并不是很實用，因為這些選項都不鼓勵用戶點擊。

嘗試這樣做：如果要顯示多個項目，請使用此技術作為少量視覺效果的顯示，但不要將其用作行動方式，也不要將其用于按照順序讀取的文本塊 。將動作元素放在屏幕上的其他位置，直接且易于理解的動作。

3.內(nèi)容的鏈接

在網(wǎng)站設計中通過一步步的點擊以查看更多信息是過去式了。用戶更希望能夠一目了然地查看信息，而不用逐級繁瑣的點開各個頁面。

如果說你可以以不用導致用戶離開初始位置的方式就可以更好的顯示信息，那么你應該就這樣做。

嘗試這樣做：popover在其App的網(wǎng)頁設計中，其展示特定信息的位置與一個小UI元素相互關聯(lián)。當用戶激活動作時，它可以以通知的樣式元素出現(xiàn)（然后消失）。而且Popovers有一個獨具一格的特色功能，它提供無導航瀏覽功能。

4.基于Flash的任何東西

Flash我們只談一件事：如果你仍然在網(wǎng)站上使用它，請停止繼續(xù)這么做。

嘗試這樣做：HTML5不再是什么新的技術，因為目前他已經(jīng)足夠普及了，并且它也能夠提供音頻格式，視頻和其他多媒體所需的所有功能（此外，它可以在所有設備上使用）。

5.長陰影圖標

在網(wǎng)頁設計的所有流行趨勢中，這是相當短暫的。雖然你仍然可以在一些網(wǎng)站中找到一些拖著長長陰影的圖標或按鈕，但風格其實已經(jīng)有過時的感覺了。

嘗試這樣做：嘗試使用平面樣式創(chuàng)建一個按鈕，并提供一些陰影或紋理。這些微妙的效果使得相互作用的元素跟容易關聯(lián)和表達，同時保持簡單的美學，不要影響其他視覺效果。

6.大型菜單

雖然大型菜單可以幫助用戶瀏覽具有大量內(nèi)容的網(wǎng)站，但它們在較小的設備上不實用。這些超大菜單的問題是，通常有這么多的內(nèi)容，用戶不知道下一步該做什么，這可能就會導致用戶放棄繼續(xù)瀏覽網(wǎng)站。

另一個問題是，許多設計旨在在懸停時打開，然后掩蓋大部分屏幕。這可能會導致用戶混亂，并進一步分散用戶。

嘗試這樣做：使用強大的，直接表現(xiàn)在頁面上的鏈接按鈕來引導用戶瀏覽相關的內(nèi)容。讓用戶輕松查找和查看設計中的圖案，從一個元素或一個內(nèi)容到下一個元素或內(nèi)容。

如果你覺得必須要使用導航功能的話，請考慮全屏滑出菜單，這種菜單可以被有意點擊展開，并且可以輕松隱藏。

7.太多的社交媒體圖標

在這一點上，用戶知道如何在社交媒體上分享內(nèi)容——即使整個頁面上沒有幾十個圖標。所有這些圖標可能會分散你的網(wǎng)頁設計中的內(nèi)容。

更糟糕的是，具有各種不同渠道的各種顏色和形狀的社交媒體圖標對你的設計來說過于具有視覺上的壓倒性，這些圖標正在扼殺你的設計。

嘗試這么做：添加自定義社交媒體共享按鈕到你的頁眉或頁腳，并保持他們的內(nèi)容。以微妙的方式進行設計，這樣不會將用戶從設計和訪問網(wǎng)站的實際原因中分散出去。

或者做得更大膽一點，考慮把它們?nèi)砍废聛?。分析一下，實際上有多少人會使用分享按鈕呢？

8.“偽”動效

設計是應該吸取用戶，但是如果因為許多可笑的動作，我覺得不應該。

嘗試這樣做：有目的的設計元素。給用戶一個可以專注于設計本身的干凈的界面。每個屏幕應該包括不超過一個可操作的項目（除社交媒體共享選項之外）。說清楚用戶應該做什么，并設計一個可以幫助他們完成這個目標的元素。

卡片式元素是一個很好的選擇。因為它比標準按鈕大，所以它們提供了大量可點擊的空間和信息。這樣可以方便用戶查找并點擊相應的操作。

總結

你是否在你的網(wǎng)站設計中使用了這些錯誤的UI？通過簡單的修復可以幫助你更新你的設計，同時使其更易于使用。