在了解了B端系統(tǒng)的基本概念之后橘忱，終于可以進(jìn)入第二篇章实幕，B端系統(tǒng)的設(shè)計方法。在這個篇章中睬塌，我們會具體的了解到B端系統(tǒng)產(chǎn)品的工作流程以及設(shè)計系統(tǒng)的道法術(shù)泉蝌。
從道的層面來講，我認(rèn)為有兩個大的板塊揩晴，一個是進(jìn)行系統(tǒng)設(shè)計的思維框架勋陪，一個是產(chǎn)品經(jīng)理的認(rèn)知理念。思維框架是指在進(jìn)行產(chǎn)品設(shè)計的時候的思維指引硫兰，先想什么后想什么诅愚。而認(rèn)知理念呢，是指對于用戶劫映、需求和價值的判斷依據(jù)违孝，涉及到產(chǎn)品經(jīng)理對于工作的深度理解刹前。
先說思維框架，我認(rèn)為產(chǎn)品設(shè)計最基礎(chǔ)的思維框架就是用戶體驗要素雌桑。
《用戶體驗要素》是美國著名的用戶體驗咨詢公司Adaptive Path的創(chuàng)始人Jesse James Garrett在2001年美國發(fā)表的喇喉，引入國內(nèi)大概是在2008年。
這本書雖然主要是指導(dǎo)web端網(wǎng)頁的用戶體驗設(shè)計校坑，但是他所提出來的這個五層次模型可以衍生出產(chǎn)品設(shè)計產(chǎn)品的整個思考層次拣技，所以我們在看這本書的時候，除了理解模型本身耍目，可以根據(jù)自己的情況去吸收里面“術(shù)”層面的指導(dǎo)膏斤。
用戶體驗要素中最核心的理論就是五個層次模型（如下圖），給我們提供了一種思維層次結(jié)構(gòu)和指引邪驮，一方面告訴我們當(dāng)前的思考是處于哪個臺階上避免思維的混淆莫辨，另一方面告訴我們完整的設(shè)計應(yīng)該包含哪些層次保障設(shè)計的完整。
第一個層次：戰(zhàn)略層
與C端產(chǎn)品的自主性相比毅访，B端產(chǎn)品的需求更加依賴于業(yè)務(wù)側(cè)的輸入衔掸，有的時候業(yè)務(wù)會比較強(qiáng)勢，會直接表達(dá)需要對系統(tǒng)的改造要求俺抽。然而，無論是處理小的需求還是主導(dǎo)大型的項目较曼，還是規(guī)劃整個系統(tǒng)磷斧，作為產(chǎn)品經(jīng)理最首要的就是重新審視用戶需求，也就是從戰(zhàn)略層出發(fā)捷犹，來識別用戶弛饭、需求、目標(biāo)萍歉。
為什么要重視戰(zhàn)略層侣颂？因為產(chǎn)品的設(shè)計是從需求出發(fā)的，如果對于真實(shí)的需求識別不到位枪孩，那么解決方案和后面一系列的設(shè)計都可能會成為無用功憔晒。
PS：這里不會詳細(xì)講述用戶需求分析的具體方法，后續(xù)會講到蔑舞。在本文所講的拒担，是希望產(chǎn)品同學(xué)在對待所有的需求時都能產(chǎn)生條件反射——誰？有什么問題攻询？期望是什么从撼？并以此定位出系統(tǒng)的用戶、定位和目標(biāo)钧栖。
第二個層次：范圍層
上一個層次如果說是在問題的詮釋上低零，那么從這一層開始其實(shí)就到了解決方案的層次婆翔。
在明確了系統(tǒng)的設(shè)計目標(biāo)，產(chǎn)品同學(xué)就將給出問題解決的方案掏婶，然而方案本身也是有層次的啃奴，最開始的應(yīng)該是功能范圍和流程。
也就是气堕，我們要知道我們要做些什么事纺腊，系統(tǒng)的改動點(diǎn)是什么？涉及到的系統(tǒng)流程是什么茎芭？系統(tǒng)之間的關(guān)系如何劃分揖膜？
書中提到的有一個點(diǎn)可以注意一下：在進(jìn)行功能范圍設(shè)計的同時，不要忘了內(nèi)容的設(shè)計梅桩。比如壹粟，對于C端產(chǎn)品來說，做了一個購物網(wǎng)站的首頁宿百，不僅僅要規(guī)劃出導(dǎo)航趁仙、搜索、一些廣告位垦页，更要規(guī)劃好導(dǎo)航雀费、搜索推薦和廣告位的內(nèi)容定位，協(xié)同相應(yīng)的運(yùn)營部門一同進(jìn)行規(guī)劃痊焊。對于B端產(chǎn)品來說盏袄，在設(shè)計系統(tǒng)的時候一定要思考匹配的運(yùn)營機(jī)制是什么，需要哪些資源做哪些投入薄啥？才能保障目標(biāo)的實(shí)現(xiàn)辕羽。
第三個層次：結(jié)構(gòu)層
結(jié)構(gòu)層重點(diǎn)是指信息架構(gòu)，可能是多個功能之間的聯(lián)結(jié)關(guān)系垄惧，在C端產(chǎn)品的設(shè)計中需要重點(diǎn)思考刁愿。
常見的結(jié)構(gòu)包括：樹狀結(jié)構(gòu)、矩陣結(jié)構(gòu)到逊、線性結(jié)構(gòu)铣口。
B端產(chǎn)品設(shè)計也要思考功能結(jié)構(gòu)，比如哪些功能是可以獨(dú)立存在的觉壶，哪些功能是有關(guān)聯(lián)關(guān)系的枷踏，哪些功能是有層級關(guān)系。做好了信息架構(gòu)的設(shè)計掰曾，系統(tǒng)的體驗和延展性會得到更好的發(fā)揮旭蠕。
第四個層級：框架層
框架層包含兩部分：界面設(shè)計和導(dǎo)航設(shè)計。界面設(shè)計是指在某一單一頁面上交互功能的設(shè)計問題。而導(dǎo)航設(shè)計就比較好理解了掏熬。
C端產(chǎn)品的形態(tài)比較多佑稠，所以在界面設(shè)計上，需要更加深入的結(jié)合用戶偏好習(xí)慣和使用場景來進(jìn)行權(quán)衡設(shè)計旗芬。
而B端產(chǎn)品相對比較簡化舌胶，但是也要遵循基本的設(shè)計原則。一個是注意選擇合適的界面元素：注意交互功能表達(dá)適宜性疮丛；二是注意界面元素的擺放位置幔嫂。第三個是注意用詞和提醒（B端產(chǎn)品專業(yè)性較強(qiáng)，需要注意系統(tǒng)概念的設(shè)計與用戶理解之間是否存在偏差）
這部分可以參考尼爾森十大可用性原則誊薄，具體看看如何進(jìn)行界面設(shè)計履恩。
第五個層級：表現(xiàn)層
表現(xiàn)層對于互聯(lián)網(wǎng)產(chǎn)品來說主要是指視覺設(shè)計。
視覺設(shè)計要關(guān)注的主要包括：視覺焦點(diǎn)呢蔫、對比和一致性設(shè)計切心。
對于一款產(chǎn)品來說，框架設(shè)計和視覺設(shè)計就像是店面的裝潢片吊，不僅家具要擺放得體绽昏，更要有設(shè)計風(fēng)格，最好能創(chuàng)造一種氛圍感俏脊，與店鋪品牌的風(fēng)格全谤，用戶的偏好以及消費(fèi)場景相匹配。
而B端產(chǎn)品的表現(xiàn)層爷贫，產(chǎn)品經(jīng)理不用過于的關(guān)注认然，但是需要保障一些基本的原則，比如色彩的統(tǒng)一性沸久，頁面字體和大小的規(guī)則的標(biāo)準(zhǔn)化等等，這樣才能讓用戶有一些較為明了清爽的體驗余蟹。
