簡約極簡的設計作品總是讓人欲不能罷，高端大氣國際范的感覺馬上就出來了，留白給了版式和視覺無線的想象空間。今天分享這篇文章就針對頁面和版式做簡化的問題進行了實戰案例和技巧原則的講解。

前言

在購買東西的時候．我發現這樣一個奇怪的現象．說之前大家先回答我一個問題好嗎？下面的遙控板如果購買的話你會選擇哪一個？

A 一簡潔款

B 一復雜款

我想大多數會選擇 A 款，我也不例外．但是我購買時卻選擇的 B 款，為什么會出現這樣的現象呢？

老實說戶款很簡潔，作為設計師的我當然是．歡的．但是遙控板買來是給誰右的呢？是家里的老人（我基本不指電視），簡潔的款式香似簡單．但是要讓他們學會操作就像教他們用智能手機一樣．太難了。因此購買 B 款復雜的樣式，對于他們來說反而比較簡單，用 《 設計心理學 2 ：如何管理復雜 》 中 《 為什么按鍵太少會導致操作困難 》 一節中的一段話來解釋就是：“僅有幾個按鈕的電視機遙控路可能看起來比一個有 100 個按鈕的要簡單．但如果它需要變化無常的按鍵操作順序來達到所需的結果，那就不那么簡單了。看起來復雜的設備每個功能都有一個對應的按鍵，所以新手通過尋找適當的標簽來按動相關的按鈕就可以使用。很多設計師將簡單等同于簡單的外貌，但看起來簡單，用起來卻并不都是簡單的” ― 唐納德 · A · 諾．其實在我們生活中還有很多這樣的例子．有時候我們以為會買簡潔的，但是我們最后付款時卻選擇復雜的．下面我們一起來看看生活中的案例、背后的原因．以及對設計的啟發。

目錄

1 、生活中的案例

2 、購買復雜的原因

3 、對設計的啟發

生活中的案例

大家回憶下生活中有這種情況嗎，明明喜歡簡潔．但是購買的時候卻購買”復雜”的商品。比如同等價位的滾筒洗衣機、其他功能都差不多，但是一個帶烘干功能、一個不帶，那么是你會購買嘟個呢？

當然如果是我我會選擇購買帶烘干功能的．因為這樣就可以省了一部烘干機的錢。同樣當你去購買烤箱、徽波爐時，這時候有一個烤箱還帶橄波爐的功能．你又會如何選擇呢？

我當然會選擇帶橄波爐功能的烤箱．這樣我不僅花一份錢買了兩個功能．而且放到家里還不占地方。除此之外，生活中有太多這樣喜歡簡潔，但是購買時卻購買復雜的案例．比如兒盆電話手表，其最初的定位就是打電話．避免小孩看手機影晌視力和學習。

但是．現在的兒，手表卻被加入了太多太多的功能．聊天、拍照、支付、視頻等．同時還可以下載各種 Ap 戶．基本就是一個小手機啊．這不是背離了我們購買的初衷了嗎。然而通過咨詢身邊有孩子的家長發現．他們比較粵歡選擇這樣復雜的電話手衰，因為括上去還帶了學習機的功能呀。

購買復雜的原因

那是什么原因導致人們嘴上說礴歡簡單．卻總為復雜買單呢？主要有三個原因：復雜息昧著更多的功能；復雜給人不一樣的體驗：復雜的功能讓人覺得劃算。、復雜息昧著更多的功能在我們生活中到處都充滿著復雜，復雜憊昧看有更多的功能，人們粵歡更多的功能，比如以前只有馬車的時候．人們想要一匹更快的馬，于是福特發明了汽車，當有汽車之后，人們想要更安全、更節能、更目有娛樂性等，于是后來發展了各種各樣品牌、價位、功能的汽車。

當然除了汽車的功能變得越來越多．還有手機、手表的功能也越來越多，就連我們廚房的刀具也 M 以前的一把變成了一套。這些都是人們不停追求更多功能的結果：

2 、復雜給人不一樣的體驗

上面說了人們粵歡更多的功能，另外人們還喜歡‘復雜”的流程，復雜的流程可以給人不一樣的體驗，比如泡茶。

簡單的泡茶就是直接將茶葉放到杯子里面．泡開了就直接喝．是為了解渴；復雜的泡茶燕要準備專門的茶具、裸要講究一定的步駭、瀚要挑選上好的茶葉．瀚業恤慢品茶，是為了體驗。不過燕要強調的是．這里的復雜不是指用起來覺得復雜，而是指其流程通循一定的秩序，香上去復雜．但是并不讓人困惑。

3 、復雜的功能讓人覺得劃算

人們容歡更多的功能．一個原因是社會本身就是復雜的．人們生來就套歡追尋更多的功能．另外還有個原因就是覺得劃耳。

上面我舉的帶烘千功能的洗衣機、帶徽波功能的烤箱．當價格一定時人們會優先考慮買功能多的商品，盡管這個功能很少使用，但是可能會用呢．因此買來比較劃葬。

對設計的啟發

上面我們提到人們想要復雜．是想要更多的功能．更好的體驗．更劃算；想要簡單是想要這個東西好用，用起來不費解，外觀簡潔好看．

當達到這些條件．你就發現你的產品擁有了超強的竟爭力．比如小米手機、小米電視、小米智能家居等．他有你想要的多功能、有好的體驗、有好看的顧值．有便宜的價格．同時用起來也很簡潔。

同理，在 Ul 設計中也是一樣，我們不用容怕產品給的功能太多影晌設計．也不用去砍功能。我們涌耍考慮的是如何設計比較符合用戶認知．如何設計讓他們覺得簡單。下面通過收集我整理了以下 6 點設計原則。

1、遵循用戶認知

大家在設計時是否有這樣的現象，在參考竟品時．為了不和覓品一樣，我們．故慈”將樣式、流程進行調整。也有時候為了原創不找參考，悶頭思考。只是因為我們要和別人設計得不一樣．要原創．但是忘記了考念．這樣設計是否遵循用戶認知。

什么是用戶認知呢？認知的心理學概念是指通過形成概念、知覺、判斷或想象娜心理活動來獲取知識的過程．即個體思維進行信息處理的心理能力．這是人皿其本的心理過程。比如說點外賣大家想到的是美團、飯了么；說旅游想到的是攜程、途牛；說民招想到的是愛彼迎、途家。

在 UI 設計中也是一樣，我們需要和用戶已經理立起來的認知模型．齊，當設計的內容符合用戶的認知模型時，用戶才會覺得使用起來比較簡單。在設計時．可以優先考慮這四個方面：顏色、位，、交互方式、操作流程。”顏色一些 APp 有既定的顏色認知模型．比如基金、股票類．在設計時就礴要通循紅漲綠跌．而不是為了美觀換成其他的顏色

2 ）位置

對大家形響扭大的就是彈窗確定和取消按鈕的位，擺放了，在鐘 ndo 塊‘系統中確定按鈕在左、取消在右；然而在 Mac 系統中取消在左、確定在右。因此在設計時我們首先裸要搞清楚各平臺的系統規范。

這里大家可閱讀 105 和 Material Design 的設計規范，通過查看規范可以知道無論是 105 還是 Material Deslgn 都通循取消在左、確定在右的位皿擺放．因此在驗收時，如果發現位，擺放反了就裸要及時修改。

3 》 交互方式

在設計交互方式時．也禱要通循用戶的認知棋型．這里不管是 105 還是安卓端都有完善的交互規范，比如編轉的手勢操作． 105 支持側滑進行編輯．安卓支持長按編粗．那么在設計時就瀚要進行遵循各平臺規范。

當然為了降低跨平臺便用的復雜性，讓用戶更快捷的操作，在設計時也可考慮為用戶提供其他平臺的交互方式．比如天貓購物車在編輯列表時就提供了側滑和長按兩種方式．從而邀免安卓用戶使用不知道側滑手勢的悄況。

4 》 操作流程操作流程

比較容易理解，大家最為熟悉的有登錄流程提交訂單流程、支付流程等．你會發現幾乎每個 App 都大同小異．

比如大眾點評的登錄注冊流程．現在大多 App 都使用的是手機驗證碼的登錄方式．在簡化操作的同時． M 而向用戶理立起來的認知旅齊。小結二在設計時瀚和用戶已經建立起來的認知棋型加齊，不耍為了原創而原創，就傲育兒一樣，先姍要讓孩子知通規則，給孩子建立起安全感．然后給他空間再去創造。這也是為什么在設計時我們盡扭參考用戶，大的 APp ，因為這些產品已經建立起了用戶認知撰里。

2 、對模塊進行有邏輯的劃分

我們知道界面是田模塊組成、而模塊是田一些組件構顧，界面給人的感覺是復雜還是簡單就霖要香我們的界面徽塊劃分是否渭晰。那么摸塊該如何劃分呢？ 《 支付寶體驗設計箱腸 》 一書的 《 產品設計中的模塊化思維 》 一節中有提到劃分方法．其主要分為流程類產品的劃分和內容載體類產品的劃分。

1 ）流程類產品的劃分

流程類產品的劃分燕要根據用戶目標、產品的不同狀態將復雜的功能頁面．劃分為一個一個的子任務。比如 58 同城的發布租房頁面，就根據任務目標，將整個發布流程劃分為了葵本信息棋塊、補充信息模塊，聯系人信息棋塊這三個棋塊，從而達到簡化頁面的目的。同理登錄注冊、訂單流程、支付流程的劃分也是這個道理。

2 ）內容載體類產品的劃分

內容載體類和流程類產品的劃分不同．他沒有任務目標，而是由一個個的功能夜塊、展示袱塊組成。這里大家可參考 《 支付寶體臉設計精皿 》 一書中給出了三種劃分方式：內容窮舉、分組排序、二次拆分的方式。

比如書中用下百房 APp 的首頁為例．首先將首頁的所有內容窮舉完，然后根據功能、動態等不同的維度進行劃分，然后在將內容信懇比較多的模塊進行二次拆分．從而達到簡化頁面的目的。小結：通過對模塊進行邏翎劃分后，不僅可以達到簡化頁面的目的．同時還可以將整個產品進行棋塊化設計．從而達到組件復用、保證輸出一致性、提高設計效率、便于維護、便于協作等目的．

3 、根據目標用戶確定設計方式

不管是什么產品．其．終都是給人使用的．不同的人群、不同的使用目標．同樣的模塊設計方式都是不一樣的，因此在設計時裸要根據目標用戶來確定設計方式。

比如得到和途家第一屏都是運營廣告、搜索、金剛區三大棋塊，但是表現形式完全不一樣。得到的搜索在頂部僅僅給用戶提供了一個搜索入口，點擊搜縈框進入新頁面進行搜索；而途家的搜索模塊占用了將近半屏的位，，用戶可以設登城市、時間、人數等參考進行有目標的搜索。為什么會出現這樣的差異呢？這主要是因為大多數搜民宿的用戶那定了旅游地和時間．目標比較明確，對搜索框的使用頻率較離．因此在設計時我們一定要根據目標用戶來確定設計方式。

4 、將復雜轉移給系統

大家還記得早期的電腦嗎？他的功能并沒有現在的電腦那么多，但是它便用卻非常“復雜”．因為它就葬執行一個簡單的復制枯貼任務，都燕要輸入一串命令符。反觀現在的電腦變得多’‘簡單”啊，我們可以用它來工作、娛樂，我們想要的、想知遭的通過它都可以輕松得到。但是他真的變簡單了嗎，他只是把復雜的部分轉移給了系統．讓我們石上去簡單了而已。

在UI設計中我們也可以考慮將復雜的功能轉移給系統．從而讓我們的產品使用起來簡單。

比如百度搜索流程將其添加語音箱入，用戶只翻要說自己想耍什么．系統會自動處理從而搜索到我們想要的內容．比如途家收藏頁，用戶可以將多家民宿進行對比，用戶可以渭晰的看到各項參數的數值，同時確定選擇哪一個更劃算，從而節省掉原本黑要花幾夭的對比時間，提高預定效率．因此．如果大家在產品優化不知遭如何下手．就可想想是否有功能可轉移給系統。

5 、簡化產品操作流程

在設計原則中．排在，位的就是簡潔高效．這也是我們在產品優化中首先然要河慮的。大家平時有看海鹽社的理設計就會發現，大邵分的粗設計、產品爽點都是在簡化產品的操作流程。

比如當當的訂單頁面，當訂單信息有誤時，點擊取消訂單．可以改為貨到付款，或將商品放入購物車重新下單，幫用戶省去重新加入購物車的麻煩．提升用戶購買體驗。比如網易云音樂我的音樂頁面．長按并拖動右上角音樂圖標．可直接將音樂拖到指定歌單中，幫助用戶快速收藏播放歌曲。大家平時在 t 海鹽社的翻設計時，不妨給它們的作用進行歸類對比．這樣可以給我們更多的產品優化啟發。

6 、添加自動化功能

添加自動化的功能可以．成是一鍵操作．通過這樣的方式華用戶節省操作時間。

比如豆姍我的電影列表中的能看開關．點擊能看開關．可一謐過濾掉沒有播放資源的電形，減少置找的時間。比如豆姍購票頁面的推祥座位．點擊人數后將提供給用戶參考的位且，陣低用戶因選座而產生的焦慮感，從而降低用戶跳出率。添加自動化功能在產品優化中也占據若．要的位且，除了上面我舉的兩個例子．其實在我們提的趣設計中還有一些類似的案例．后面如果有時間在和大家細說。

劃重點

以上就是今天和大家分享的由”人們粵歡簡單，卻購買復雜’．的現象，讓我整理了 6 條設計原則二

1 、遵循用戶認知：在設計時瀚要和用戶已經建立起來的認知棋型，齊，主要可考慮顏色、位，、交互方式、操作流程等方面。

2 、對棋塊進行有邏粗的劃分，主要有兩個方面的劃分方式，第一對流程類產品按照任務目標進行劃分：第二對內容信息類產品根據梳理的不同維度進行劃分．直到讓模塊變得簡潔。

3 、根據目標用戶確定設計方式：同樣的模塊．不同的目的用戶、不同的使用目的其設計方式均不相同，因此在設計時切記不要只做不想。

4 、將復雜轉移給系統：可以理解為，將用戶原本燕要花費很多的輔入時間、對比時間、選擇時間統統交給系統．從而降低用戶的使用成本。

5 、簡化產品操作流程：在設計原則中，排在首位的就是間接高效，在產品優化中這是首先能耍考慮的。

6 、添加自動化功能：當產品成熟后．用戶留存一直是我們比較重視的問恤．添加自動化的功能可以很好的幫用戶節省操作時間，從而給用戶“好感”，提離用戶的留存率。