信息架構是產品的骨架。具體而言，就是一款產品有幾個一級頁面，以及支撐起整個產品的一級頁面、二級頁面各有幾種內容樣式。所謂一級頁面，微信的“發現”頁就是一個一級頁面；在“發現”頁點“朋友圈”，進去的就是一個二級頁面。所謂內容樣式，Banner 是一種內容樣式，九宮格是一種內容樣式，設置頁面那種列表也是一種內容樣式。

這樣的信息架構，有什么價值？

01 信息架構的價值：掌控感與健康迭代

對用戶而言，信息架構的主要價值在于掌控感；對產品而言，信息架構的主要價值在于健康迭代。

1. 掌控感

如果房間里很亂，到處都堆滿了東西，常穿的衣服也找不到了，我們就很容易變得煩躁不安。相反，如果混亂的房間被收拾得很整潔，我們的心情也會隨之變得愉悅起來。

這中間的原因是什么？

個人覺得，從原始社會到 21 世紀，我們人類一直生活在競爭中，所以一直在追求一種對生活的掌控感。這種掌控感，會讓我們找到一種存在感和價值感，從而給身處競爭中的我們一種安全感。一個收拾得井然有序的房間，會讓我們覺得一切盡在掌握中；一個胡亂塞滿東西的房間，則會讓我們覺得這個房間處于失控狀態，從而引發煩躁不安。

一款 App，如果主要的幾個一級頁面也都塞滿了各式各樣的內容，那么用戶通常也會感到煩躁不安。這是因為用戶不能馬上理出頭緒，不能馬上獲得那種掌控感。另外，如果大的改版經常讓用戶體會到這種煩躁不安，用戶就會對這款 App 感到不滿和失望，甚至失去信心和期待。

所以說，信息架構的第一個價值，就是讓用戶始終有掌控感。

2. 健康迭代

產品的更新迭代，有時會出現“發?！焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。

所謂發福，就是變得臃腫了，比如一級頁面突然增加了很多內容樣式。所謂微整形，就是和之前比有點亂套了，比如有的一級頁面突然消失了、有的一級頁面突然出現了、有些常用的功能突然找不到了，諸如此類。

一款產品，如果大的改版總是通過發福、甚至微整形的方式實現，用戶就很難獲得掌控感。

反過來，一個優秀的信息架構，是接近“凍齡”的。也就是說，不管產品怎么更新、怎么加新功能，都能簡單如初，都能讓用戶馬上獲得掌控感。典型的例子是微信：微信已經加了很多功能，但整體給人的感覺依然是簡單的。

這樣的信息架構，很少發福，也幾乎不做微整形，所以能讓用戶永遠有掌控感，從而確保產品能夠健康迭代。

02 怎樣實現信息架構的價值

什么樣的信息架構，能夠實現“掌控感”和“健康迭代”？

其實參考答案剛才已經出現了，那就是接近凍齡的信息架構?；蛘吒_切地說，是一種“以不變應萬變”的信息架構。

這里的不變，是指信息架構看起來永遠沒有明顯變化，永遠都很簡單。萬變，是指不斷新增的功能，不斷變化的功能。

如何做到以不變應萬變？一級頁面和二級頁面都很關鍵，其中最核心的是一級頁面。這里也順便拋一個問題：一級頁面，用來干啥？

一級頁面主要用來干三件事，分別是：提供掌控感、提供常用功能、提供小入口。也就是說，一級頁面尤其要把掌控感給到用戶，要讓用戶快速找到常用功能，同時還要為不常用的功能提供一個小入口。需要說明的是，這個理念可能不太適合一些商店類產品，比如淘寶這樣的電商產品，所以僅供參考。

那如何完成這三件事？主要有以下四個要點。

1. 不要超過 4 個一級頁面

4 個和 5 個，它倆之間存在微妙的區別。比如我們給手機號或銀行卡號分段時，更喜歡每段最多分 4 個數字，而不是 5 個，直觀對比見下圖。

4 個還是 5 個

很多 App 的底部導航欄，也是只有 4 個Tab，即 4 個一級頁面。受生活經驗等因素影響，當我們看到 App 有 4 個一級頁面時，內心或潛意識里可能會覺得：哦，4 個，還算簡單，基本能記??；而當看到有 5 個一級頁面時，可能會感到一絲壓力：5 個啊，有點多了。

總的來說，我們更偏愛只有 4 個一級頁面的產品，因為 4 個仍在簡潔的范疇內，5 個就已經開始走向復雜。在《微信背后的產品觀》這場分享中，張小龍也提到過：“微信保證只有 4 個底部 Tab?！?

2. 不要超過 3 種內容樣式

Keep 6.0 系列的“探索”頁面有 5 種內容樣式，顯得很復雜。微信的 4 個一級頁面中，“發現”和“我”頁面只有 1 種內容樣式，“微信”和“通訊錄”頁面只有 2 種內容樣式（加上頂部的搜索框），顯得非常簡單，和 Keep 的對比如下圖所示。

Keep 6.0 系列與微信的內容樣式數量

像微信這種內容樣式數量上的極簡，可能很多產品難以做到。那么，我們不妨退而求其次，早期先從 1 種、2 種內容樣式開始。后期加功能了，可以考慮第 3 種，謹慎考慮第 4 種，盡量不要增加第 5 種，因為一定會變得復雜。

大家可能會說，產品的功能很多，3 種內容樣式不夠用。

針對這種情況，只要邏輯上不存在大的問題（比如把“支付”放到“通訊錄”頁面），就可以嘗試把不同內容合并成一種樣式。微信在這方面就做得很好，大家可以參考它的設計。比如下圖的“通訊錄”頁面，聯系人上方那些內容，和聯系人不是同一類內容，但它們共用一種內容樣式——一個簡單的圖文列表。

微信“通訊錄”頁面：不同內容合并成一種樣式

3. 不為二成需求，去打擾八成用戶

產品設計里存在一個比較常見的問題，就是往一級頁面塞很多內容或功能，其中有相當一部分是用戶日常用不到的，這種設計容易讓人覺得臃腫。比如 Keep 6.0 系列的“運動”頁面，就用了較大空間來推薦付費計劃和運營活動，如下圖所示。

用較大空間來推薦付費計劃和運營活動的 Keep 頁面

相信有相當一部分用戶是不需要這些內容的，所以這其實也是一種打擾。這種打擾會影響到這些用戶對這個界面的掌控感。

這種現象有兩個可能的原因。一是企業擔心用戶不用這些功能，所以就在一級頁面用很多空間來展示它們，Keep 的例子應該屬于此類。二是有部分用戶提建議，所以企業就加了這些功能。

關于第一個原因，個人觀點，有些功能本身就屬于二成需求，在一級頁面占用太多空間不僅改變不了這個現實，還會對用戶形成打擾。

關于第二個原因，個人看法，用戶的建議通常只代表個人立場，而企業至少要代表大部分用戶的立場。比如，網上就有人建議微信在朋友圈加一個屏蔽別人的功能，實際上微信有這個功能，只是一直隱藏，沒有放出來——因為用的人少，它屬于二成需求，放出來的話會對八成用戶形成打擾。

總的來說，理想情況是接受現實、尊重規律：是八成需求就提供八成空間，是二成需求就提供二成空間。具體參考如下圖所示。

是八成需求就提供八成空間，是二成需求就提供二成空間

4. 盡量不在標題欄使用 Tab 或下拉框，增加維度

這其實是張小龍分享過的一個觀點，我個人很贊同，就直接引用一下。下面直接看兩個例子。Keep 6.0 系列的前三個一級頁面，標題欄都使用了 Tab，就顯得內容很多，有點復雜，如下圖所示（僅展示前兩個）。

使用了 Tab 的標題欄

微信中擁有標題欄的前三個一級頁面，其標題欄都沒有使用 Tab 或下拉框，就顯得簡單、內容少，如下圖所示（僅展示前兩個）。這也是微信保持簡單的一個重要原因。

沒有使用 Tab 的標題欄

結語

一般情況下，產品都需要更新迭代：增加新功能，完善舊功能。

用戶則是一個矛盾體：一方面對新功能和新事物懷有好奇心；另一方面又希望每次打開常用的產品時，都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。

好的做法，就是類似微信那樣：盡管加了新功能，但是看起來沒有明顯變化。也就是說，以“不變”的信息架構，來應對萬變的功能。

原文地址：站酷    作者：SnowDesign

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

我們來探討下交互設計的善意。

善良常常被用來形容人，偶爾被用來形容產品，很少被用來形容交互設計。

就像人們會說，iPhone 有人文關懷，而很少會說，iPhone 的交互設計有人文關懷。在筆者看來，原因之一，是交互設計很難將人文關懷囊括完，而產品本身則基本可以。

類似的道理，本文探討的善意，始于交互設計，但不局限于交互設計，還包括產品和企業的善意。

一家之言，歡迎交流探討。

01 為什么選擇善意？

一個 3 歲小孩流落街頭，無家可歸，會讓無數人起惻隱之心。我們普通人的微小善意，有時可能是一種本能反應，或者說是一種感性反應。

“他內心是有時邪惡，還是對人們始終良善”，這是李宇春《年輕氣盛》里的一句歌詞。

惡是否為本能，筆者不知道?？茖W家的解釋是，有些基因中會帶有惡。可以肯定的是，善惡皆為人性，共存于人類當中。

感性和理性是會此消彼長的，林黛玉和薛寶釵就是兩個極致的例子。同理，人類體內的善惡，也會此消彼長。

一款產品，在做決策時，很大程度上是基于理性。

這種理性決策，很多時候是無意為善，也無意為惡。但遺憾的是，那個非善非惡的中間地帶不會一直存在，有些無意為善和無意為惡，最終會成為非善即惡，比如開屏頁是否放廣告這件小事（下文有詳述）。

既然善惡會此消彼長，而且產品的有些理性決策會導致非善即惡，那么不可避免的，有時候，善惡會變成一道二選一的選擇題。

接下來，我們就從理性的角度探討下，為什么選擇善意。

1 長期主義

最近幾年，互聯網從業者有個共識：創業是件九死一生的事兒。因為據數據統計，90% 的創業公司活不過三年。

這是一個值得深思的社會現象，背后的原因究竟是什么？直接原因，往往是資金斷裂。深層原因，會有很多，比如產品不夠好、方向不夠準，等等。

那么，核心原因呢？筆者認為，和創始人的執念有關。

有兩類執念可以避免此類悲劇。第一類是做出優秀產品；第二類是長期主義。

做出優秀產品這塊，有很多例子，最典型之一是特斯拉。特斯拉曾面臨多次危機（資金、產能等），但都挺過來了，這肯定和產品深受車主喜愛有關。

筆者也見過兩個普通創業公司的例子。他們都有一顆做出好產品的心，都很重視 UI、交互、用戶體驗這些基礎的東西，而且把 UI 做的比較優秀，交互和用戶體驗做的還不錯。其中一家靠著用戶的付費在平穩發展，另一家連產品帶團隊被大廠收購了。

長期主義這塊，典型例子之一是巴菲特。巴菲特信仰并踐行價值投資，價值投資依賴長期主義。最近幾年，長期主義在國內也被越來越多的提及。

個人的理解，長期主義至少包含兩個要點，分別是：積累、多贏。因為，沒有積累就不會有成就，沒有多贏成就就不會長久。

中國女排，世界冠軍。排球界有個說法，叫三年成型，五年成才，八年成器。互聯網行業，也大致如此。這是積累。

用戶，員工，投資人，三方利益都兼顧好，才是多贏。

俗話說，顧客是上帝，大家都知道對用戶好；投資人作為強勢一方，利益也往往有保障；員工的利益是否有保障，往往取決于創始人，所以存在很大變數。

回到主題，長期主義和善意，有什么關系？

通常而言，多贏能否實現，關鍵在于員工的利益能否得到保障。

筆者在網上看過一個有意思的評論，說當下的年輕人，如果收入、成就感、高興這三點有兩點達不到，就會辭職。

所以，員工利益得到保障的標準，可以簡單定義為“三中二“，即收入、成就感和愉悅這三點滿足兩點。

再來分析一下現狀：相比員工，公司是強勢一方；人們仍受最大程度剝削剩余價值、官僚思想等觀念影響；惡性加班等風氣存在；僧多粥少的就業行情。

在這樣的大環境下，如果公司對員工沒有愛和善意，員工的利益是很難得到保障的。

最后，總結一下：公司有善意，員工利益就有保障，就能實現多贏，從而有望實現長期主義。

2 美好生活

前段時間，因為給武漢捐款 5000 萬、并且疫情期間蔬菜按成本價銷售，一些網友被胖東來這個商超刷屏了。

胖東來來自河南許昌，一個三四線城市，也是筆者的家鄉。目前僅在許昌和新鄉有店。

在一些關于胖東來文章的評論區，很多網友在喊胖東來去自己的城市開店。

為什么有這么多呼聲？簡單分享幾個例子。

顧客方面，胖東來有 6 類購物車，包含嬰兒手推車、兒童購物車和老年人購物車。老年人購物車自帶凳子，可供休息，同時還配有放大鏡。

員工方面，有高薪、高福利和利潤分紅等。胖東來比較為業界稱道的高福利有：每周二閉店，春節閉店 5 天，工齡滿 1 年即有 30 天帶薪年假，一天最多工作 7 個小時。

從網上的報道、評論以及公布于網上的企業文化來看，胖東來一方面主張工作和生活（愛情、家庭、休假等）的平衡，一方面在踐行和傳播幸福、快樂、尊重等很多積極的文化價值觀。

看新聞的時候，筆者注意到，老板于東來經常會提到“美好”這個詞兒。實際上，在筆者看來，胖東來本身就代表了一種美好生活，一種物質和精神雙豐盛的美好生活。

對于這樣的美好生活，用戶和員工自然喜歡。可這對企業有什么好處？

胖東來曾經意欲退出新鄉市場，新鄉合作商家和市民紛紛請愿，政府也多次出面挽留，最終胖東來留下來了?？梢?，胖東來在新鄉已經深入人心，顧客自然會大力支持它的發展。

胖東來有一句 slogon，能夠很好的解釋這一切，那就是：愛在胖東來。

同樣，既提供體面的收入，又關注員工和用戶的精神需求，給他們帶去美好生活，當然需要更大更多的善意。

在當下中國，能提供高薪的互聯網公司已經很多了，但是能在精神層面讓員工感覺良好、感覺愉悅、感覺幸福和快樂的公司卻為數不多。

對于所有企業而言，這又何嘗不是一種機會？

02 交互設計里，有哪些善意？

現實中，像胖東來給顧客和員工提供的這種美好生活不常有。但是退一步講，還是有很多產品對用戶展現了很多微小善意，值得我們學習。

這種微小善意主要有三類，分別是：不打擾，護尊嚴，人為先。

1 不打擾

我們生活在一個信息爆炸的時代，不被手機上的信息過度打擾，是一個剛需。有三類信息，如果把握不好度，就會對用戶形成打擾。它們分別是：廣告、推送、推薦。

廣告這塊，主要有兩類會形成打擾，分別是：時機不佳的廣告，過長的廣告。

這方面，微信是個榜樣，值得學習。比如開屏頁廣告，就是時機不佳的廣告，因為大家不想在這里看到廣告，微信就沒有放。朋友圈里也有較長的視頻廣告，微信的常見做法有兩類，要么先展示一張圖片，要么先是無聲播放。是否看完整的視頻廣告，選擇權在用戶手里。

推送這塊，常見的有手機系統的通知和 App 內的紅點消息。

系統通知，目前也有被濫用的趨勢。根據使用情況和感受，個人的建議是這類推送控制在 1-2 類。第 1 類是關于核心功能，比如微信推送新消息，搜狐新聞推送新聞；第 2 類可保留一定的彈性，核心原則是對用戶有價值，比如偶爾的活動通知。

目前有兩種情況會對用戶形成打擾和困擾，第一種是過于頻繁的活動通知；第二種是推送和核心功能相差甚遠的信息，比如金融類產品推送新聞。

紅點消息，有一類會對用戶形成打擾，那就是來自官方的過于頻繁的各類活動、促銷等信息。

推薦這塊，主要指 App 內的 Banner 和專題。目前對用戶形成打擾的主要是一級頻道的一些專題。

一種是過多，比如網易云音樂的首頁，就有 9 個專題；一種是位置不佳，比如 Keep 的“探索”頻道就包含了課程的推薦，但是在“運動”頻道還有兩個專題來推薦課程。

2 護尊嚴

護尊嚴，就是盡最大可能，維護用戶的形象和尊嚴。

最近幾年，常有產品花巨資撒紅包給用戶搶。產品的初衷自然是好的，而且看起來也是一件皆大歡喜的事情。但是這件事很難提升產品的美譽度，也就無法增加用戶對它的喜愛和忠誠程度。

為什么會這樣？

讓用戶搶自己撒的紅包，這件事能維護用戶的形象和尊嚴嗎？非但不能，可能還會對此造成傷害。因為可能會顯得用戶愛占小便宜，也可能會使用戶處于被施舍的一方。總之這種事對用戶來說，并不酷。

一款產品，要想贏得用戶更多的喜歡、尊敬乃至忠誠，就最好不做哪怕僅是微弱傷害用戶形象和尊嚴的事情，同時多做一些相反的事情。

3 人為先

人為先，是當用戶利益和企業利益發生尖銳矛盾時，去追求一種用戶利益在先的雙贏局面。

大家都知道，吸煙是有害健康的，但是煙草公司又是要賺錢的。泰國香煙那種既觸目驚心又惡心嚇人的包裝，就盡他們最大的可能詮釋了“吸煙有害健康”，是真正的用戶為本，讓人心生敬意。

泰國香煙的這種做法，值得一些極易讓人上癮的游戲廠商借鑒和學習。

03 交互設計：如何做到善意？

上一大段，是善意的三類表現。這一大段，再探討下做到善意的一個原則。

以社區型內容型產品為例，這個原則就是：先服務后管理。

這里的服務，是指以服務者的心態做好用戶體驗，并不局限于交互設計。這里的管理，指的是一些必要的管理，一般是用戶的行為規范和用戶違規時的處理，比如評論里罵臟話、發布侵權文章等。

所有用戶都是需要被服務的，只有少數行為不當的用戶才是需要被管理的，所以我們要先服務后管理，以免誤傷了不需要被管理的用戶。

服務本身就是一種善意，筆者把它分成了兩個階段，分別是：體驗的初始階段，體驗的完整過程。

初始階段對應的是：初始服務；完整過程對應兩類服務，分別是：家常服務，極致服務。

1 初始服務

初始服務，是當用戶剛開始用這款產品時，能給他們留下良好印象的服務。

如何做到？不出現任何輕微惡意和管理傾向即可，再提供一些便利和幫助則更好。

下面分享一個反面例子。

在個別城鎮的衛生死角，有時會看到這樣的標語，“此處禁止倒垃圾！違者罰款 200！“。結果那個地方往往有很多垃圾。

為什么會這樣？

這個標語，有兩層意思：第一，你很可能會在這里倒垃圾；第二，禁止你這么做，做了要罰錢。

也就是說，某種程度上，這個標語在用惡意揣度別人，同時也在很嚴的管理別人。

看到這個標語的人很可能會這樣想：既然認為我會在這倒垃圾，那我索性就倒了；禁止我？憑什么？還罰我錢，嚇唬誰呢，況且你有證據嗎？

下面再分享一個很好的正面例子。

筆者有一個宜家的退貨經歷。把一個已經拆過的桌子打包送到了宜家，宜家沒有檢查里面的零配件（很多螺絲之類的），直接退了。這樣寬松的退貨條件，宜家可能會蒙受一定損失，比如小概率的零件丟失，但宜家還是把這種服務提供給了顧客。筆者當時的感受是宜家挺信任我們的，對宜家就多了幾分好感。

2 家常服務

家常服務，是指一種稀松平常，但又讓用戶感到舒服自在的服務。

舉個例子，你去好朋友家里玩，朋友給你倒了一杯水，并端出一盤削好切好的蘋果，你們一邊吃一邊聊。你和朋友是平等的關系，他這種簡單的招待并不會使你感動，但卻使你有一種接近在自己家的那種舒服自在。

筆者在用微信公眾號（后臺）時會有這種感受。在星巴克和肯德基時也會有類似感受。

家常服務，如何實現？第一，要有良好的初始服務，這是基礎；第二，要有周到且較高品質的交互設計，這是關鍵。

以微信公眾號為例，和微信一樣，它的交互設計也做到了周到和較高品質。下面看看微信公眾號的初始服務。

面向大眾的資訊平臺大多都有一個發文規范，多是關于禁止的行為，通常都會用一個單獨網頁來展示，有 1-2 頁紙那么多。

通常情況下，多數作者是不會違反發文規范的。對于這部分作者，當他們首次看到 1-2 頁密密麻麻的發文規范時，可能會產生抵觸心理，即便自己不會違規。就好像高中開學第一天，班主任二話沒說，直接就立了 20 條班規，同學們會是什么心情。

微信公眾號的做法就很巧妙，它把這些規范分割成了三部分。

第一部分是嚴禁的紅線行為，以高度概括的一行文字呈現，所有人都能看到，但是得仔細留意才能注意到。這是規范性質。

第二部分和競品一樣，也是鏈接出來的一個單獨網頁。鏈接入口也和競品一樣，在關聯性最強的發文頁面右上角。不同的是，這一頁展示的是規則，主要以問答的形式呈現，給人感覺是有幫助的信息。這是服務性質。

而競品的這個頁面，通常都是禁三禁四的規范，給人的感覺可能是緊張、壓抑甚至抵觸。

第三部分是次于紅線的禁止行為，比如侵權、低俗內容等。這部分內容的管理辦法被以公告的形式分散在公告列表里。而且公告列表里內容多樣，還有很多一般的通知，所以這個公告列表也不會像競品的那一頁規范一樣，給人緊張、壓抑的感覺。性質上是中性。

另外，這部分的入口在后臺首頁右上角，和發文模塊是分開的。所以不會違法規范的作者一般不會去公告列表里翻這些內容，也就看不到。

微信公眾號就是這么巧妙的讓多數作者看不到“班主任”的“20 條班規”，同時還讓他們看到了“班主任”的“常見問題回答”。

這就是微信公眾號在發文規范方面的初始服務。另外還有一個加分的細節，就是檢測疑似錯別字的功能，很貼心，雖然目前還不是很準。

3 極致服務

極致服務，是指讓用戶感動的服務，比如海底撈和胖東來的服務。

這種服務，一般是由許多細節積累而來，是一種做加法的服務，而且背后往往依賴人力。

好的交互設計，一般都是在做減法，而且純粹是界面、機器在和用戶打交道。所以極致服務難以復制到交互設計上。

不過，一款互聯網產品，除了交互設計，還有其它方面的內容。

B 站就是一個例子，它以不走尋常路的方式，在兩個方面做到了較為極致的服務。那就是：視頻無廣告，比較積極、歡樂的彈幕氛圍。

結語

以用戶利益為先，不打擾用戶，維護用戶的尊嚴，這是交互設計里的三種善意，值得我們學習。

先服務后管理。服務作為一種善意，也能夠引來用戶的善意，最終形成良性循環。

杜絕任何輕微惡意和管理傾向，再提供一些便利和幫助，便能做到良好的初始服務；

在初始服務的基礎上，提供周到、高品質的交互設計，就能做到良好的家常服務；

交互設計難以做到極致服務，但是其它方面有機會。

最后，用劉備的一句話來結束本文。

勿以善小而不為。

原文地址：站酷    作者：SnowDesign

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

B類領域設計師必然會面對譬如CRM、ERP等諸多類型的中后臺類產品。大多就是做做表單設計，年底考核時想爭取漲薪證明自己，但老板要問的“設計價值”是個啥？在這些業務主導下的中后臺產品又該如何定位設計機會及價值？

本文就以比較典型且系統化的中后臺企采SaaS服務產品為例，來聊聊在這個領域中，是如何進行機會的挖掘，探索并付諸實踐的。

01. 業務先贏 完成體驗助力是基礎

-

在過往數年里，阿里Ant Design，Alibaba Fusion為代表的中臺團隊進行了大量基礎組件設計體系的積累，也沉淀了一些可直接復用的工程化解決方案。如果說有就行，的確產品經理和技術人員自己拼拼湊湊，就可以極低成本的獲得一個較為套路化，但無需設計師介入費腦的中后臺產品。

但作為用戶工作環境中和風險、錢打交道為主，被強制使用的工具載體，在全球數字化經濟轉型推進趨勢下，越來越多的中后臺B端產品需要具備更高效，更細膩的體驗，以改善千千萬萬使用者的數字化工作方式.

初步接觸業務，我們即發現沿用基礎通用設計組件庫，“拼組件”的方式沒辦法滿足垂直業務模塊比如供應鏈詢價、采購、財務核賬履約領域高強度信息承載密度下精細化的用戶體驗訴求。

因此，為了增強SaaS產品及服務的不可替代性，提升售賣價值亮點以及產品續約率，我重點對業務場景下特有的行為組件、模板及方案鏈路進行抽象歸納改良設計。

這樣做最直觀的好處就是不浪費時間重復造輪子，站在巨人的肩膀上來完善組件庫，提升設計效能，1位設計師就能通過業務場景組件，高效承接密集的產品需求。 

另一方面，收攏特定場景下核心差異點，只聚焦最小范圍來打磨組件及流程，可敏捷實現差異化設計的最佳實踐。 

精細化的場景多欠缺合適的線上化解法，作為你深度挖掘，充分思考下的設計方案，相對更容易獲取某些領域的設計獎項甚至專利，證明你有在設計上做出了壁壘，創造了價值。 

除此之外，由于該敏捷的體驗設計過程是以抽象核心差異為契機，對應領域的設計師亦能更高效的構建出業務特定場景下的獨有的“Design System"，在后續過程中放大設計價值。

02. 中后臺產品 效率是關鍵

-

多數中后臺產品（尤其是企業級應用系統）會出現 "功能、頁面多"、“流程長”的臃腫現象。 

受打工人身份禁錮下的實操用戶大多也是迫于工作合規要求，不得不從原本習慣的線下作業流程，轉變為在中后臺線上了解信息，以及多角色協同決策處理事務。甚至可以說有了中后臺的存在，反而增加了他們日常工作操作成本，故無論是新用戶還是老用戶，都難有意愿于中后臺完成事務處理的體驗閉環。

為提高采購流程的效率，讓中后臺線上作業更輕松，更提升企業收益/價值。

我們基于用戶行為能力動機，從“替ta完成”，“催ta處理”，“助ta做快”這三個維度，通過協同引導提效的方式來促進線上事務處理完成并流轉。簡單說，機器能做的就自動處理推進，不能的則及時觸達引導，力求做到中后臺事務處理過程去人工化，以及主動精準有效的引導。

設計師在這個環節內除了結合新技術，和業務團隊共同打造一些智能化服務替代原本高重復性操作以形成新體驗外，還可以深刻研究并理解人性本質，在相關待辦或服務內容觸達上精細化設計。

01、讓待辦任務更有效的被觸達并解決

與業務一起分層提醒內容，及對應內容的可讀性、可視化設計；

02、基于用戶行為動機下的推送規則設計

不打擾用戶工作前提下，及時引導助其理解更促使用戶啟用自動化提效服務，譬如處理受阻失敗、或用戶剛完成一項任務時，引導其配置自動處理規則，提高整體效率；

03、打造激勵機制和場景

定期進行實操人員處理任務完成度/時長的同團隊數據分析比較及外顯方案，結合數據可視化呈現手段，在行業內外部團隊相互制約下，促使用戶自我驅動警示，保障事務推進流轉。

最終目標即是推進業務中后臺的用戶數字化體驗從最早的幫助Q&A被動喚起自助化服務，變為主動承接服務告知可處理，半自動化分發，及自動處理，甚至社會智能化數據自驅的演變進階。

總體來說，在中后臺產品給用戶提供更簡單、更集成的方案，大量消減操作步驟，突出真正重要的信息就是設計最大的價值。

03. 構建數字化管控的新體驗

-

除一線實操用戶外，我們還要關注管理者，有時更是一號位的老板這一類關鍵角色，他們在線上各個子環節都有較為強烈的可控，可管理的訴求在，以證明其付錢購買的中后臺“在線數字化”工作方式真的能降本增效，或作為企業內部管理優化的量化指標依據。

在企業按年續費產品服務的商業化增長目標下，讓管理者能真切意識并實際體會到數字化工作方式的價值就變得尤為重要。因此，設計的關鍵是增強管理決策者對數字化平臺服務的感知度以及滿意度。

01、智能化決策輔助的設計

和一線操作員側的提效類似，只不過對于管理者，我們需更多著重于“替ta完成”和“助ta做快”這兩部分去打造智能化服務的管控新體驗。

為確保機器智能化處理邏輯更接近人的自然思維，設計師在這個環節中可主動補位，制定相應類型下數據的機器思維處理分析規則以及內容維度。

在過往采購SaaS中后臺業務設計中，設計亦抽象了事務型進展以及綜合決策分析決策兩類數據模塊新場景，通過直觀結果呈現以及判斷要點佐證，在管理行為及流程上促進管控手段的數字化升級，幫助管理者高效獲取/查看/分析數據要點。

02、多維度的數據關懷提醒

有了對應的分析數據結果和要點，我們還要將數字時代下的管理數據，團隊事務整體進度、風險預判結論有效觸達管理角色，更放大其體感。

給老板用的數據大屏/中后臺數據看板，及數字孿生可視化即是一種可以充分發揮設計表現力并擅長的領域，即便你所在的中后臺團隊沒有相應技術資源，設計依舊可以通過“電子郵件” “長圖”等通用載體，以輕量化的方式來完成價值傳遞。 

在這個環節，設計的價值就是讓管理者讀懂數據，受惠數據驅動的決策方式。

03、形成體驗質量監測評估體系

以設計體驗度量量化為起點，深度關聯管理決策者關心的企業運營數據“健康度”，及商業化營收續簽強相關的“續簽意向”，來評定并監測用戶對SaaS產品服務的整體接受度及體驗滿意度。

我們基于HEART、PULSE、UES、五度模型等已有模型，選擇業務目標和場景核心指標來調整衡量維度并推導演變，從業務、產品、技術、服務等多維視角構成適合企業采購SaaS產品的體驗度量模型，推動運營/算法/后端共建機制及產品將體驗監測工具化，以形成業務中多角色都能有效應用起來的體驗質量評估體系。

最終，管理決策者較過往能更實時的掌握一線人員工作使用中后臺的健康度情況，有效數字化管理。

對我們的合作伙伴業務運營團隊而言，全新的客戶續簽意向管理預測方式，可提早發現風險，更能聯合內部預警及平臺觸達運營服務有效規避客戶流失。

而對于我們自身設計職能，通過這種度量維度方法和工具，不但能定期便攜的獲取核心指標變化作為設計價值量化憑證，體驗監測所獲得的相關結論還可以指出中后臺產品當前業務階段問題方向，結合設計目標鎖定問題范圍，定位后續設計著力點。

中后臺領域心得技巧

-

上述即是企采SaaS中后臺產品中的設計實踐。我們也總結了幾個定位設計機會及價值的心得或方法。

01、學徒式調研實操，同理映射用戶 

具有出眾同理心的設計洞察以及解法是體驗價值的基礎。（常說要站在用戶視角做設計，但不像消費端，設計師多不是中后臺實際用戶，也很難換位思考理解用戶工作行為特征和痛點。) 

因此，中后臺領域的設計角色迫切的需要與更多的實際用戶去交談、調研。 

為提升該過程的質量及效率，我們嘗試在用戶定性調研訪談之前，多通過學徒式調研的方法，來熟悉其工作行為特征，定性的挖掘用戶痛點。 

即是以單任務為維度，先請教我們的實際用戶他們是如何做的，并依此自己上手完整實操，直到確保能按時保質完成目標任務。 

設身處地還原目標用戶情景，理解各方案的優劣勢，及如何在他人身上起作用的目的，在該環節之后再去和用戶交談，即可更高效的獲得真實的用戶洞察以及理想方案假設。

02、用設計擅長的可視化手段，呈現體驗痛點

天馬行空的設計創新方案總是在決策時受各種技術、資源為由被Pass，推進創新智能的體驗方案在中后臺領域是個尤為費事的過程。 

面對這一難題，我們可以通過體現設計思維的一些工具模型調整應用，來增強表現說服力，進而建立信任以及方案推進的成功率。

譬如設計側常用的決策工具用戶體驗地圖，在B類中后臺領域中可以將原本情緒體驗波浪線替換為效率數據來調整應用，梳理并呈現產品的全流程效率數據曲線，同理“峰終定律”來快速界定并洞察全鏈路中短板模塊，以及低效待設計優化關鍵點。

借此數據可視化手段，呈現出來體驗關鍵問題嚴重性，亦可讓項目組各職能伙伴共情，獲得設計策略及方案的認同。

03、和業務方向緊密結合，跟業務匹配的設計創新

設計創新提案難免會出現兩類問題：

首先是創新提案推不下去，甚至被說是設計自high。

這多是因為沒有想著結合業務方向，光想著創新或新穎的方式去設計方案。

我們擅長也希望通過酷炫的動效，創新的交互，智能化體驗的暢想及解法來表現設計手段的精深。固然，這些事情的探索嘗試或練習都有其意義價值，但作為商業設計師不能光紙上談兵，只有結合業務順勢而為，我們耗時做的方案才有可能提案成功，更推進技術還原落地，從而帶給用戶更好的用戶體驗。

再者就是方案有結合業務，也被認可有價值了，但優先級往后走？

這說明設計結合的點不大對，并非業務最關心的。

中后臺產品，多和前臺核心戰略有著強邏輯關系，或有廣泛的、潛在的商業化潛力。而了解業務核心關注點，最簡單快速的方法就是找到對的人——業務一號位，并快速抄作業。

勇敢點的可直接約業務一號位聊聊，含蓄的設計師亦可嘗試借美化一號位匯報PPT等手段，巧妙的獲取并理解業務核心目標，布局以及關鍵利益，在此基礎上再從上至下梳理了解各子業務線規劃，設計就能更好的取舍。

原文地址：站酷    作者：阿里巴巴CBU設計

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

一、什么是大標題設計風格？

大標題導航欄是從iOS11發布后，開始在中國的UI設計師中急速流行的一種設計風格。其實這種風格最早在2016年就在硅谷盛行了起來，源自一位叫Michael Horton的設計師發表的一篇《Complexion Reduction: A New Trend In Mobile Design 》的文章，這篇文章提到的Complexion Reduction這種設計風格(下文簡稱CR)就是大標題導航欄的起源，即大、黑、粗的標題。

CR這種風格有四個明顯的特征：

1.刪除多余的顏色；

2.又大、又黑、又粗的標題；

3.簡單、可識別的圖標，也不要使用顏色(常用黑灰色)；

4.留白留白留白，更多的留白。

下圖是比較典型的使用CR風格的APP（分別是愛彼迎、ENJOY、火球買手、MOO音樂），大家可以結合CR風格的4大特征感受一下：

 不知道小伙伴們有沒有發現，這幾個APP的功能會比較單一或是某一垂直領域，且視覺上都給人一種高品質，超極簡的感覺，人們會更多的關注界面中內容本身，對內容的要求也會更高。

二、中西方的差異

那么問題來了，為什么這種CR風格鮮少出現在中國特有的淘寶類電商APP中呢？

國外的APP大都是小而精致的，一般一個APP只能做一件事，功能比較單一，而國內的淘寶類電商APP，攜程類的綜合旅游APP所包含的業務與功能都非常廣泛，在狹小的手機屏幕上展示更多的商品就顯得尤其重要，CR風格提倡的大標題大留白無疑不是在挑戰老板的底線。

實際上即便使用大標題風格也不要盲目采用iOS11官方的大標題導航，其原因在于中英文的差異。

英文大標題一個單詞有大小寫的變化，富有一定的層級變化，而中文如果使用iOS11給定的68px（二倍圖下）的字號，那真是大到閃瞎我的眼。中文一個詞語每一個字都是差不多的大小，沒有層級上的變化，太大的字體在整個界面中看起來會很奇怪，如下圖：

三、合理使用大標題

雖說iOS11那么大的標題不適合大部分的APP，但并不是說大標題風格就不適合大部分APP了，實際上目前大多數的APP依然使用了大標題的風格，不過進行了一定的改良。

以下參考尺寸均是二倍圖下的尺寸

1.大標題導航欄

大標題導航欄大致有兩種樣式，一種是延用iOS11的大標題導航欄，一種是稍微改良使用的大標題導航欄。

1）iOS11大大大標題導航欄

iOS11的大標題導航欄標題字號約為68px、欄高192px(二倍圖)，大標題對齊導航欄左邊，頁面滑動時轉換為常規的導航欄。

國內使用這種大大大標題的APP比較少，標題文字實在太大，若只作為導航標題占位，會極其浪費屏幕空間。

使用這種大大大標題時，導航標題一般都有一定的意義，如下圖:

餓了么的訂單頁詳情頁使用了這種大大大標題，但是標題賦予了訂單狀態的意義，比起單純的“訂單詳情”，這樣有一定意義的標題文字則可考慮使用iOS11的大大大標題。

2）改良大標題導航欄

某些APP在使用大標題導航欄時，在iOS11的大標題導航欄上進行了一定的改良，最常見的就是一定程度縮小了標題的字號，如下圖:

這三個APP的標題字號都沒有到68px，常用40px~48px的字號，陌陌與天貓是固定在頂部導航欄的，而Kepp會隨頁面上滑變為常規標題導航。

一般這種固定的較大標題都會隱去導航欄的分割線，顯得導航欄更高，更有呼吸感。像是天貓的大標題導航欄使用的色塊，與下方模塊又比較近，就顯得很擁擠。

2.Tab欄大標題

Tab欄的文字標題切換樣式最常見的就是顏色變化，加小短線等，隨著大標題風格的流行，Tab欄的切換樣式也出現了大標題的選中樣式，選中字號通常采用40~48px（甚至更大，如蝦米音樂的72px），而非選中標題通常則是采用的28~32px，如下圖：

使用這樣的Tab欄，能夠迅速幫助用戶辨識自己所在的位置，就差指著自己說“這兒”了。需要注意的是一個屏幕內盡量只在一級Tab使用大標題切換，與二級Tab做出區分。

3.模塊化大標題

大標題的風格除了應用在界面頂部導航，在模塊化標題上應用的也非常多，有些APP即便頂部導航不使用大標題，卻會在模塊化標題上使用較大的字號，如下圖：

這種模塊化大標題常配合留白分割的界面使用(這也符合了CR風格的特征)，模塊化大標題在留白分割的界面上能夠更好地幫助上下模塊做到層級區分的作用。

4.文字變大變粗變黑

拋開大標題不談，不知大家有沒有發現，現在越來越多的APP的內容標題、正文內容的字體也在逐漸變得更黑更粗，甚至更大，畢竟我們的手機變得越來越大了。如下圖：

即便是擁有復雜業務的淘寶與飛豬，在某些內容標題上也變得更粗更黑，一眼看過去用戶能更容易找到自己想看的內容。

四、劃重點

· 大標題設計風格源自Complexion Reduction這種設計風格，CR這種風格的特征就在于顏色少、標題大黑粗、圖標通用簡單、大留白；

· 由于中英文字體的差異，中文使用超大字號沒有英文富有變化；

· 合理使用大標題，做一些適當的改良。常見用于導航欄、一級Tab選中標題、模塊化大標題以及內容標題。

原文地址：站酷    作者：人類君

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

將普遍存在的人性用戶心理規律運用于設計，增加設計的溫度。

近來對用戶心理比較感興趣，去看相關設計資料的時候發現相關內容重復性較高，多方搜集資料結合自己的一些分析總結出一篇補充。

定律是鑰匙，在遇到讓我們上癮，持續付出或獲得情感的APP，多去想一想它背后洞察了哪些人性及心理，能不能為我們的后續的設計吸收。

原文地址：站酷    作者：唐小蔥

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司