&

網(wǎng)站建設如何精簡用戶界面,提升用戶體驗：

如何精簡用戶界面,提升用戶體驗
減掉不必要的功能；
然后隱藏那些不能減掉的功能；
減少視覺噪音并重復利用元素；
使用空白幫助用戶；
__________________________

去除無用的功能
研究發(fā)現(xiàn)：80%的用戶僅僅使用軟件20%的功能。而那些沒用的功能不僅浪費開發(fā)時間，也使得軟件更加難以使用（這些功能對用戶的阻礙作用大于有用價值）。軟件試圖盡力可以把任何事都做好。而一個成功的軟件應是簡練精干的，可單獨智能化的解決單個問題。

精簡的軟件可通過削減功能得到。通過默認去除的方法判斷一個功能是否有必要保留。將軟件所有的功能進行真正的篩選。如果該功能不能幫助大多數(shù)用戶完成日常的任務，那么可以將其排除在外。刪除功能是艱難的，當整理完畢后看到用戶順暢的使用軟件。你就會知道多么值得去做這件事情了。

隱藏復雜部分
如果實在無法去除某個復雜功能，那么就將其隱藏。通常情況下，不常使用的功能要比經(jīng)常使用的功能占據(jù)更多的屏幕空間。而優(yōu)秀的界面應該確保最常用的功能在最顯著的位置，將不常用的功能隱藏。

當我們重新設計CMS系統(tǒng)時，我們無法去除一個復雜的功能：批量編輯功能。在之前的版本里，在主屏幕上有一整排的批量編輯按鈕。約占據(jù)了屏幕30% 的區(qū)域，但我們發(fā)覺很少有人會用到此功能。我們的解決方法是，放置一個小圖標并在旁邊顯示數(shù)值以示下拉列表里有幾個選項。點擊圖標或數(shù)字則顯示下拉列表。通過這種方式節(jié)省了大量的空間，也不會干擾用戶使用那些最基本的功能。

最小化視覺干擾
我們已經(jīng)討論了通過去除與隱藏的方式降低界面復雜性的方法。但減少“視覺感知”的復雜性也是很重要的。最小化視覺干擾將使得界面看上去易于使用。減少視覺干擾的兩個方法是：空白與對比。

空白，是指介于各個元素之間的間隙。它應是你默認的布局工具。經(jīng)典法則之一：如果可以使用空白就不要放置其他設計元素。如果用這種方式布局，你會很驚訝調(diào)整界面的空白就可以完成布局了。

雖然使用空白多多益善，但也要盡可能的保證有對比感。設計理論家“ddd”說：設計師應使用最小的視覺變化來表達想法。事實上這就是意味著元素之間要有主次感。

你可以看到修改過的版本有很重的黑線，與之前的邊框不同。那個版本視覺干擾更小呢？（當然是原來的更好）大量的空白區(qū)域減少視覺干擾并讓人覺得更舒適。
做減法、重復使用，循環(huán)利用
當軟件成形后，問題經(jīng)常發(fā)生在程序的各個結合部分。存在的問題往往可以通過相同方法加以解決。界面中應使用相同的組件。使用相同組件的兩個好處：減少開發(fā)所需時間；給人一致的使用體驗，如果用戶學會使用一個操作，他們就可以把相同的操作行為運用到進行其他操作中去。

在設計CMS過程中，我們在表單驗證上花費了大量的時間。我們用紅色框出無效的區(qū)域，甚至增加紅色的提示框來說明每個填寫表單的環(huán)節(jié)有多少錯誤。

在之后的開發(fā)過程中，我們在需求列表中增加了版本比較的功能。與其創(chuàng)建全新的框架，不如使用在已有的框架上進行改進。我們用藍框標出已修改的表單，并使用藍色提示框標注該區(qū)域。通過這種方法我們快速部署到用戶已經(jīng)熟悉的界面上。

重復使用元素是另一種可以減少界面復雜的方法，因為用戶可以迅速的熟悉軟件。
空白狀態(tài)不應空白
空白狀態(tài)是指界面無數(shù)據(jù)時的樣子，如用戶初次使用軟件。作為設計師，我們花費大部分精力用來設計如何最好的展示內(nèi)容，但時常忘記如何展示無數(shù)據(jù)的樣子。

如何建立合理的默認值是很重要的。軟件的空白狀態(tài)通常是給用戶的第一印象，用戶通過第一印象來考慮是否來使用軟件。好的空白狀態(tài)可有助于用戶學習使用軟件的途徑，幫助用戶學會初次使用軟件的基礎操作。

Versions的mac版本顯然在程序的空白狀態(tài)投入了很多心思。在首次運行的時候，程序突出了兩大人們可能會用得到的功能。
再次重復：不要忘記空白狀態(tài)！

相關展示
我們已經(jīng)見過大量界面混亂，復雜的軟件。然而，有效的減少程序的復雜性有點難度。

Invoice Machine 的界面十分的簡約。示例顯示它非常節(jié)約擴展部分并注重細節(jié)。

Freckle只是確保你可以跟蹤自己的時間。簡潔的界面閃現(xiàn)活力，將例行任務變得有趣。

Image Spark黑白色的漸變。界面幾乎沒視覺干擾，易于使用。

Ballpark有簡潔的界面，用色不跳。

Krop，其核心就兩個表單：地址與關鍵詞。

Fever網(wǎng)站的整個目的就是減少你與感興趣博客之間的距離。它通過非常簡單獨特的方式來實現(xiàn)。

Screenr 是個驚人的簡單截屏并發(fā)布到Twitter的軟件。值得注意的是沒有的功能它有，但其他類似軟件有的功能它都沒有。

Squarespace 在隱藏復雜功能方面做得很好。雖然它是網(wǎng)絡的發(fā)布平臺，它把功能隱藏在一個簡潔的界面中。

本文由廣州網(wǎng)站建設公司-三行網(wǎng)絡原創(chuàng)，轉載請保留版權（廣州網(wǎng)站建設huiduochem.com ）三行網(wǎng)絡——專注于企業(yè)網(wǎng)站建設、響應式營銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698