這是Kevin的第 678 篇原創，

持續日更，做産品經理的創業斜杠青年。

如今較多的互聯網2C産品會選擇APP形态的賽道，理由是：移動互聯網時代下，想離用戶更近一些，移動端所占據的用戶時間更長、場景會更多。

pc端web産品具備良好的閱讀性、信息浏覽效率。所以你可以看到教育類産品大部分都會以pc作為最佳産品場景。

▲ 網易雲課堂的PC端課堂

我們PMTalk産品經理社區也是從PC端起步的。可是選擇PC端，卻走過許多坑，比如我們總以為完成一個PC的産品實際上會得到和移動端一樣的增長速度。

實際上卻走反了

比如下的web端是的慕課網社區早期的樣式。但每當用戶在微信、微博等第三方社交平台上了解到了我們産品。實際上首先會用手機自帶浏覽器、或微信點擊打開鍊接

但PC端的操作在放在了屏幕有限的手機上就成了噩夢。非但不能完成目标頁面浏覽，還要左滑、右滑、才能完成頁面的浏覽。

這個坑我們是真實的踩過，尤其是在PMTalk1.0版本，我們還僥幸的認為通過響應式就可快速實現一套移動端的開發。

雖然有各個端支持性的響應式，但實際上仍然需要針對各端單獨開發的。

H5和APP的場景完全不同

在沒有小程序之前，許多産品經理其實并沒有搞清楚要選擇什麼功能做H5。同時又因為H5本身的限制，不能還原APP一樣的交互。

經驗較少的産品經理又要做出和APP之外的另一個移動端。将以H5把app包含的功能完全重新做一遍，不過産品經理不僅要單獨設計需求、還要兼顧H5的特性，比如社交場景、交互體驗差等。

由于用戶訪問的場景有浏覽器、微信、微博。是否要開發支持拉起第三方登錄、注冊的賬戶體系，以及用戶訪問權限控制。

比如涉及到用戶會員權益，H5的購買頁、權益展示頁，都是需要單獨設計。

建議有限聚焦在詳情頁、支付頁做H5

如果一開始就考慮把H5做成一套産品的移動端。每個頁面都涉及到新的開發量，但如今用戶主動輸入網址訪問的場景是非常少的。

移動端H5訪問仍然以用戶在社交平台分享、社交平台外鍊打開為主要場景。用戶分享的内容自然是内容本身，比如短視頻詳情頁、文章詳情頁、問答詳情頁，都是用戶分享以及訪問的核心頁面。

▲ 朋友圈H5分享

如果你的産品是APP，那注意用戶的核心體驗場景是在app上。盡可能讓用戶在客戶端來，而不是停留在H5或PC上。

所以你可以看到知乎、百度的H5都會設法吸引用戶下載APP浏覽H5全部内容。将H5作為用戶訪問的橋梁，用戶訪問進來可以看到于分享标題相關的内容即可。

▲ 知乎的付費專欄

知乎在PC端下關于專欄仍然是以H5樣式展示，可見付費轉化仍然在移動端場景較多。

因此H5的文章詳情、問答詳情、體驗報告詳情成了PMTalk的重要任務。用戶要訪問更多内容隻需要進入PC端即可

H5的優勢：用戶流量導入

相比app需要繁重的下載才可以注冊，H5可以降低用戶的使用門檻。在H5即可完成用戶注冊，成為産品用戶。

同時H5由于純在較好的傳播性，在用戶裂變、獲客門檻體驗會更好。内容性産品在H5上有天然的優勢。

比如PMTalk曾經做過若然裂變活動，隻要用戶掃碼進入H5即可參加活動，活動頁面有較多曝光，所以快速積累了一批用戶。

同時H5上可以提供二維碼入口，用戶在微信即可長按識别掃碼進入社群。尤其在現在私域流量下，盡可能要求用戶在社群上進行轉化。最好的産品形态就是H5了。所以支付入口成了H5的又一大領域場景

以上是我們在做PC端Web産品的坑，一定要知道H5的存在和意義價值。但又會造成做2套開發任務，所以選擇合适的産品形态不僅可以減少開發成本，還可以快速驗證商業模式。

多體驗一款産品，聚焦在對方的H5樣式上，說不定就可以找到突破口了。