如何設(shè)計出簡潔直觀的產(chǎn)品？

《如何設(shè)計出簡潔直觀的產(chǎn)品？》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、如何設(shè)計出簡潔直觀的產(chǎn)品？如何設(shè)計出簡潔直觀的產(chǎn)品？這是一個看起來就很復(fù)雜的問題。簡潔、易用、友好、直觀。這些詞語經(jīng)常被提及，但在執(zhí)行過程中經(jīng)常被遺忘。這是因為軟件功能的復(fù)雜性所導(dǎo)致的。如何處理好軟件的復(fù)雜功能往就可以決定它的命運(yùn)。一個復(fù)雜的界面會讓用戶不知如何操作。如果，減少復(fù)雜的操作過程并精簡操作界面，那該軟件的用戶體驗就大大的提升了?！　∪コ裏o用的功能　　研究發(fā)現(xiàn)：80%的用戶僅僅使用軟件20%的功能。而那些沒用的功能不僅浪費(fèi)開發(fā)時間，也使得軟件更加難以使用(這些功能對用戶的阻礙作用大于有用價值)。軟件試圖盡力可以把任何事都做好。而一個成功的軟件應(yīng)是簡練精干的，可單獨(dú)智能化的解決單個問

2、題。　　精簡的軟件可通過削減功能得到。通過默認(rèn)去除的方法判斷一個功能是否有必要保留。將軟件所有的功能進(jìn)行真正的篩選。如果該功能不能幫助大多數(shù)用戶完成日常的任務(wù)，那么可以將其排除在外。刪除功能是艱難的，當(dāng)整理完畢后看到用戶順暢的使用軟件。你就會知道多么值得去做這件事情了。　　隱藏復(fù)雜部分　　如果實在無法去除某個復(fù)雜功能，那么就將其隱藏。通常情況下，不常使用的功能要比經(jīng)常使用的功能占據(jù)更多的屏幕空間。而優(yōu)秀的界面應(yīng)該確保最常用的功能在最顯著的位置，將不常用的功能隱藏。其實這一點(diǎn)，我們國內(nèi)的微信APP、知乎問答、51230.com婚戀網(wǎng)站等都是做得比較不錯的?！　‘?dāng)我們重新設(shè)計CMS系統(tǒng)時，我們無

3、法去除一個復(fù)雜的功能：批量編輯功能。在之前的版本里，在主屏幕上有一整排的批量編輯按鈕。約占據(jù)了屏幕30%的區(qū)域，但我們發(fā)覺很少有人會用到此功能。我們的解決方法是，放置一個小圖標(biāo)并在旁邊顯示數(shù)值以示下拉列表里有幾個選項。點(diǎn)擊圖標(biāo)或數(shù)字則顯示下拉列表。通過這種方式節(jié)省了大量的空間，也不會干擾用戶使用那些最基本的功能?！　?最小化視覺干擾我們已經(jīng)討論了通過去除與隱藏的方式降低界面復(fù)雜性的方法。但減少“視覺感知”的復(fù)雜性也是很重要的。最小化視覺干擾將使得界面看上去易于使用。減少視覺干擾的兩個方法是：空白與對比?！　】瞻?，是指介于各個元素之間的間隙。它應(yīng)是你默認(rèn)的布局工具。經(jīng)典法則之一：如果可以使用空

4、白就不要放置其他設(shè)計元素。如果用這種方式布局，你會很驚訝調(diào)整界面的空白就可以完成布局了?！　‰m然使用空白多多益善，但也要盡可能的保證有對比感。設(shè)計理論家“ddd”說：設(shè)計師應(yīng)使用最小的視覺變化來表達(dá)想法。事實上這就是意味著元素之間要有主次感?！　?　　?　　你可以看到修改過的版本有很重的黑線，與之前的邊框不同。那個版本視覺干擾更小呢?(當(dāng)然是原來的更好)大量的空白區(qū)域減少視覺干擾并讓人覺得更舒適?！　∽鰷p法、重復(fù)使用，循環(huán)利用　　當(dāng)軟件成形后，問題經(jīng)常發(fā)生在程序的各個結(jié)合部分。存在的問題往往可以通過相同方法加以解決。界面中應(yīng)使用相同的組件。使用相同組件的兩個好處：減少開發(fā)所需時間;給人一致的

5、使用體驗，如果用戶學(xué)會使用一個操作，他們就可以把相同的操作行為運(yùn)用到進(jìn)行其他操作中去。　　在設(shè)計CMS過程中，我們在表單驗證上花費(fèi)了大量的時間。我們用紅色框出無效的區(qū)域，甚至增加紅色的提示框來說明每個填寫表單的環(huán)節(jié)有多少錯誤?！　≡谥蟮拈_發(fā)過程中，我們在需求列表中增加了版本比較的功能。與其創(chuàng)建全新的框架，不如使用在已有的框架上進(jìn)行改進(jìn)。我們用藍(lán)框標(biāo)出已修改的表單，并使用藍(lán)色提示框標(biāo)注該區(qū)域。通過這種方法我們快速部署到用戶已經(jīng)熟悉的界面上。?　　?　　重復(fù)使用元素是另一種可以減少界面復(fù)雜的方法，因為用戶可以迅速的熟悉軟件?！　】瞻谞顟B(tài)不應(yīng)空白　　空白狀態(tài)是指界面無數(shù)據(jù)時的樣子，如用戶初次使用

6、軟件。作為設(shè)計師，我們花費(fèi)大部分精力用來設(shè)計如何最好的展示內(nèi)容，但時常忘記如何展示無數(shù)據(jù)的樣子?！　∪绾谓⒑侠淼哪J(rèn)值是很重要的。軟件的空白狀態(tài)通常是給用戶的第一印象，用戶通過第一印象來考慮是否來使用軟件。好的空白狀態(tài)可有助于用戶學(xué)習(xí)使用軟件的途徑，幫助用戶學(xué)會初次使用軟件的基礎(chǔ)操作?！　?　　Versions的mac版本顯然在程序的空白狀態(tài)投入了很多心思。在首次運(yùn)行的時候，程序突出了兩大人們可能會用得到的功能?！　≡俅沃貜?fù)：不要忘記空白狀態(tài)!　　相關(guān)展示　　我們已經(jīng)見過大量界面混亂，復(fù)雜的軟件。然而，有效的減少程序的復(fù)雜性有點(diǎn)難度?！　?　　InvoiceMachine的界面十分的簡約。

7、示例顯示它非常節(jié)約擴(kuò)展部分并注重細(xì)節(jié)?！　?　　Freckle只是確保你可以跟蹤自己的時間。簡潔的界面閃現(xiàn)活力，將例行任務(wù)變得有趣?！　?　　ImageSpark黑白色的漸變。界面幾乎沒視覺干擾，易于使用?！　?　　Ballpark有簡潔的界面，用色不跳。　　?　　Krop，其核心就兩個表單：地址與關(guān)鍵詞?！　?　　Fever網(wǎng)站的整個目的就是減少你與感興趣博客之間的距離。它通過非常簡單獨(dú)特的方式來實現(xiàn)。