簡潔素雅：如何實現簡約網頁設計

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

用戶分(fēn)類
首先我(wǒ)們把軟件的相關人員(yuán)分(fēn)爲三類：管理人員(yuán)，開(kāi)發人員(yuán)和普通用戶。複雜往往是在他們之前轉移的，就像算法中(zhōng)時間成本和空間成本的權衡一(yī)樣，對用戶簡單了，可能開(kāi)發難度和管理難度就變大(dà)了。我(wǒ)們這裏關注的是對普通用戶的簡約。
其次我(wǒ)們把用戶分(fēn)爲三類：
專家型用戶：他們對你産品感興趣，舍得花時間研究探索産品的新功能。
随意型用戶：他們可能使用過類似産品，能接受新功能，但是得足夠簡單。
主流用戶：不會因爲你的技術而使用你的産品，使用你産品的目的是完成某項任務。他們會掌握一(yī)些重要功能的使用方法，但永遠不會産生(shēng)學會所有功能的想法。這些人的口頭禅就是：“我(wǒ)的手機隻要能打電話(huà)、能發短信就行了。”大(dà)多數人屬于這一(yī)類。
我(wǒ)們産品設計應該關注的是大(dà)多數的主流用戶。對于專家用戶，或許他們能細數你的功能，和你溝通起來沒有障礙，三句話(huà)說到你心裏，而且是那麽通情達理，毫不猶豫就升級到最新版本，但他們的想法會讓主流用戶感到太複雜。

四策略
簡約的設計意味着你得追求極端的目标，達到其次的效果。我(wǒ)認爲能從兩個方面來下(xià)手：複雜度的減少和複雜度的轉移。在“四策略”中(zhōng)，“删除”和“組織”更多在作用于前者，“隐藏”和“轉移”更多的是作用于後者。
删除
1、僅滿足核心需求，造出有設計感的輕量級産品，如tumblr。
2、不要死扣“假如用戶…… ”，假設用戶的所有可能使用情況并滿足，會産生(shēng)一(yī)些少部分(fēn)用戶低頻使用的功能。
3、删去(qù)界面的小(xiǎo)細節。比如簡化布局，精簡按鈕和鏈接樣式，減少廣告位數量，去(qù)掉分(fēn)隔線等。
4、不給用戶提供可選項。比如用戶在購物(wù)平台在結賬時，屏蔽到所有能指向其他地方的鏈接，或是可選項，順着點點就結完賬，不給用戶分(fēn)心猶豫的機會。
5、删減文字，精簡句子。使用簡潔文案，突出有價值的信息。
6、解決視覺混亂。一(yī)些技巧可以借鑒：删去(qù)分(fēn)隔标志(zhì)，使用輕微的背景色來劃分(fēn)界面；少使用強調；删去(qù)較多的信息層次，比如隻使用标題，子标題和正文；減少元素，比如按鈕的形狀和樣式等。
7、消除錯誤來源。再小(xiǎo)的錯誤都會讓用戶感到心煩，所以盡可能去(qù)優化那些容易出錯的步驟吧。
删除某些功能是一(yī)味比較猛良藥，誰都不喜歡給了的東西又(yòu)拿回去(qù)，包括用戶。從短期來看可能會造成一(yī)定負面效果，但這或許是産品能長期發展，脫穎而出的一(yī)個必須經過的階段。
組織
1、分(fēn)模塊，7±2是人瞬時能接受的一(yī)個模塊範圍。
2、按照用戶的行爲規律，時間和空間順序來組織，慎用字母表和格式統一(yī)與否來組織。
3、分(fēn)類盡可能明确，相互之間交叉盡可能的少。比如某銀行手機app，生(shēng)活繳費功能并未劃在“生(shēng)活”業務标簽中(zhōng)，而是歸在“一(yī)卡通”業務範圍内，這樣會造成較長的查詢時間。
4、對内容有效的組織之後再去(qù)考慮搜索，很多時候搜索功能并不能改善無效率的組織。
5、通過大(dà)小(xiǎo)和位置的組織來區别不同的重要性。
6、使用分(fēn)層，有如下(xià)技巧：少量的層；兩層差别盡可能大(dà)；用高明度和高飽和度的顔色突出重點；相同重要可亮度和大(dà)小(xiǎo)相同，區别色調。
7、合理使用色标。用戶對色标的學習成本和使用收益應呈現合适的比例。比如一(yī)個長時間使用的大(dà)型應用，那麽用戶對于自成體(tǐ)系的色标也不會那麽介意，因爲使用到後面隻會越來越方面。
如果說删除是革命，那麽組織就是改革。通過重新的組合，也能降低整體(tǐ)的複雜度。
隐藏
1、不常用的但不能少的，比如個性化設置。
2、讓用戶自定義界面，選擇隐藏，可非專家用戶會喜歡這種方式麽？值得讨論。
3、分(fēn)段展現。讓用戶不是一(yī)次的去(qù)接受所有信息，而是采取逐漸分(fēn)步的方式。比如用戶注冊時隻需填寫較少信息，降低流失率，而處理到一(yī)定業務的時候，再讓他去(qù)完善個人信息。
4、巧妙的設置提示與線索。比如蘋果的MacBook展示頁，像宣傳畫冊一(yī)樣，滿足了主流用戶，而在右上角提供了一(yī)個技術規格，讓想了解的專家用戶去(qù)點開(kāi)查詢。
隐藏不能從根本上減少複雜度，可以看做一(yī)種迂回策略，甚至你想隐藏某項功能的時候你需要考慮：“是不是需要删去(qù)它？”我(wǒ)們在設計隐藏機制，使産品看上去(qù)簡約的同時，也需要讓它在适當的時候出現。
轉移
1、跨設備的轉移某些功能，比如蘋果表上的功能在iPhone上具體(tǐ)處理，微信公衆号的詳細設置需要在電腦上完成。
2、把系統的工(gōng)作轉移到用戶那。信任用戶，讓用戶做擅長的事情，比如計劃，想象，估算，辨别信息等；而讓産品負責精确的記錄，計算，具體(tǐ)執行等工(gōng)作。比如，讓一(yī)個組件有多種用處，讓用戶去(qù)決定在什麽時候使用哪一(yī)個。
前三個策略可以完美的結合：删除不必要的，組織要提供的、隐藏非核心的。轉移相對獨立，涉及到對界面進行重新布局。

結語
運用删除，組合的策略将整本書的要點“簡約”出來，加上自己的思考結合到了一(yī)篇文章當中(zhōng)，也算“簡約”的實戰了吧。就像書中(zhōng)所說，“簡約設計”就像打地鼠一(yī)樣，你打了這頭，那頭就起來了。我(wǒ)認爲，更多的時候，複雜是在各個維度之間轉移的，确定哪個維度是你關注的，就盡可能的将複雜移出那個維度。天知(zhī)道谷歌爲了讓我(wǒ)們的搜索界面簡潔到隻有一(yī)個框，面對了多少的複雜。