從消息中心出發(fā)聊聊框架層設(shè)計用戶在日常使用產(chǎn)品時可以進入消息中心查閱消息，一旦用戶長期未查閱或短時間內(nèi)頻繁使用，便簡單積攢大量未讀消息，無論消息列表預(yù)覽內(nèi)容過多或過少都會影響用戶查閱。

消息列表僅有發(fā)信人名稱卻無法預(yù)覽詳細(xì)內(nèi)容，用戶必需依次點開每條消息查看無法按輕重緩急挨次處理，增加用戶消息清理時長且可能導(dǎo)致錯過重要消息時效。每條消息上擠滿用戶身份號碼聯(lián)系電話頭像簽名等次要信息又無明顯間隔，以至于重要信息都只能放在省略號里或跳轉(zhuǎn)查看，不僅增加信息獵取步數(shù)，且增加了字段辨認(rèn)難度，使用戶閱讀變得吃力和提高了看錯信息的概率。這兩種狀況的消失，均是由于設(shè)計框架層時未將信息擺放在適合的位置，假如將門修在房頂，每次進出都得架著梯子，不僅費事而且危急。如上述兩例子都會讓消息中心變得難以使用，為了讓用戶使用舒適，須在設(shè)計階段做好規(guī)劃。

什么是框架層？

框架層位于用戶體驗第四層，包含界面設(shè)計、導(dǎo)航設(shè)計、信息設(shè)計三部分。建筑師設(shè)計一棟建筑時，通過將形狀、門窗、內(nèi)部裝潢等各個獨立元素組合一起，來表現(xiàn)整棟建筑所要傳達的情感。游樂場大多五彩斑斕，醫(yī)院則偏向干凈，弄反了可能會讓客戶懷疑進錯建筑?？蚣軐右彩侨绱耍枰O(shè)計每個元素的位置、顏色、交互等信息，組合后一起向用戶傳達產(chǎn)品特色。

一、界面設(shè)計

界面設(shè)計是選擇合適的元素為用戶供應(yīng)做成某些事的力量。常用的元素有按鈕、標(biāo)記、輸入框等，詳細(xì)可依場景而定。

日常生活中若遇到界面混亂的狀況，例如相同元素大小不一，方向各異；每個元素各自獨立毫無關(guān)聯(lián)；顏色眾多無法看出重點等，會給人一種雜亂無章的感受。

假設(shè)某棟公寓一排房門寬窄有別，凹凸各異，一眼望去參差不齊，簡單讓用戶產(chǎn)生這是家不專業(yè)建筑商的聯(lián)想。

這恰恰與設(shè)計目的相悖，大多狀況下盼望向用戶傳達正面信息。那么該如何有效避開頁面混亂呢？可遵循以下三點：

1.1突出重點

對比劇烈、醒目的內(nèi)容有助于用戶加深印象并削減其他信息干擾。生活中人們會使用劃線或圖形標(biāo)注文章重點，甚者會用彩筆做記號，亦是為了下次翻閱時能一眼看出重點。

將消息主題加大加粗，用戶便可以一眼了解消息內(nèi)容，不必花費時間讀完通篇才發(fā)覺重點只在第一句。

1.2界面簡潔

界面簡潔要求元素擺放有序且精簡。人們一次能夠把握和處理的信息數(shù)量在七加減二之間，過多元素同時堆放在視線中并不能增加用戶信息接收并發(fā)力量，只會徒增搜尋真正目標(biāo)的耗時。

井然有序的界面利于用戶加深記憶，削減誤操作概率，也有助于突出重點內(nèi)容。

當(dāng)一個貨架上只擺放5、6個商品時人們很簡單記住，但假如擺放成堆商品時用戶只會記住自己所渴望之物。

當(dāng)消息尾部只有保藏按鈕時用戶可以快速找到該功能所在位置且不會錯按其他按鈕；假如位于七八個按鈕中間時，每次多半得瞧一眼以免錯點成刪除。

1.3便利易用

不設(shè)置簡單交互且符合大部分用戶使用習(xí)慣的擺放方式即算的上便利易用。

例如飛機簡單的操作面板讓大多數(shù)人望而卻步，而手機憑借為數(shù)不多的按鍵讓用戶快速上手。

假如你的消息列表自上而下排列，則將全部已讀功能放在右下角是個不錯的留意。用戶掃瞄時視線會自上而下移動，看完最終條消息后視線依照慣性再往下一格即可點擊全部已讀。這樣設(shè)計的是基于在處理完全部重要消息后可以立即清空面板的考慮。假如不盼望用戶常常點全部已讀或常常因此遺漏信息，可將其置與閱讀軌跡相反方向，如右上方。

二、導(dǎo)航設(shè)計

導(dǎo)航設(shè)計既是向用戶供應(yīng)去某處的力量，如返回上一頁，切換標(biāo)簽頁，跳轉(zhuǎn)詳情頁等均為常見導(dǎo)航方式。

超市會將同類型商品堆放在一起，便利用戶查找。

消息中心可能含系統(tǒng)公告、社交私信、業(yè)務(wù)通知，當(dāng)然也可能要區(qū)分保藏、歷史消息，當(dāng)有眾