APP產(chǎn)品經(jīng)理用的原型組件

這是Kevin的第 845 篇原創(chuàng)，

持續(xù)日更，做產(chǎn)品經(jīng)理的創(chuàng)業(yè)斜杠青年。

前段時間過小程序的原型組件，不少朋友在公眾號后臺下載了。如果你還沒有下載可以點擊下面的文章查看

產(chǎn)品經(jīng)理必用的小程序原型部件

---

移動端產(chǎn)品經(jīng)理指的是，小程序、H5、app3個類型。用戶在移動設備完成的軟件操作，產(chǎn)品經(jīng)理分布最多的就是app產(chǎn)品經(jīng)理了。小程序、app都有一定的規(guī)范，一個是依據(jù)微信生態(tài)、另外一個是依據(jù)操作系統(tǒng)。

而H5則顯的自然較多，產(chǎn)品經(jīng)理可以對H5做任何大膽的設計都可，所以就沒有什么規(guī)范可言。

app的產(chǎn)品設計工作也有必用的原型組件，我也梳理了在app產(chǎn)品設計背景下常用并且必用的原型組件，在文章末尾可以直接下載

客戶端的產(chǎn)品工作在底層思考會區(qū)分IOS和安卓2系統(tǒng)的限制，再進行可以開發(fā)實現(xiàn)的產(chǎn)品設計方案。和小程序一樣，中小企業(yè)在app的早期版本產(chǎn)品設計里實際上是用的一套標準。這樣的結果是將原本需要2套的前端交互設計、UI設計減少為一套，快速驗證。

同時也減少了用戶的認知門檻、使用操作難度，在某種層度上也是提升用戶體驗的策略。

開發(fā)一個app和小程序有什么區(qū)別？

同一個需求站在后臺接口的角度上，兩者所需要的成本、和工作復雜程度是幾乎一樣的。但app的工作量成本仍然非常大的，具體的問題我在之前有寫過

到底是選擇開發(fā)小程序還是APP？

APP常用、必用的原型組件

下面我羅列了10個app必用、常用的組件。要值得說明的是下面的組件都可以通過axure自帶組件進行繪制。所有的組件都可以通過基礎組件繪畫完成，所以就算不能下載，產(chǎn)品經(jīng)理你也可以自己編輯組合，也當作提升自己的axure軟件使用能力。

對于不使用axure的產(chǎn)品經(jīng)理來說，第三方原型工具也有現(xiàn)成的，直接選用即可。

1.app底部tab

▲  app的tab導航欄 

每個app都有底部tab，其圖標、文案、數(shù)量都要嚴格控制。比如圖標的大小尺寸、文案長度、數(shù)量不要超過5個。用這個模版就可以快速通過更改文案即完成app的底部tab設計。

2.用app組件一定不要用手機殼

我見過很多產(chǎn)品新人在繪制原型工具的時候，都會帶上手機殼、iPad殼。就是想突出它是移動端app的頁面

▲  原型下的手機殼 

實際上根本不需要

你只需要表達頁面的需求、文案、結構布局即可，至于能不能放得下或者要幾個頁面才能放得下可以交給UI或交互設計師。當然了如果有部分功能入口需要刻意在哪一個頁面上，需要單獨標注。

3.信息流

▲  個人賬戶信息修改 

每個app都有個人中心，在個人中心里包含用戶的虛擬ID，需要給用戶提供基礎信息修改入口，這類需求幾乎是一致的，非常標準。

4.個人主頁

▲  個人主頁 

和個人基礎信息修改一樣，個人主頁是最復雜的。包含了業(yè)務、通用功能。業(yè)務功能是企業(yè)自有的商業(yè)模式、通用功能包括消息通知、收藏、點贊等。使用這類原型組件，可以快速搭建出產(chǎn)品的1.0版本，不用擔心個人中心少了必要功能。

5.登錄注冊

▲  app的登錄注冊 

登錄注冊是用戶在互聯(lián)網(wǎng)產(chǎn)品的入口，所包含的登錄、注冊、找回密碼是一定存在的。只是每個企業(yè)因為安全性問題，可能會要求增加身份證、人臉識別等流程。通過此類組件快速完成app1.0的登錄注冊設計

6.彈窗/toast/警告

▲  彈窗組件 

這類組件是頁面的操作反饋、條件判斷必用的產(chǎn)品方案。使用這類模版，可以快速切換文案、圖標，完成產(chǎn)品設計。

7.導航欄

app的導航欄是可以區(qū)分安卓、IOS的。但由于為了節(jié)省資源、和減少用戶使用門檻。保持一致是常見的方案，同時頁面下還會有子選項，上面的導航欄分別是一級導航和頁面下的二級導航。

8.頁面交互

交互提示是用戶每個頁面的操作說明。用這類組件可減少前端開發(fā)的需求認識成本。

9.支付

▲  微信支付 

用這類支付組件可以快速表達支付條件。當然了由于微信等第三方支付都是標準的UI設計，所以也可以選擇截圖。

其他功能性組件

還有部分組件是產(chǎn)品經(jīng)理在app工作常用的，我就不單獨解釋了。大家記牢就可以了

1.輸入框

2. 搜索

3.聊天

4.上傳圖片

5.加載刷新

如何下載

在公眾號后臺回復：app原型

即可獲得下載地址

每天體驗1款app知識星球

我創(chuàng)建了一個《每天體驗1款app》知識星球，有超過20個行業(yè)嘉賓在圈子里。加入后365天，每天體驗一款APP。提升產(chǎn)品設計能力，同時有1500份體驗報告幫助你找到競品。

平均1天1塊錢，掃碼購買即可加入

連續(xù)體驗90款應用，通過后原路退回