中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

原型，是產(chǎn)品經(jīng)理日常生活中必不可少的一樣?xùn)|西，畫(huà)原型、講原型，每天幾乎占了一個(gè)產(chǎn)品新人50%的時(shí)間。如何做好這件事情，成為了每一個(gè)產(chǎn)品新人心中的困擾。本文作者就以自身一年多以來(lái)的實(shí)習(xí)經(jīng)歷，來(lái)總結(jié)一下如何做好一份令大家滿意的原型。

一、過(guò)于追求樣式特效

剛開(kāi)始實(shí)習(xí)的時(shí)候，上級(jí)會(huì)分配到一些新功能需求，往往會(huì)需要去從0-1去畫(huà)原型。

這個(gè)時(shí)候?yàn)榱送瓿珊萌蝿?wù)，向上級(jí)展示自己的原型能力，此時(shí)就會(huì)花大量的時(shí)間去想，我的原型究竟要怎樣去設(shè)計(jì)，配什么樣的顏色，然后找來(lái)一堆的競(jìng)品，再結(jié)合自身產(chǎn)品的設(shè)計(jì)調(diào)性，將所有的頁(yè)面都配好了顏色。

經(jīng)過(guò)一段時(shí)間的努力后，一份自己看上去“酷炫到爆炸”的原型就這樣設(shè)計(jì)出來(lái)了，并且自我感覺(jué)非常良好，感覺(jué)沒(méi)人會(huì)設(shè)計(jì)得比我更好看了。

這個(gè)時(shí)候拿到上級(jí)面前展示，會(huì)出現(xiàn)以下情況：

你的上級(jí)比較忙，粗略地看了一下：

設(shè)計(jì)方面基本ok，但是漏了XXX功能和一些細(xì)節(jié)的描述，需要回去補(bǔ)充一下，補(bǔ)充好就可以跟UI進(jìn)行溝通了。

然后拿到UI設(shè)計(jì)師面前講解，UI心里：你這家伙怎么把顏色全填上去了，這樣我怎么設(shè)計(jì)啊。況且這顏色搭配的也太丑了吧，簡(jiǎn)直就是干擾我的設(shè)計(jì)思路。這個(gè)實(shí)習(xí)生還是太年輕了，就愛(ài)搞這些花里胡哨的，難不成還想把我們UI的工作給干完了。

你的上級(jí)比較有空，并且很認(rèn)真去研究你的原型方案：

功能設(shè)計(jì)上基本沒(méi)什么問(wèn)題，但是作為一名產(chǎn)品經(jīng)理，不應(yīng)該花太多的時(shí)間去搞UI層面的工作，你只需要把你的功能、邏輯設(shè)計(jì)好，就足夠了，顏色盡量不要去配。這些都是有UI的設(shè)計(jì)規(guī)范的，回去可以把顏色都去掉，產(chǎn)出一份線框圖原型即可，把元素、控件檢查清楚是否有漏掉的。

你看，由于你花太多的時(shí)間去做UI層面的工作，導(dǎo)致有些功能的描述并不夠詳細(xì)，這樣UI同學(xué)和開(kāi)發(fā)同學(xué)會(huì)很難開(kāi)展工作的，回去繼續(xù)修改下，修改好再給我過(guò)一遍，然后就可以跟UI進(jìn)行溝通了。

然后將改好的原型拿到UI設(shè)計(jì)師面前講解，UI心里：這個(gè)實(shí)習(xí)生弄的原型還不錯(cuò)，各個(gè)方面描述的也挺清晰的，終于遇到一個(gè)靠譜的產(chǎn)品了，設(shè)計(jì)起來(lái)輕松多了。

可以看出，作為一名產(chǎn)品新人，其實(shí)設(shè)計(jì)原型時(shí)樣式并不需要太復(fù)雜，只需要產(chǎn)出一份線框圖就已經(jīng)足夠了。難的地方而是在于如何把功能、邏輯描述清楚，讓UI和開(kāi)發(fā)更易懂。

盡管在我們眼里設(shè)計(jì)得多么好看炫酷的原型，在別人眼里也許就是一個(gè)四不像的東西。因此，沒(méi)必要過(guò)于追求樣式和特效，這并不是產(chǎn)品經(jīng)理核心的工作，能用幾句話描述清楚的交互動(dòng)作，也沒(méi)必要去弄復(fù)雜的交互動(dòng)效。

二、如何畫(huà)好原型

一般如果做的是C端產(chǎn)品，團(tuán)隊(duì)中都會(huì)有專門(mén)負(fù)責(zé)UI設(shè)計(jì)的同學(xué)，此時(shí)作為一名產(chǎn)品，需要產(chǎn)出的原型就不需要太過(guò)于高保真，完成一份比較完善的線框圖即可，當(dāng)我們明確了需求之后，要開(kāi)始設(shè)計(jì)原型了，我們可以這樣去做：

1. 畫(huà)原型前需準(zhǔn)備的東西

1）將需求內(nèi)容整理為腦圖

無(wú)論需求是出自于產(chǎn)品自己，還是其他需求方，當(dāng)我們確認(rèn)要做某一個(gè)需求后，就應(yīng)該將需求的內(nèi)容整理為一份腦圖，以發(fā)散的思維去考慮每一個(gè)功能點(diǎn)具備哪些內(nèi)容，以便畫(huà)原型時(shí)參照。

2）畫(huà)一份頁(yè)面流程圖

我們首先清楚需要設(shè)計(jì)的分別有哪些頁(yè)面，將頁(yè)面都列出來(lái)之后，標(biāo)注好頁(yè)面之間是如何跳轉(zhuǎn)的，檢查跳轉(zhuǎn)無(wú)遺漏后，初步的頁(yè)面流程圖可以已經(jīng)算完成了。在畫(huà)頁(yè)面流程圖的時(shí)候，不需要去考慮美觀的問(wèn)題，甚至手寫(xiě)在草稿紙上也是可以的。畫(huà)頁(yè)面流程圖的目的是讓我們提前想好要設(shè)計(jì)什么頁(yè)面，在真正畫(huà)原型的時(shí)候可以邊畫(huà)邊核對(duì)，防止漏掉頁(yè)面。

3）手繪/用axure畫(huà)一份原型草圖

為什么需要先畫(huà)一份簡(jiǎn)單的原型草圖呢？

因?yàn)樽鳛橐幻a(chǎn)品新人，畫(huà)出來(lái)的原型是基本不可能直接拿出去開(kāi)需求評(píng)審會(huì)的。在開(kāi)評(píng)審會(huì)之前，必然需要給自己的leader過(guò)一遍，一份好的原型，對(duì)新人來(lái)說(shuō)通常都要經(jīng)過(guò)三番五次的修改才能產(chǎn)出最終稿。

如果一開(kāi)始就花了大量的時(shí)間去畫(huà)了一份非常詳細(xì)的原型，那么需要修改的時(shí)候，就非常慘了。你會(huì)發(fā)現(xiàn)改著改著跟你原來(lái)的畫(huà)的有著天壤之別，跟重新畫(huà)一份一樣。

因此，畫(huà)草圖的目的就是更方便我們?nèi)バ薷?，?jié)省下更多的時(shí)間。當(dāng)我們拿著草圖在我們的leader、需求方處討論時(shí)，及時(shí)收集好需要修改的地方，當(dāng)草圖符合他們的要求時(shí)，我們就可以參照著草圖來(lái)畫(huà)出一份最終版的原型。

2. 正式開(kāi)始畫(huà)原型

1）梳理界面元素

當(dāng)我們?cè)O(shè)計(jì)一個(gè)頁(yè)面的時(shí)候，必然具備大量的元素，此時(shí)就要我們仔細(xì)地去檢查、梳理頁(yè)面的元素布局。

此處以京東APP中我的訂單“全部tab”舉例進(jìn)行分析：

頁(yè)面頂部：返回鍵、搜索框、篩選功能按鈕、消息中心按鈕。

頁(yè)面中上方（訂單狀態(tài)）：全部tab、待付款tab、待收貨tab、已完成tab、已取消tab。

頁(yè)面中上方：常購(gòu)清單跳轉(zhuǎn)圖片。

頁(yè)面中下方（商品信息）：商品來(lái)源賣家名稱、商品狀態(tài)、刪除按鈕、物流信息文案、物流信息最新更新時(shí)間、商品圖片、商品名稱、商品價(jià)格、輔助功能按鈕（賣了換錢、查看物流、評(píng)價(jià)曬單、再次購(gòu)買）。

2）梳理點(diǎn)擊情況

在APP的頁(yè)面中，大部分的元素都是可點(diǎn)擊的，此時(shí)我們需要考慮的就是每一個(gè)元素點(diǎn)擊的情況是怎樣的：

• 點(diǎn)擊是否可以跳轉(zhuǎn)，跳轉(zhuǎn)什么頁(yè)面。
• 跳轉(zhuǎn)的頁(yè)面是已存在頁(yè)面，還是新頁(yè)面。
• 點(diǎn)擊后元素樣式是否改變。
• 點(diǎn)擊后的跳轉(zhuǎn)是否可逆。
• 元素是否需要配置埋點(diǎn)，方便日后統(tǒng)計(jì)埋點(diǎn)數(shù)據(jù)。

3）列舉異常狀態(tài)，并給出解決方案

每一個(gè)功能在一些特殊的條件下都會(huì)出現(xiàn)異常的狀態(tài)，導(dǎo)致頁(yè)面無(wú)法正常地展示給用戶。因此在設(shè)計(jì)的時(shí)候，我們就要盡可能去考慮有可能出現(xiàn)的異常狀態(tài)，并給出對(duì)應(yīng)的解決方案：

• 無(wú)網(wǎng)絡(luò)：固定元素依然展示，自定義變化的元素（如商品信息）不展示，頁(yè)面提示用戶網(wǎng)絡(luò)出現(xiàn)問(wèn)題。
• 訪問(wèn)次數(shù)過(guò)多，服務(wù)器過(guò)載：頁(yè)面告知用戶加載不出來(lái)的原因，提示用戶稍后嘗試或繼續(xù)刷新等待。
• 未登錄狀態(tài)：如果用戶此時(shí)是未登錄狀態(tài)（游客），那么就要去分析該頁(yè)面是否需要提供給游客進(jìn)行瀏覽，如上方的訂單信息頁(yè)面，是無(wú)法展示給游客進(jìn)行查看的，因?yàn)槲吹卿浭菬o(wú)法與平臺(tái)之間發(fā)生交易行為，此時(shí)需要提示用戶進(jìn)行登錄/注冊(cè)，并提供入口引導(dǎo)用戶操作，當(dāng)用戶登錄/注冊(cè)后，還需自動(dòng)跳轉(zhuǎn)回原頁(yè)面。

這幾種是比較常見(jiàn)的異常狀態(tài)，還有很多的異常狀態(tài)需要我們?nèi)ヌ崆翱紤]，甚至有些是在上線后我們才發(fā)現(xiàn)到，發(fā)現(xiàn)后需及時(shí)去尋找解決方案。平時(shí)在工作中也可以積累一個(gè)“產(chǎn)品異常情況庫(kù)”，將平時(shí)遇到的情況都記錄好，下次在考慮異常狀態(tài)時(shí)可以拿出來(lái)進(jìn)行核對(duì)。

4）轉(zhuǎn)換角色，體驗(yàn)功能流程

雖然我們按照已有的流程圖去畫(huà)好原型了，但這僅僅是站在產(chǎn)品的角度去設(shè)計(jì)產(chǎn)品，而產(chǎn)品上線后是給用戶去使用的。因此當(dāng)我們?cè)O(shè)計(jì)好原型后，特別是比較大的功能需求，我們應(yīng)轉(zhuǎn)換成用戶的角色去體驗(yàn)產(chǎn)品。以一個(gè)普通用戶的使用習(xí)慣去使用功能，使用過(guò)程中觀察是否有難用、反人類的功能設(shè)計(jì).如果覺(jué)得自身體驗(yàn)產(chǎn)品比較難發(fā)現(xiàn)問(wèn)題，可拉上身邊的同事一起體驗(yàn)。

三、如何用好原型

1. 撰寫(xiě)需求文檔

在項(xiàng)目協(xié)同管理產(chǎn)品廣泛被使用的現(xiàn)在，tapd、禪道等協(xié)同軟件已經(jīng)可以起到傳統(tǒng)word等需求文檔的作用了。因此，我們需要將畫(huà)好的原型，結(jié)合在線上需求文檔中，一份合格的需求文檔，應(yīng)具備以下內(nèi)容：

• 需求背景：需求背景可以用幾句話簡(jiǎn)單的表達(dá)一下，告訴各方你這個(gè)需求是來(lái)源于哪里？為什么要做？做了之后能解決什么問(wèn)題？
• 期待上線時(shí)間：產(chǎn)品經(jīng)理可以根據(jù)開(kāi)發(fā)迭代周期，定下一個(gè)預(yù)估的上線時(shí)間，讓研發(fā)人員心里有個(gè)底，能夠合理去安排資源。
• 修改內(nèi)容：需求文檔盡管在開(kāi)完需求會(huì)后也會(huì)存在修改的情況，產(chǎn)品經(jīng)理需將每一次修改的內(nèi)容概括到此處，讓項(xiàng)目組成員能及時(shí)知悉。
• 需求描述：如果在原型上已經(jīng)把功能描述、交互細(xì)節(jié)備注的非常完善了，那么原型就是你的需求描述，只需把原型存為圖片，放在需求文檔上即可，也可提供axure的鏈接，讓研發(fā)人員點(diǎn)擊即可。

2. 召開(kāi)需求評(píng)審會(huì)

當(dāng)需求文檔完善好，leader評(píng)審沒(méi)問(wèn)題了。此時(shí)就可以拉上UI、研發(fā)、測(cè)試同學(xué)一起召開(kāi)需求的評(píng)審會(huì)議，作為會(huì)議的發(fā)起人，需要時(shí)刻注意以下這些要點(diǎn)：

• 提前傳達(dá)信息：在需求會(huì)召開(kāi)前，需提前1~2天拉好群，并將需求文檔發(fā)到群里告知項(xiàng)目組成員，如果發(fā)現(xiàn)問(wèn)題能提前改好。
• 有邏輯地去講原型（需求文檔）：很有可能一個(gè)需求會(huì)涉及到多個(gè)頁(yè)面，在向項(xiàng)目組成員講解原型前，應(yīng)提前將原型進(jìn)行歸類，按照頁(yè)面邏輯的順序去講，這樣做的目的是方便自己講得通順的同時(shí)，也讓項(xiàng)目組成員能更好地理解需求。
• 記錄要點(diǎn)，迭代需求文檔：在需求會(huì)中，大家可能會(huì)提出非常多的疑問(wèn)，無(wú)論疑問(wèn)是當(dāng)場(chǎng)解決，還是之后再解決，都要將問(wèn)題和解決方案記錄下來(lái)，在會(huì)議后將修改的內(nèi)容迭代到需求文檔中，文檔補(bǔ)充完成后，需在群里告知項(xiàng)目組成員需求修改的內(nèi)容。
• 確定項(xiàng)目排期：一般在需求會(huì)的最后，產(chǎn)品需要跟各方確定項(xiàng)目的排期：UI什么時(shí)候給到設(shè)計(jì)圖、服務(wù)器什么時(shí)候給到接口、前端什么時(shí)候完成頁(yè)面的開(kāi)發(fā)、測(cè)試是否能在上線前完成等等。

3. 原型存檔，及時(shí)復(fù)盤(pán)

成為一名產(chǎn)品新人后，自己做的原型會(huì)變得越來(lái)越多，對(duì)于原型文件，分門(mén)別類是非常有必要的?？梢悦總€(gè)月歸類為一個(gè)文件夾，也可以一個(gè)項(xiàng)目歸類為一個(gè)文件夾，原型的命名可以寫(xiě)得更加規(guī)范:“原型名字”+“版本號(hào)”+“時(shí)間”（例：我的訂單V1.0_0609）。

每一次完成的原型，都是我們寶貴的財(cái)富。一些可重復(fù)使用的組件、設(shè)計(jì)規(guī)則，我們可以抽離出來(lái)獨(dú)立保存，當(dāng)重復(fù)設(shè)計(jì)的時(shí)候，可以盡量減少我們自身的工作量。

四、常見(jiàn)問(wèn)題

1. 原型丑、慢、有問(wèn)題

很多人會(huì)問(wèn)到：“我原型畫(huà)的好丑怎么辦？”、“我原型畫(huà)的好慢，經(jīng)常被別人催”、“同事總說(shuō)我設(shè)計(jì)的原型有問(wèn)題”等等的一系列問(wèn)題，如何解決？

其實(shí)我認(rèn)為這是一個(gè)熟能生巧的過(guò)程，畫(huà)的丑，就多觀察別人設(shè)計(jì)的優(yōu)秀案例，培養(yǎng)自己的審美；畫(huà)的慢，就多練，多畫(huà)，畫(huà)多了，速度就自然提上來(lái)了；設(shè)計(jì)有問(wèn)題，就多參考行業(yè)內(nèi)的優(yōu)秀產(chǎn)品，分析別人設(shè)計(jì)背后的邏輯和目的是怎樣的，參考借鑒，再結(jié)合自身產(chǎn)品特性去設(shè)計(jì)。

2. 團(tuán)隊(duì)中無(wú)UI設(shè)計(jì)師

這種情況大多出現(xiàn)在一些做B端產(chǎn)品的團(tuán)隊(duì)，團(tuán)隊(duì)中無(wú)UI設(shè)計(jì)師怎么辦，這個(gè)時(shí)候UI的工作就落到了產(chǎn)品的頭上了。現(xiàn)在網(wǎng)上有大量原型設(shè)計(jì)的模板，例如Ant Design、Element UI等平臺(tái)上的一些設(shè)計(jì)案例、模板我們都是可以去借鑒的，在別人的基礎(chǔ)上修改，也是一種不錯(cuò)的辦法。

五、總結(jié)

最后，筆者想說(shuō)的是，作為一名產(chǎn)品新人，我們應(yīng)該以正確的態(tài)度去看待原型，我們沒(méi)必要把原型過(guò)于妖魔化。市面上有很多關(guān)于如何設(shè)計(jì)原型的課程，多學(xué)點(diǎn)是沒(méi)錯(cuò)的，復(fù)雜的交互、動(dòng)效會(huì)了固然更好，但不會(huì)也不用過(guò)于擔(dān)憂，畢竟在實(shí)際工作中，效率是非常的重要的。

我們做原型，目的就是為了向項(xiàng)目組成員更好地傳達(dá)需求的信息，需求明確，項(xiàng)目才會(huì)進(jìn)展得更順利。因此，把原型設(shè)計(jì)得“詳細(xì)”，比“美觀”是更加重要的。因?yàn)樯暇€產(chǎn)品的背后，是UI、研發(fā)同學(xué)一步一步照著你的原型去做，你出錯(cuò)，必然導(dǎo)致最終出來(lái)的產(chǎn)品也會(huì)出錯(cuò)，所以重視原型細(xì)節(jié)，是我們每一個(gè)產(chǎn)品新人都需要去關(guān)注的事情。

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

題圖來(lái)自Pexels，基于CC0協(xié)議