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

1 評論 3823 瀏覽 20 收藏 10 分鐘

產(chǎn)品設(shè)計三原則,包括一致性原則、“更多”原則和圖形化原則,根據(jù)原則設(shè)計,可以給用戶留下好的第一印象。本文對這三個原則展開了分析,一起來看一下吧。

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

抱歉,用戶很忙也很渣,真沒空了解你。

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

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

  1. 一致性原則
  2. “更多”原則
  3. 圖形化語言

一、一致性原則

1)對齊

曾和某研發(fā)總配合過,問他對設(shè)計有什么要求,說我就先看一個,頁面元素是不是對齊了。

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

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

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

多花點時間、少搞點內(nèi)部矛盾,別給用戶們呈上“依托答辯”了。

2)統(tǒng)一

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

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

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

有些同學(xué)講,這系統(tǒng)太復(fù)雜了,也不是我一個人的事啊,我的模塊對齊了做好了,其他人怎么樣我管不了。

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

沒錯,反正用戶看雪太厚不愿意來了,大家一起扛著掃帚餓死。

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

一個是個人積累,一個靠公司積累。

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

二、“更多”原則

一致性原則算是基本功,“更多”原則更考察你的功力。

初版產(chǎn)品并不難,保障基本能力俱全、功能流暢可用,但遇到復(fù)雜設(shè)計,要多考慮“更多”原則。

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

需要你在做任何“更多”時,都要謹(jǐn)慎思考!

我們前面說過用戶的特點,又渣又沒有耐心。

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

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

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

有些同學(xué)說了,我們好不容易設(shè)計的新功能,就是要提升用戶效率,給用戶帶來更佳的效果。

對,“有些同學(xué)”你說得沒錯,但是前提就是你這個“爆品”功能,首先不能打擾用戶已有的操作習(xí)慣。你可以用推薦,提示等方式,告知新功能的優(yōu)勢所在,吸引愿意嘗試的用戶動手。

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

所以應(yīng)用“更多”原則,深層次的邏輯是,對你設(shè)計的功能,你要把握客戶最核心的訴求。

“增之一分則太長,減之一分則太短。著粉則太白,施朱則太赤?!?/p>

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

有些同學(xué)說,我們是一個ToB SaaS軟件,客戶需求來了,非常合理且有價值,減不了!

面對琳瑯滿目甚至左右矛盾的客戶需求,工期壓力又緊,老板腦袋拍的震天響,老子哪里有空考慮什么更多哎,不如一股腦堆在頁面上,大家一起來用吧。看上去顯得我們產(chǎn)品還特別的專業(yè)!

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

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

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

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

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

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

三、圖形化語言

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

什么時候用圖形化設(shè)計?

先考慮2個方面:

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

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

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

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

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

比如復(fù)雜功能的向?qū)А?fù)雜流程的編輯器等。不采用圖形化方式,是落后生產(chǎn)力的體現(xiàn),那就別湊合、必須做。

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

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

在產(chǎn)品中如下模塊增加圖形化設(shè)計,可以有力踐行“更多”原則,化繁為簡,如監(jiān)控、報表、SOP流程、應(yīng)用管理、任務(wù)向?qū)?、編輯器等?/p>

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

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

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

最后的最后,2B SaaS軟件中,相較2C產(chǎn)品,有哪些值得學(xué)習(xí)的地方?

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

我們常說的“貪嗔癡”,在大部分2B SaaS軟件中,反而是極力避免的事情:就希望客戶按部就班不越雷池一步。我隨便瞎舉幾個例子:

  • 吸引用戶UGC,釋放內(nèi)容生產(chǎn)力
  • 用戶黏性與等級
  • 場景化的產(chǎn)品方案,下沉到客戶場景組織產(chǎn)品運(yùn)行模式
  • 功能、應(yīng)用的個性化疊加推介
  • ……

仍須努力,大家一起踐行啊。

光說不練有些認(rèn)識的朋友要寄刀片了,近期在對AI機(jī)器人,電話工具條等重新梳理,有進(jìn)展會整理出來和大家匯報。

公眾號:通信產(chǎn)品的那些事

本文由 @通信產(chǎn)品的那些事 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. “除基本滿足用戶訴求外,還無法做到從產(chǎn)品設(shè)計本身來操控用戶心智,引導(dǎo)至有利于廠商利益的層面上來。“
    to B產(chǎn)品設(shè)計過程中,對于人性的思考確實欠缺,總是挖邏輯的需求,不是人性的需求。
    (可否給個地址啊,因為更新慢的話,也想寄刀片,哈哈哈)

    來自廣東 回復(fù)