五步梳理產(chǎn)品原型

1 評(píng)論 18042 瀏覽 121 收藏 10 分鐘

編輯導(dǎo)語(yǔ):作為一名產(chǎn)品經(jīng)理,在做產(chǎn)品時(shí)很重要的一步是要關(guān)注用戶(hù)體驗(yàn),幫助用戶(hù)達(dá)到高效快捷的流程,那如何去清晰的梳理產(chǎn)品流程呢?本文作者借用戶(hù)體驗(yàn)五要素梳理產(chǎn)品原型,我們一起來(lái)看一下。

產(chǎn)品經(jīng)理強(qiáng)調(diào)用戶(hù)體驗(yàn),更多表現(xiàn)在用戶(hù)流程和產(chǎn)品頁(yè)面整合。

清晰簡(jiǎn)單的用戶(hù)流程能幫助用戶(hù)更高效快捷的達(dá)到目的;而在產(chǎn)品頁(yè)面整合上,合理的布局和信息的展示,能更便捷的幫助用戶(hù)理解信息。

每個(gè)文案、每一張圖片都可能會(huì)分散用戶(hù)的注意力,此時(shí)需要產(chǎn)品經(jīng)理在梳理原型的過(guò)程中考慮模塊信息之間的銜接和展示。

尤其是在電商產(chǎn)品尤為明顯。因?yàn)殡娚坍a(chǎn)品頁(yè)面是最復(fù)雜的。

電商產(chǎn)品中商品詳情是用戶(hù)購(gòu)買(mǎi)商品的決策末端;一方面商品展示的信息點(diǎn)越來(lái)越多,可能本身就會(huì)給用戶(hù)帶來(lái)的噪點(diǎn)會(huì)越來(lái)越大;另一方面不同類(lèi)型的營(yíng)銷(xiāo)體系、用戶(hù)權(quán)益和越來(lái)越多元化的流程來(lái)源也會(huì)使得商詳頁(yè)承載的模塊越來(lái)越復(fù)雜。

產(chǎn)品經(jīng)理一方面扛著GMV的大旗,一方面追求更好的用戶(hù)體驗(yàn)。

那怎么去清晰的梳理產(chǎn)品原型呢?可以通過(guò)“用戶(hù)體驗(yàn)的5要素”出發(fā)來(lái)梳理產(chǎn)品原型。

(當(dāng)然前期是已經(jīng)梳理清楚了功能清單和功能流程后)這5個(gè)要素是在做產(chǎn)品設(shè)計(jì)前需要梳理清楚的:

  • 戰(zhàn)略層:我們想要達(dá)到什么目標(biāo)?
  • 范圍層:為了達(dá)到目標(biāo),需要展示哪些信息?
  • 結(jié)構(gòu)層:展示的信息之間的關(guān)聯(lián)性是什么?
  • 框架層:關(guān)聯(lián)性下的信息,如何有效結(jié)合?
  • 表現(xiàn)層:有效結(jié)合的信息,應(yīng)該如何傳達(dá)給用戶(hù)?

那接下來(lái)通過(guò)電商產(chǎn)品結(jié)合這五層來(lái)聊下:

一、戰(zhàn)略層

從產(chǎn)品的角度上來(lái)梳理,需要清楚兩個(gè)點(diǎn):“業(yè)務(wù)(用戶(hù))需求”和“業(yè)務(wù)目標(biāo)”。

這是在項(xiàng)目版本迭代初期需要特別清晰的。大到電商產(chǎn)品模塊的迭代,小到文案的調(diào)整,都不能拋開(kāi)這兩個(gè)點(diǎn)。

因此,在對(duì)頁(yè)面信息“下手”前,產(chǎn)品經(jīng)理要先確定頁(yè)面整體需要達(dá)到的目標(biāo),并根據(jù)目標(biāo)進(jìn)行評(píng)估:為了達(dá)成這一目標(biāo),是否需要信息的輔助才能達(dá)成?

比如在電商商品詳情頁(yè),無(wú)論產(chǎn)品形態(tài)最終怎么變,產(chǎn)品業(yè)務(wù)目標(biāo)仍然是成交,即促成感興趣的用戶(hù)決定購(gòu)買(mǎi);其次是分流,引導(dǎo)不感興趣的用戶(hù)繼續(xù)無(wú)縫地去瀏覽其他商品,當(dāng)然,分流的最終目的也是成交。

五步梳理產(chǎn)品原型

那么在商詳頁(yè),怎么把商品的信息通過(guò)分類(lèi)和排列傳達(dá)給用戶(hù),即用戶(hù)希望透過(guò)商詳頁(yè)得到什么?同時(shí)頁(yè)面設(shè)立的營(yíng)銷(xiāo)方案和商品權(quán)益能否保障業(yè)務(wù)側(cè)?

所以只有把目標(biāo)拆解成業(yè)務(wù)側(cè)和用戶(hù)側(cè)的需求才能保障該頁(yè)面達(dá)到的效果,往往我們只想到了展示用戶(hù)側(cè),這也就是為什么業(yè)務(wù)需求在產(chǎn)品經(jīng)理做需求分析的時(shí)候尤為重要。

梳理戰(zhàn)略層主要根據(jù)業(yè)務(wù)OKR從業(yè)務(wù)側(cè)和用戶(hù)側(cè)兩端來(lái)梳理。

五步梳理產(chǎn)品原型

二、范圍層

通過(guò)戰(zhàn)略層確認(rèn)了目標(biāo)后,圍繞業(yè)務(wù)目標(biāo)來(lái)窮舉希望用戶(hù)完成的路徑。在這條路徑上圈定信息區(qū)域。

可以通過(guò)這四步來(lái)梳理:

  1. 梳理用戶(hù)體驗(yàn)場(chǎng)景路徑(比如在商品活動(dòng)頁(yè),希望用戶(hù)可以去哪些頁(yè)面?);
  2. 梳理用戶(hù)在不同的體驗(yàn)場(chǎng)景下可能會(huì)做哪些事情(比如用戶(hù)可以通過(guò)商品詳情頁(yè)的活動(dòng)膠囊圖進(jìn)入其他活動(dòng));
  3. 梳理要進(jìn)入這些入口所需要的信息(比如引導(dǎo)至其他活動(dòng),是簡(jiǎn)單的鏈接入口還是圖片還是?模塊展示對(duì)應(yīng)的字段信息);
  4. 通過(guò)業(yè)務(wù)目標(biāo),展示最終的信息區(qū)域、位置。(活動(dòng)配置的位置?展示的方式是怎樣?)。

五步梳理產(chǎn)品原型

以上四步劃分的目的是用戶(hù)需要在頁(yè)面中篩選出需要的信息。

在電商商品詳情頁(yè),無(wú)論用戶(hù)最終轉(zhuǎn)化成交還是分流,都取決于用戶(hù)對(duì)于信息的吸收。

比如商品詳情頁(yè)需要承載商品的基本信息、營(yíng)銷(xiāo)玩法(優(yōu)惠券、促銷(xiāo))、權(quán)益服務(wù)和其他相關(guān)信息該怎么展示?后續(xù)版本迭代更多信息又該如何去擴(kuò)展?

五步梳理產(chǎn)品原型

再例如在電商雙十一活動(dòng)后的商品榜單,除了商品的基本信息,還要展示商品的上榜理由,用戶(hù)好評(píng)度等等。

那么用戶(hù)在瀏覽榜單的路徑和用戶(hù)所需要的信息展示,如下圖所示:

五步梳理產(chǎn)品原型

通過(guò)這四步主要是明確頁(yè)面的主體信息,同時(shí)串聯(lián)模塊的頁(yè)面路徑。

三、結(jié)構(gòu)層

整理了頁(yè)面展示的框架和頁(yè)面零碎信息之后,產(chǎn)品經(jīng)理需要針對(duì)零碎信息整合拼湊,一方面讓用戶(hù)更清晰的理解頁(yè)面的內(nèi)容和功能,另一方面根據(jù)業(yè)務(wù)主次展示業(yè)務(wù)側(cè)所需的需求點(diǎn)。

比如在商品詳情頁(yè),用戶(hù)關(guān)注點(diǎn)的路徑優(yōu)先級(jí)為商品基本信息、優(yōu)惠信息、物流信息和對(duì)應(yīng)的服務(wù)保障。

五步梳理產(chǎn)品原型

這邊以淘寶的商品詳情頁(yè)作為例子來(lái)梳理下。

每一步是怎么引導(dǎo)用戶(hù)成交的?產(chǎn)品經(jīng)理應(yīng)該如何去根據(jù)模塊優(yōu)先級(jí)做信息架構(gòu)梳理?

五步梳理產(chǎn)品原型

整體梳理成通用模型,即為這四步:

  1. 吸引決策:首先產(chǎn)品/模塊/活動(dòng)等內(nèi)容,通過(guò)哪些點(diǎn)來(lái)吸引用戶(hù)進(jìn)入的?比如電商產(chǎn)品中商品的價(jià)格、品牌和品質(zhì)來(lái)吸引用戶(hù)進(jìn)入;
  2. 刺激決策:在內(nèi)容上產(chǎn)生利益點(diǎn)(或優(yōu)惠,或內(nèi)容質(zhì)量),讓用戶(hù)長(zhǎng)時(shí)間停留在內(nèi)容上。比如商品的折扣,優(yōu)惠券和相關(guān)的贈(zèng)品方案;
  3. 加固策略:讓用戶(hù)停留在內(nèi)容上之后,如何進(jìn)一步通過(guò)吸睛點(diǎn)讓用戶(hù)促成操作。比如商品的質(zhì)保服務(wù)和免運(yùn)費(fèi)等等;
  4. 完成決策:讓用戶(hù)完成操作;比如下單并完成購(gòu)買(mǎi)商品。

以上四步,是產(chǎn)品經(jīng)理在梳理產(chǎn)品原型時(shí),必須考慮的;也是在評(píng)審會(huì)上應(yīng)對(duì)項(xiàng)目組同事的各種“質(zhì)問(wèn)”。

四、框架層

梳理清楚以上3個(gè)模塊后,產(chǎn)品經(jīng)理設(shè)計(jì)原型的內(nèi)容基本上完成了80%,接下來(lái)是針對(duì)以上的信息進(jìn)行二次組織,哪些該著重突出展示,哪些該弱化。

交互應(yīng)該怎么做可以讓用戶(hù)用最容易的方式獲得想要的信息的操作?

比如在特定的商品列表頁(yè),是以大圖的形式展示還是以瀑布流卡片的形式展示?這取決于在產(chǎn)品希望用戶(hù)在該頁(yè)面重點(diǎn)了解哪些信息?

這一步也可以去看看競(jìng)品在相同業(yè)務(wù)的場(chǎng)景下,給用戶(hù)展示了哪些信息元素。并且看看用了哪些交互方式?

五、表現(xiàn)層

這一層是設(shè)計(jì)師針對(duì)產(chǎn)品經(jīng)理傳達(dá)的業(yè)務(wù)點(diǎn)和原型中展示的點(diǎn)整理成設(shè)計(jì)稿。最后視覺(jué)呈現(xiàn)就是把用戶(hù)注意力吸引到產(chǎn)品希望用戶(hù)關(guān)注的點(diǎn)。

這一步是線(xiàn)上展示的最后一關(guān),產(chǎn)品經(jīng)理正確給設(shè)計(jì)師傳達(dá)想法很重要。

最后的最后,設(shè)計(jì)原型是產(chǎn)品經(jīng)理的基本功。通過(guò)“戰(zhàn)范結(jié)框表”五層模型來(lái)梳理原型,相信你會(huì)有新的認(rèn)知。

 

作者:John,產(chǎn)品狗一枚,微信公眾號(hào):產(chǎn)品狗聚集地。

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

題圖來(lái)自u(píng)nsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 懸停浮窗

    回復(fù)