close

如何精簡用戶界面 -網上推廣


簡潔、易用、友好、直觀。這些詞語經常被提及,但在執行過程中經常被遺忘。這是因為軟件功能的復雜性所導致的。如何處理好軟件的復雜功能往就可以決定它的命運。一個復雜的界面會讓用戶不知如何操作。如果,減少復雜的操作過程并精簡操作界面,那該軟件的用戶體驗就大大的提升了。

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

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

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

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

 

 

最小化視覺干擾

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

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

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

 

 

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

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

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

 

 

重復使用元素是另一種可以減少界面復雜的方法,因為用戶可以迅速的熟悉軟件。


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()