今天和大家聊聊“認知負荷”。比來看了一些文章深受啟發,我們在我們日常設計中如何去制止一些讓用戶費腦而抓狂的設計，本文我將會集合我們日常生活中的產品和大家聊聊。

認知負荷理論？

認知負荷理論（cognitive load theory）是Sweller等人在20世紀80年代的，主要從認知資源分配的角度考察學習和問題解決。Sweller等人認為，問題解決和學習過程中的各種認知加工活動均需消耗認知資源，若所有活動所需的資源總量超過個體擁有的資源總量，就會引起資源的分配不足，從而影響個體學習或問題解決的效率，這種情況被稱為認知超載。（內容來自百科）

是什么造成了認知負荷

想要制止用戶的認知負荷，那么我們就要了解界面設計中那些因數會影響用戶的認知，認知負荷分內在和外在的，內在的當然與用戶的文化因素有關，這里我們不做討論，我們來說下外在影響因素：

視覺層次結構混亂導航結構不清晰無規則的視覺流需要大量思考

下面我將集合實例和大家探討下：

1. 視覺層次結構混亂

下面截圖是愛奇app，這里我將討論愛奇藝一些糟糕的設計點。

Navgation bar：使用頻率不高的元素過多；消息，播放歷史，添加Label：標簽視覺樣式樣式多Color：顏色過多，是造成用戶無法形成視覺流的關鍵因素Gird layout：網格布局混亂，縱向對齊線過多，且無規律Focus：圖2焦點元素過多，造成用戶選擇困難

那怎么解決？

強化主要信息，弱化次要信息（好比圖2，更多資訊，換一批等是否可以弱化，去掉顏色？）去掉過多不須要的元素（分割欄上的圖標是否可以去掉，滿屏的標簽是否可以統一弱化）使用網格布局（圖片和文字遵循網格排版）。

堅持一個原則，一個頁面完成一個用戶目標。

好的布局是怎么樣的？

結構簡單，用戶目標清晰，卡片流布局，大家留意到沒，youtube在導航上通過“更多”icon把不常使用的元素收起來,這就減少導航上擺放過多低頻率使用的操作，這樣來減少了視覺上的混亂。

2. 導航結構不清晰

首先我們先了解下Navgation design pattern，界面設計中一般使用2－3種導航，別離一級導航和二級導航模式（一級導航一般只有一種，如業務比較多的，一般都使用組合導航，好比頂部與底部標簽導航，標簽與漢堡組合等等），我們必需在設計上區分它們，不能一級導航和二級導航樣式相同，這樣無規律的設計會讓用戶難以抉擇。

圖1:愛奇藝app產品內容比較多，所以采用了頂部和底部雙標簽導航來組織內容圖2，3，4:藍色框部分搜索結果頁和視屏播放頁還有用戶信息頁，應該要使用二級導航區分，但是目前奇藝依然使用一級導航設計模式來區分它們（目前國內好多app都這樣沒去區分），這樣就會導致信息結構混亂，信息層級不清晰。

ios使用Segmented Controller來區分的，google的materials好像在這方面沒有明確的說明，所以這就導致大量的導航混亂，不過好像大多數用戶已經習慣了？（二級導航一般無特殊情況是不會允許在一級界面）

清晰的導航架構是怎樣的？

一級導航和二級導航區分明顯，清晰的信息架構，用戶能知道優先級。

這里說下Nike+的導航系統,在頂部使用了標簽式作為一級大內容區分，，二級導航采用類似分段內容導航來區分單個模塊下的內容。

為何要區分一級和二級導航？

一級導航一般都是大功能模塊之間的區分，二級導航一般用于單個功能模塊里面的內容作為層級區分，請謹記。目前國內app設計質量不齊，導航規則混亂，沒有一個完整的Design system來指導整個企業的產品規則，所以我們可以從本身產品做起，在產品設計中把信息架構搭建好。

無規則的視覺流

要做好視覺引導我們就要懂一些設計心理學，我們要了解人是如何閱讀，如何不雅觀察，如何記憶，如何思考，如何集中注意力，如何快速進入流的狀態等等。

最常用的閱讀模式是F pattern和Z pattern。

一個頁面一屏出現了這么多耀眼入口，我該如何選擇？沒有主次，看起來所有都很重要？

標簽：烏魯木齊 林芝 鹽城 東營 九江