怎么實(shí)現(xiàn)網(wǎng)站的簡約化設(shè)計(jì)

在生活中，人們常常被包圍在不需要的功能中，比如某些手機(jī)，炫酷功能不勝枚舉：雙攝像頭拍照，眼神翻頁，Group Play（好幾臺(tái)手機(jī)同步一歌）等等。但從使用頻率和效果來說略顯雞肋。這些類似的功能可能會(huì)拖累整個(gè)產(chǎn)品，在使用時(shí)分散用戶注意力，使用戶無法聚焦到核心功能。尤其是用戶在干擾很多的場合，來不及仔細(xì)研究和思考的情況下，簡單可控制無疑是用戶需要的。同時(shí)簡約也是一種風(fēng)格，帶有其特有的美感。那么如何去做呢？

用戶分類
先我們把軟件的相關(guān)人員分為三類：管理人員，開發(fā)人員和普通用戶。復(fù)雜往往是在他們之前轉(zhuǎn)移的，就像算法中時(shí)間成本和空間成本的權(quán)衡一樣，對(duì)用戶簡單了，可能開發(fā)難度和管理難度就變大了。我們這里關(guān)注的是對(duì)普通用戶的簡約。

其次我們把用戶分為三類：

專家型用戶：他們對(duì)你產(chǎn)品感興趣，舍得花時(shí)間研究探索產(chǎn)品的新功能。

隨意型用戶：他們可能使用過類似產(chǎn)品，能接受新功能，但是得足夠簡單。

主流用戶：不會(huì)因?yàn)槟愕募夹g(shù)而使用你的產(chǎn)品，使用你產(chǎn)品的目的是完成某項(xiàng)任務(wù)。他們會(huì)掌握一些重要功能的使用方法，但永遠(yuǎn)不會(huì)產(chǎn)生學(xué)會(huì)所有功能的想法。這些人的口頭禪就是：“我的手機(jī)只要能打電話、能發(fā)短信就行了?！贝蠖鄶?shù)人屬于這一類。

我們產(chǎn)品設(shè)計(jì)應(yīng)該關(guān)注的是大多數(shù)的主流用戶。對(duì)于專家用戶，或許他們能細(xì)數(shù)你的功能，和你溝通起來沒有障礙，三句話說到你心里，而且是那么通情達(dá)理，毫不猶豫就升級(jí)到新版本，但他們的想法會(huì)讓主流用戶感到太復(fù)雜。

四策略
簡約的設(shè)計(jì)意味著你得追求極端的目標(biāo)，達(dá)到其次的效果。我認(rèn)為能從兩個(gè)方面來下手：復(fù)雜度的減少和復(fù)雜度的轉(zhuǎn)移。在“四策略”中，“刪除”和“組織”更多在作用于前者，“隱藏”和“轉(zhuǎn)移”更多的是作用于后者。

刪除

1、僅滿足核心需求，造出有設(shè)計(jì)感的輕量級(jí)產(chǎn)品，如tumblr。

2、不要死扣“假如用戶…… ”，假設(shè)用戶的所有可能使用情況并滿足，會(huì)產(chǎn)生一些少部分用戶低頻使用的功能。

3、刪去界面的小細(xì)節(jié)。比如簡化布局，精簡按鈕和鏈接樣式，減少廣告位數(shù)量，去掉分隔線等。

4、不給用戶提供可選項(xiàng)。比如用戶在購物平臺(tái)在結(jié)賬時(shí)，屏蔽到所有能指向其他地方的鏈接，或是可選項(xiàng)，順著點(diǎn)點(diǎn)就結(jié)完賬，不給用戶分心猶豫的機(jī)會(huì)。

5、刪減文字，精簡句子。使用簡潔文案，突出有價(jià)值的信息。

6、解決視覺混亂。一些技巧可以借鑒：刪去分隔標(biāo)志，使用輕微的背景色來劃分界面；少使用強(qiáng)調(diào)；刪去較多的信息層次，比如只使用標(biāo)題，子標(biāo)題和正文；減少元素，比如按鈕的形狀和樣式等。

7、消除錯(cuò)誤來源。再小的錯(cuò)誤都會(huì)讓用戶感到心煩，所以盡可能去優(yōu)化那些容易出錯(cuò)的步驟吧。

刪除某些功能是一味比較猛良藥，誰都不喜歡給了的東西又拿回去，包括用戶。從短期來看可能會(huì)造成一定負(fù)面效果，但這或許是產(chǎn)品能長期發(fā)展，脫穎而出的一個(gè)必須經(jīng)過的階段。

組織

1、分模塊，7±2是人瞬時(shí)能接受的一個(gè)模塊范圍。

2、按照用戶的行為規(guī)律，時(shí)間和空間順序來組織，慎用字母表和格式統(tǒng)一與否來組織。

3、分類盡可能明確，相互之間交叉盡可能的少。比如某銀行手機(jī)app，生活繳費(fèi)功能并未劃在“生活”業(yè)務(wù)標(biāo)簽中，而是歸在“一卡通”業(yè)務(wù)范圍內(nèi)，這樣會(huì)造成較長的查詢時(shí)間。

4、對(duì)內(nèi)容有效的組織之后再去考慮搜索，很多時(shí)候搜索功能并不能改善無效率的組織。

5、通過大小和位置的組織來區(qū)別不同的重要性。

6、使用分層，有如下技巧：少量的層；兩層差別盡可能大；用高明度和高飽和度的顏色突出重點(diǎn)；相同重要可亮度和大小相同，區(qū)別色調(diào)。

7、合理使用色標(biāo)。用戶對(duì)色標(biāo)的學(xué)習(xí)成本和使用收益應(yīng)呈現(xiàn)合適的比例。比如一個(gè)長時(shí)間使用的大型應(yīng)用，那么用戶對(duì)于自成體系的色標(biāo)也不會(huì)那么介意，因?yàn)槭褂玫胶竺嬷粫?huì)越來越方面。

如果說刪除是革命，那么組織就是改革。通過重新的組合，也能降低整體的復(fù)雜度。

隱藏

1、不常用的但不能少的，比如個(gè)性化設(shè)置。

2、讓用戶自定義界面，選擇隱藏，可非專家用戶會(huì)喜歡這種方式么？值得討論。

3、分段展現(xiàn)。讓用戶不是一次的去接受所有信息，而是采取逐漸分步的方式。比如用戶注冊(cè)時(shí)只需填寫較少信息，降低流失率，而處理到一定業(yè)務(wù)的時(shí)候，再讓他去完善個(gè)人信息。

4、巧妙的設(shè)置提示與線索。比如蘋果的MacBook展示頁，像宣傳畫冊(cè)一樣，滿足了主流用戶，而在右上角提供了一個(gè)技術(shù)規(guī)格，讓想了解的專家用戶去點(diǎn)開查詢。

隱藏不能從根本上減少復(fù)雜度，可以看做一種迂回策略，甚至你想隱藏某項(xiàng)功能的時(shí)候你需要考慮：“是不是需要?jiǎng)h去它？”我們?cè)谠O(shè)計(jì)隱藏機(jī)制，使產(chǎn)品看上去簡約的同時(shí)，也需要讓它在適當(dāng)?shù)臅r(shí)候出現(xiàn)。

轉(zhuǎn)移

1、跨設(shè)備的轉(zhuǎn)移某些功能，比如蘋果表上的功能在iPhone上具體處理，微信公眾號(hào)的詳細(xì)設(shè)置需要在電腦上完成。

2、把系統(tǒng)的工作轉(zhuǎn)移到用戶那。信任用戶，讓用戶做擅長的事情，比如計(jì)劃，想象，估算，辨別信息等；而讓產(chǎn)品負(fù)責(zé)精確的記錄，計(jì)算，具體執(zhí)行等工作。比如，讓一個(gè)組件有多種用處，讓用戶去決定在什么時(shí)候使用哪一個(gè)。

前三個(gè)策略可以的結(jié)合：刪除不必要的，組織要提供的、隱藏非核心的。轉(zhuǎn)移相對(duì)獨(dú)立，涉及到對(duì)界面進(jìn)行重新布局。

結(jié)語
運(yùn)用刪除，組合的策略將整本書的要點(diǎn)“簡約”出來，加上自己的思考結(jié)合到了一篇文章當(dāng)中，也算“簡約”的實(shí)戰(zhàn)了吧。就像書中所說，“簡約設(shè)計(jì)”就像打地鼠一樣，你打了這頭，那頭就起來了。我認(rèn)為，更多的時(shí)候，復(fù)雜是在各個(gè)維度之間轉(zhuǎn)移的，確定哪個(gè)維度是你關(guān)注的，就盡可能的將復(fù)雜移出那個(gè)維度。天知道谷歌為了讓我們的搜索界面簡潔到只有一個(gè)框，面對(duì)了多少的復(fù)雜。