給產(chǎn)品更多可能性:將問題簡(jiǎn)化到設(shè)計(jì)元素

0 評(píng)論 7171 瀏覽 34 收藏 9 分鐘

對(duì)于產(chǎn)品需求,特別是對(duì)于運(yùn)營(yíng)性質(zhì)比較強(qiáng)的需求,通過尋求更具靈活度的解決方案,提升的不僅僅是這單個(gè)需求的設(shè)計(jì)質(zhì)量,更是產(chǎn)品整體的更新能力和效率。這是對(duì)產(chǎn)品經(jīng)理邏輯思維和設(shè)計(jì)能力更高的要求。

如何設(shè)計(jì)的靈活度,給產(chǎn)品更多可能呢?本文將問題簡(jiǎn)化到設(shè)計(jì)元素的維度去思考:

  • 單元素:對(duì)于單一的設(shè)計(jì)元素,如何發(fā)散探求其靈活度
  • 多元素:對(duì)于多個(gè)元素的組合,如何處理實(shí)現(xiàn)其靈活度

0 前提

凡事都是有不可忽視的前置條件的。追求更有靈活度的設(shè)計(jì),至少需經(jīng)過以下評(píng)估:

  • 需求角度:真的有必要,后續(xù)很有可能會(huì)使用到這樣的“冗余設(shè)計(jì)”
  • 成本角度:不會(huì)帶來過大的工程量,包括技術(shù)資源、時(shí)間預(yù)期等都支持

下面我們請(qǐng)出A君和B君。為更好地對(duì)號(hào)入座,各位可以將他們分別腦補(bǔ)為常見標(biāo)題黨中“月薪X”和“月薪10X” 的產(chǎn)品經(jīng)理。

1 單元素

需求很簡(jiǎn)單:經(jīng)過各項(xiàng)評(píng)估,APP首頁(yè)需要設(shè)置一個(gè)活動(dòng)運(yùn)營(yíng)模塊Ln,以圖片素材的形式顯示,點(diǎn)擊進(jìn)入活動(dòng)頁(yè)面。

A君的設(shè)計(jì)是:

  • 在首頁(yè)的L1和L2模塊之間,增加顯示模塊Ln
  • Ln是1張圖片,圖片資源從服務(wù)器獲取
  • Ln可點(diǎn)擊,點(diǎn)擊跳轉(zhuǎn)到新頁(yè)面,鏈接從服務(wù)器獲取

B君的設(shè)計(jì)是:

(1)首頁(yè)需新增一個(gè)活動(dòng)運(yùn)營(yíng)模塊Ln

(2)可在服務(wù)器端控制Ln是否顯示,且可具體配置:

  • Ln的顯示圖片:1張圖片,可點(diǎn)擊,圖片和鏈接均從服務(wù)器取
  • Ln的顯示時(shí)間:起止時(shí)間,且支持多個(gè)配置,取最高權(quán)重的來顯示

(3)Ln的顯示條件:

  • 系統(tǒng):全部(默認(rèn))、Android、iOS等
  • 渠道:全部(默認(rèn))、指定的渠道包等
  • 頁(yè)面位置:L1之上、L1和L2中間(默認(rèn))、 L2之下
  • Ln的顯示用戶群:全部(默認(rèn))、新用戶、xx用戶等

可以看到,A君的思路是需求是什么,我把它描述出來就好。看似完成了任務(wù),實(shí)際上把需求做得很“死”:上線后效果不好要快速下線怎么辦?半夜二三點(diǎn)就要替換成另一個(gè)活動(dòng)圖片素材怎么辦?哪一天要做一個(gè)區(qū)分系統(tǒng)或指定用戶群的活動(dòng)怎么辦?運(yùn)營(yíng)想根據(jù)頁(yè)面瀏覽量情況嘗試調(diào)整下模塊在首頁(yè)的顯示優(yōu)先級(jí)怎么辦?

答案通常是:你怎么不早說?下個(gè)版本加上吧。

B君的思路是這個(gè)需求的目的是什么,可能會(huì)有哪些情況和同類需要。在設(shè)計(jì)時(shí)盡量全面地考慮到,把框架列出來。然后根據(jù)實(shí)際的需要和資源計(jì)劃情況,選取重要的來做或者指定優(yōu)先級(jí)計(jì)劃。

這樣,并不是非要把事情搞復(fù)雜,而是盡量讓產(chǎn)品具有更多可能性,適應(yīng)變化的能力和更新迭代的能動(dòng)性也就能大幅提升。甚至能通過上線后的靈活調(diào)整和測(cè)試,發(fā)現(xiàn)一些新的信息和效果,進(jìn)而驅(qū)動(dòng)產(chǎn)品整體的運(yùn)營(yíng)策略。

對(duì)于某一特定元素的設(shè)計(jì),增強(qiáng)靈活度的思考模式一般是:

第一層級(jí):“有”和“無”。最基本的可能也是最易遺漏的,要為隨時(shí)“撤銷”或“下線”留后路。

第二層級(jí):對(duì)于“有”這種情況,又分為

  • 本體:元素自身屬性的定義,是否有其他可能性,如可以是純圖片還是圖文模塊
  • 用戶:元素在不同用戶的維度,是否可以或需要細(xì)分
  • 時(shí)間:元素在時(shí)間維度的靈活性,實(shí)現(xiàn)任意時(shí)間段的預(yù)置,能減少人工失誤
  • 空間:元素在空間維度的靈活性,詳見第三層級(jí)

第三層級(jí):對(duì)于“空間”,又分為

  • 系統(tǒng):系統(tǒng)層,是否需要區(qū)分,如Android、iOS
  • 應(yīng)用:應(yīng)用層,就是APP層面,一般為渠道包,是否需要區(qū)分
  • 頁(yè)面:頁(yè)面層,在頁(yè)面中布局及優(yōu)先級(jí)情況

2 多元素

需求也不復(fù)雜:經(jīng)過各項(xiàng)評(píng)估,為適應(yīng)常見幾種不同的活動(dòng)形式,首頁(yè)的活動(dòng)運(yùn)營(yíng)模塊Ln,需要設(shè)計(jì)為3種模式:M1(圖片+文字+倒計(jì)時(shí)+按鈕)、M2(圖片+文字+按鈕)、M2(圖片+按鈕)

你可能猜到了,A君的設(shè)計(jì)就是:

  • Ln有M1、M2、M3 3種顯示模式
  • 每一種模式下的后臺(tái)配置分別為 (配置M1,略)、(配置M2,略)、(配置M3 ,略)

而B君的設(shè)計(jì)是:

  • Ln是一個(gè)由1張背景圖片、1行文字區(qū)域、1個(gè)倒計(jì)時(shí)、1個(gè)按鈕組成的復(fù)合模塊
  • 背景圖片:后臺(tái)配置為(配置圖片,略)
  • 文字區(qū)域:可控制在背景圖片之上的固定位置上是否顯示,及其顯示內(nèi)容
  • 倒計(jì)時(shí):可控制在背景圖片之上的固定位置上是否顯示,及其顯示規(guī)則
  • 按鈕:可控制在背景圖片之上的固定位置上是否顯示,及其顯示內(nèi)容和鏈接

A君的設(shè)計(jì)一如既往的是“翻譯式”設(shè)計(jì),需人工分別控制3種顯示模式下的配置內(nèi)容,其中單是圖片就要準(zhǔn)備不同尺寸規(guī)格的。

B君的設(shè)計(jì)是以背景圖片為基礎(chǔ)底板,規(guī)定其他3種元素在其上的顯示位置,只要控制是否顯示即可(元素之間的間距等交互上的動(dòng)態(tài)調(diào)整此處不細(xì)究),只是要求背景圖片在視覺設(shè)計(jì)時(shí)注意在視覺上不影響這些元素的顯示即可。

A君只得到了3種模式,B君至少能通過控制組合多出4種;并且B君方案在實(shí)現(xiàn)邏輯和人工配置的角度要簡(jiǎn)單清晰,未來的拓展性也更強(qiáng)。

對(duì)于某幾個(gè)元素之間設(shè)計(jì),增強(qiáng)靈活度的思考模式一般是:

(1)定義關(guān)系:

在理解元素特點(diǎn)及其對(duì)于需求的價(jià)值的基礎(chǔ)上,將它們“最必要”的關(guān)系定義清楚。其中:

  • 以靈活度最高&需求價(jià)值最大的元素為主體。如本例中的“背景圖片”
  • 只定義元素之間最直接和必要的關(guān)聯(lián)。如本例中各元素之間的位置關(guān)系。

(2)解耦控制

各元素的控制上要低耦合,最好能做到獨(dú)立控制。也就是把打包思路轉(zhuǎn)變成在元素層面的拆解和重組的思路。

3 結(jié)語

以上這只是最簡(jiǎn)單的2個(gè)案例和模型,實(shí)際設(shè)計(jì)工作可能會(huì)復(fù)雜和綜合一些,所介紹的方法可能也不適用于所有設(shè)計(jì)需求和場(chǎng)景。

但其原理和本質(zhì)是一樣的,需要我們把一個(gè)事物思考全面。重要的不是這些看似討巧的方法,重要的是思維方式的轉(zhuǎn)變。只有我們自己去探索和接受更多的可能性,才能給產(chǎn)品以更多可能性。

 

作者: 獨(dú)創(chuàng)君

來源:http://www.jianshu.com/p/80e8a3ea7706

本文由 @獨(dú)創(chuàng)君 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!