2023年To B軟件產(chǎn)品設(shè)計(jì)三原則

ToB軟件產(chǎn)品設(shè)計(jì)三原則class="aligncentersize-fullwp-image-5805137"src="hLBkqoNR1oEchfJNw0jL.png"alt=""width="900"height="420"/>

用戶打開你的產(chǎn)品，就像相親，第一印象幾乎占了90%，你可以狡辯說我內(nèi)涵豐富啊，現(xiàn)在長(zhǎng)得是磕磣些，后面有錢我會(huì)整容的。

愧疚，用戶很忙也很渣，真沒空了解你。

所以，給產(chǎn)品打造一幅潔凈干凈的面目，是你能不能脫單的首要條件。

以下產(chǎn)品設(shè)計(jì)三原則不限于ToBSaaS類產(chǎn)品，也是我個(gè)人努力遵守的，酌情參考。

全都性原則“更多”原則圖形化語言一、全都性原則

1）對(duì)齊

曾和某研發(fā)總協(xié)作過，問他對(duì)設(shè)計(jì)有什么要求，說我就先看一個(gè)，頁面元素是不是對(duì)齊了。

果真其后每次評(píng)審，他首先看的就是你頁面內(nèi)文本是不是對(duì)齊了，按鈕是不是對(duì)齊了，圖標(biāo)是不是對(duì)齊了。

有些同學(xué)講，對(duì)不對(duì)齊，這也不是我的事啊，我把功能想好了、擺好了，自有UI同學(xué)優(yōu)化，自有前端同學(xué)實(shí)現(xiàn)，我何苦脫褲子放屁呢。

其實(shí)別人看你的設(shè)計(jì)是不是對(duì)齊，本質(zhì)上看的是你的職業(yè)化程度，你連對(duì)齊都沒擺好，那其他的地方確定有問題，自然要挑挑刺。我和你關(guān)系好幫你提示下，不對(duì)眼是吧，你怎么擺我們?cè)趺醋?，原型在這，這鍋你背定了。

多花點(diǎn)時(shí)間、少搞點(diǎn)內(nèi)部沖突，別給用戶們呈上“依托答辯”了。

2）統(tǒng)一

設(shè)計(jì)要有全局連貫性思維：同樣的命名原則、同樣的布局效果、同樣的操作體驗(yàn)。

用戶打開你的產(chǎn)品，在頁面A這個(gè)叫查詢、在頁面B這個(gè)叫查找，頁面C關(guān)閉按鈕在左邊，頁面D關(guān)閉操作是一個(gè)圖標(biāo)。

操作你的產(chǎn)品到處都是驚喜，像新手開車，拐個(gè)彎就得歇次火。

有些同學(xué)講，這系統(tǒng)太簡(jiǎn)單了，也不是我一個(gè)人的事啊，我的模塊對(duì)齊了做好了，其他人怎么樣我管不了。

反正我自己門口的雪是掃潔凈了。

沒錯(cuò)，反正用戶看雪太厚不情愿來了，大家一起扛著掃帚餓死。

規(guī)范的使用就是全都性原則的體現(xiàn)。

一個(gè)是個(gè)人積累，一個(gè)靠公司積累。

你是獨(dú)狼型的呢，做好一套規(guī)范，自己也便利，公司大了，多人協(xié)作、就有特地的UED管理，劃定門前三包制，全體人員都規(guī)范，誰也不要扯皮，按規(guī)范來。

二、“更多”原則

全都性原則算是基本功，“更多”原則更考察你的功力。

初版產(chǎn)品并不難，保障基本力量俱全、功能流暢可用，但遇到簡(jiǎn)單設(shè)計(jì)，要多考慮“更多”原則。

“更多”原則不是讓你做更多，恰恰相反，是要做得更少。

需要你在做任何“更多”時(shí)，都要謹(jǐn)慎思索！

我們前面說過用戶的特點(diǎn)，又渣又沒有急躁。

想想你自己吧，今晚想充會(huì)電了，打開一本書，密密麻麻的公式、圖表，實(shí)力勸退，受驚了受驚了，抓緊合上去刷會(huì)某音放松下。

基于此，如非必要，任何錦上添花的功能、配置、開關(guān)都要盡量隱蔽，用“更多”“高級(jí)”“其他”等來擴(kuò)展。

當(dāng)用戶使用你的產(chǎn)品已經(jīng)養(yǎng)成固定操作習(xí)慣，就千萬不要挖坑了。否則每次更新，客戶就得學(xué)習(xí)一遍，長(zhǎng)此以往，培育成了受害者心理，“總有刁民想害朕”。

有些同學(xué)說了，我們好不簡(jiǎn)單設(shè)計(jì)的新功能，就是要提升用戶效率，給用戶帶來更佳的效果。

對(duì)，“有些同學(xué)”你說得沒錯(cuò)，但是前提就是你這個(gè)“爆品”功能，首先不能打攪用戶已有的操作習(xí)慣。你可以用推舉，提示等方式，告知新功能的優(yōu)勢(shì)所在，吸引情愿嘗試的用戶動(dòng)手。

最糟糕的事情就是沒有認(rèn)知，心態(tài)是居高臨下，把用戶當(dāng)傻帽，“我不要你覺得，我要我覺得”，用戶付費(fèi)了，用戶用腳投票。

所以應(yīng)用“更多”原則，深層次的規(guī)律是，對(duì)你設(shè)計(jì)的功能，你要把握客戶最核心的訴求。

“增之一分則太長(zhǎng)，減之一分則太短。著粉則太白，施朱則太赤?！?/p>

在恰到好處和畫蛇添足之間，就是你力量的體現(xiàn)。

有些同學(xué)說，我們是一個(gè)ToBSaaS軟件，客戶需求來了，特別合理且有價(jià)值，減不了！

面對(duì)琳瑯滿目甚至左右沖突的客戶需求，工期壓力又緊，老板腦袋拍的震天響，老子哪里有空考慮什么更多哎，不如一股腦堆在頁面上，大家一起來用吧?？瓷先ワ@得我們產(chǎn)品還特殊的專業(yè)！

說的沒錯(cuò)，“有些同學(xué)”已經(jīng)在客戶的毒打中進(jìn)步了。

N多產(chǎn)品都是這樣，表面上衣著亮麗，褲襠里全是破洞、在高速增長(zhǎng)和產(chǎn)品理念之間搖擺，

最終的結(jié)果嘛，在抱負(fù)和恰飯之間，基本都選擇了后者，可以理解。

盼望你做任何優(yōu)化前，多看看、多問問，多想想。

“少做點(diǎn)開關(guān)”吧。

至此一陣?yán)⒕巍⑦@么多年來，也向用過我設(shè)計(jì)產(chǎn)品的用戶說聲愧疚，你們辛苦了！

三、圖形化語言

最終談一個(gè)大家喜聞樂見的原則，應(yīng)用圖形化語言設(shè)計(jì)產(chǎn)品。

什么時(shí)候用圖形化設(shè)計(jì)？

先考慮2個(gè)方面：

1）使用圖形化能提高認(rèn)知

用圖標(biāo)、插圖、圖表、圖形化設(shè)計(jì)能削減用戶認(rèn)知障礙，一目了然，值得做。

但設(shè)計(jì)要精準(zhǔn)，不要讓客戶產(chǎn)生困惑：看上去像××，用起來又是××。

2）使用圖形化能提高效率

用圖形化設(shè)計(jì)方案，能有效提升原有某設(shè)計(jì)使用效率，且為業(yè)界通識(shí)，值得做。

比如簡(jiǎn)單功能的向?qū)?、?jiǎn)單流程的編輯器等。不采納圖形化方式，是落后生產(chǎn)力的體現(xiàn)，那就別湊合、必需做。

在產(chǎn)品中如下模塊增加圖形化設(shè)計(jì)，可以集中體現(xiàn)“全都性”原則，如菜單和工具欄、按鈕和圖標(biāo)、提示信息等。

也給用戶一個(gè)精致有序、細(xì)節(jié)到位的感覺。

在產(chǎn)品中如下模塊增加圖形化設(shè)計(jì)，可以有力踐行“更多”原則，化繁為簡(jiǎn)，如監(jiān)控、報(bào)表、SOP流程、應(yīng)用管理、任務(wù)向?qū)А⒕庉嬈鞯取?/p>

從大量用戶反饋中提煉和沉淀，以圖形化語言呈現(xiàn)產(chǎn)品核心規(guī)律，可以打造你產(chǎn)品獨(dú)特的調(diào)性。

換句話講，當(dāng)你帶著你產(chǎn)品給客戶演示時(shí)，最得意的部分，應(yīng)當(dāng)就出在這里。

“有些同學(xué)”們走到這一步，塑造精品，好好打磨，段位自然又上升了不少。

最終的最終，2BSaaS軟件中，相較2C產(chǎn)品，有哪些值得學(xué)習(xí)的地方？

非引戰(zhàn)，我覺得目前的大部分2BSaaS軟件，除基本滿意用戶訴求外，還無法做到從產(chǎn)品設(shè)計(jì)本身來操控用戶心智，引導(dǎo)至有利于廠商利益的層面上來。

我們常說的“貪嗔癡”，在大部分2BSaaS軟件中，反而是極力避開的事情：就盼望客戶按部就班不越雷池一步。我任憑瞎舉幾個(gè)