五步梳理產(chǎn)品原型
編輯導語:作為一名產(chǎn)品經(jīng)理,在做產(chǎn)品時很重要的一步是要關注用戶體驗,幫助用戶達到高效快捷的流程,那如何去清晰的梳理產(chǎn)品流程呢?本文作者借用戶體驗五要素梳理產(chǎn)品原型,我們一起來看一下。
產(chǎn)品經(jīng)理強調(diào)用戶體驗,更多表現(xiàn)在用戶流程和產(chǎn)品頁面整合。
清晰簡單的用戶流程能幫助用戶更高效快捷的達到目的;而在產(chǎn)品頁面整合上,合理的布局和信息的展示,能更便捷的幫助用戶理解信息。
每個文案、每一張圖片都可能會分散用戶的注意力,此時需要產(chǎn)品經(jīng)理在梳理原型的過程中考慮模塊信息之間的銜接和展示。
尤其是在電商產(chǎn)品尤為明顯。因為電商產(chǎn)品頁面是最復雜的。
電商產(chǎn)品中商品詳情是用戶購買商品的決策末端;一方面商品展示的信息點越來越多,可能本身就會給用戶帶來的噪點會越來越大;另一方面不同類型的營銷體系、用戶權(quán)益和越來越多元化的流程來源也會使得商詳頁承載的模塊越來越復雜。
產(chǎn)品經(jīng)理一方面扛著GMV的大旗,一方面追求更好的用戶體驗。
那怎么去清晰的梳理產(chǎn)品原型呢?可以通過“用戶體驗的5要素”出發(fā)來梳理產(chǎn)品原型。
(當然前期是已經(jīng)梳理清楚了功能清單和功能流程后)這5個要素是在做產(chǎn)品設計前需要梳理清楚的:
- 戰(zhàn)略層:我們想要達到什么目標?
- 范圍層:為了達到目標,需要展示哪些信息?
- 結(jié)構(gòu)層:展示的信息之間的關聯(lián)性是什么?
- 框架層:關聯(lián)性下的信息,如何有效結(jié)合?
- 表現(xiàn)層:有效結(jié)合的信息,應該如何傳達給用戶?
那接下來通過電商產(chǎn)品結(jié)合這五層來聊下:
一、戰(zhàn)略層
從產(chǎn)品的角度上來梳理,需要清楚兩個點:“業(yè)務(用戶)需求”和“業(yè)務目標”。
這是在項目版本迭代初期需要特別清晰的。大到電商產(chǎn)品模塊的迭代,小到文案的調(diào)整,都不能拋開這兩個點。
因此,在對頁面信息“下手”前,產(chǎn)品經(jīng)理要先確定頁面整體需要達到的目標,并根據(jù)目標進行評估:為了達成這一目標,是否需要信息的輔助才能達成?
比如在電商商品詳情頁,無論產(chǎn)品形態(tài)最終怎么變,產(chǎn)品業(yè)務目標仍然是成交,即促成感興趣的用戶決定購買;其次是分流,引導不感興趣的用戶繼續(xù)無縫地去瀏覽其他商品,當然,分流的最終目的也是成交。
那么在商詳頁,怎么把商品的信息通過分類和排列傳達給用戶,即用戶希望透過商詳頁得到什么?同時頁面設立的營銷方案和商品權(quán)益能否保障業(yè)務側(cè)?
所以只有把目標拆解成業(yè)務側(cè)和用戶側(cè)的需求才能保障該頁面達到的效果,往往我們只想到了展示用戶側(cè),這也就是為什么業(yè)務需求在產(chǎn)品經(jīng)理做需求分析的時候尤為重要。
梳理戰(zhàn)略層主要根據(jù)業(yè)務OKR從業(yè)務側(cè)和用戶側(cè)兩端來梳理。
二、范圍層
通過戰(zhàn)略層確認了目標后,圍繞業(yè)務目標來窮舉希望用戶完成的路徑。在這條路徑上圈定信息區(qū)域。
可以通過這四步來梳理:
- 梳理用戶體驗場景路徑(比如在商品活動頁,希望用戶可以去哪些頁面?);
- 梳理用戶在不同的體驗場景下可能會做哪些事情(比如用戶可以通過商品詳情頁的活動膠囊圖進入其他活動);
- 梳理要進入這些入口所需要的信息(比如引導至其他活動,是簡單的鏈接入口還是圖片還是?模塊展示對應的字段信息);
- 通過業(yè)務目標,展示最終的信息區(qū)域、位置。(活動配置的位置?展示的方式是怎樣?)。
以上四步劃分的目的是用戶需要在頁面中篩選出需要的信息。
在電商商品詳情頁,無論用戶最終轉(zhuǎn)化成交還是分流,都取決于用戶對于信息的吸收。
比如商品詳情頁需要承載商品的基本信息、營銷玩法(優(yōu)惠券、促銷)、權(quán)益服務和其他相關信息該怎么展示?后續(xù)版本迭代更多信息又該如何去擴展?
再例如在電商雙十一活動后的商品榜單,除了商品的基本信息,還要展示商品的上榜理由,用戶好評度等等。
那么用戶在瀏覽榜單的路徑和用戶所需要的信息展示,如下圖所示:
通過這四步主要是明確頁面的主體信息,同時串聯(lián)模塊的頁面路徑。
三、結(jié)構(gòu)層
整理了頁面展示的框架和頁面零碎信息之后,產(chǎn)品經(jīng)理需要針對零碎信息整合拼湊,一方面讓用戶更清晰的理解頁面的內(nèi)容和功能,另一方面根據(jù)業(yè)務主次展示業(yè)務側(cè)所需的需求點。
比如在商品詳情頁,用戶關注點的路徑優(yōu)先級為商品基本信息、優(yōu)惠信息、物流信息和對應的服務保障。
這邊以淘寶的商品詳情頁作為例子來梳理下。
每一步是怎么引導用戶成交的?產(chǎn)品經(jīng)理應該如何去根據(jù)模塊優(yōu)先級做信息架構(gòu)梳理?
整體梳理成通用模型,即為這四步:
- 吸引決策:首先產(chǎn)品/模塊/活動等內(nèi)容,通過哪些點來吸引用戶進入的?比如電商產(chǎn)品中商品的價格、品牌和品質(zhì)來吸引用戶進入;
- 刺激決策:在內(nèi)容上產(chǎn)生利益點(或優(yōu)惠,或內(nèi)容質(zhì)量),讓用戶長時間停留在內(nèi)容上。比如商品的折扣,優(yōu)惠券和相關的贈品方案;
- 加固策略:讓用戶停留在內(nèi)容上之后,如何進一步通過吸睛點讓用戶促成操作。比如商品的質(zhì)保服務和免運費等等;
- 完成決策:讓用戶完成操作;比如下單并完成購買商品。
以上四步,是產(chǎn)品經(jīng)理在梳理產(chǎn)品原型時,必須考慮的;也是在評審會上應對項目組同事的各種“質(zhì)問”。
四、框架層
梳理清楚以上3個模塊后,產(chǎn)品經(jīng)理設計原型的內(nèi)容基本上完成了80%,接下來是針對以上的信息進行二次組織,哪些該著重突出展示,哪些該弱化。
交互應該怎么做可以讓用戶用最容易的方式獲得想要的信息的操作?
比如在特定的商品列表頁,是以大圖的形式展示還是以瀑布流卡片的形式展示?這取決于在產(chǎn)品希望用戶在該頁面重點了解哪些信息?
這一步也可以去看看競品在相同業(yè)務的場景下,給用戶展示了哪些信息元素。并且看看用了哪些交互方式?
五、表現(xiàn)層
這一層是設計師針對產(chǎn)品經(jīng)理傳達的業(yè)務點和原型中展示的點整理成設計稿。最后視覺呈現(xiàn)就是把用戶注意力吸引到產(chǎn)品希望用戶關注的點。
這一步是線上展示的最后一關,產(chǎn)品經(jīng)理正確給設計師傳達想法很重要。
最后的最后,設計原型是產(chǎn)品經(jīng)理的基本功。通過“戰(zhàn)范結(jié)框表”五層模型來梳理原型,相信你會有新的認知。
作者:John,產(chǎn)品狗一枚,微信公眾號:產(chǎn)品狗聚集地。
本文由 @John 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自unsplash,基于CC0協(xié)議
懸停浮窗