很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
上一篇文章，我們主要溝通了，需求與界面之間存在著距離，這個距離就是設(shè)計規(guī)劃階段。當(dāng)越過這段距離，就來到了我們產(chǎn)品經(jīng)理最為熟悉的環(huán)節(jié)—原型設(shè)計。原型是承載著我們設(shè)計思想的產(chǎn)物。今天，就讓我們系統(tǒng)地來總結(jié)一下，抽象的設(shè)計思想，怎樣才能夠更好地通過具象的原型表達出來。
內(nèi)容回顧：
大家還記得設(shè)計規(guī)劃階段的內(nèi)容步驟嗎？讓我們先來簡單回顧一下吧，因為原型設(shè)計是建立在設(shè)計規(guī)劃的基礎(chǔ)之上，今天的許多內(nèi)容都與上一期的知識緊密相關(guān)：
根據(jù)需求來設(shè)計相關(guān)的信息和任務(wù)，通過組織信息結(jié)構(gòu)、引導(dǎo)用戶完成任務(wù)得到一系列相關(guān)聯(lián)的界面草圖；
然后細化草圖為具體界面，在這個過程中考慮如何讓用戶輕松、愉悅、高效地瀏覽和操作；
最后，我們要賦予界面一些魔力，讓用戶難以忘記使用產(chǎn)品的體驗。
追根溯源地去探究一些本質(zhì)的東西，才能夠讓我們在所有的抉擇面前進行理性地判斷，而不是依靠生物的本能反應(yīng)，或者只是簡單地執(zhí)行命令。
今天的第一個話題，讓我們先來探究一下原型的意義之所在。
原型可以說是我們產(chǎn)品經(jīng)理最主要的產(chǎn)出之一了，尤其是對于初級產(chǎn)品經(jīng)理來說，畫原型，或許占據(jù)了自身工作的大部分時間和精力。
但歸根結(jié)底，原型只是我們設(shè)計思想可視化的呈現(xiàn)。從這一層面來說，原型本身并沒有那么重要，重要的是我們的設(shè)計思想，是每一次設(shè)計決策的過程。
畫原型的工作，就好比將橙子榨成橙汁的過程，如果把畫原型當(dāng)做我們主要工作的話，那我們只不過是一個榨汁的“工人”，這種“工人”是隨時可以被替換的。
而設(shè)計決策的過程，就好比我們通過用戶調(diào)研，能夠判斷出用戶更喜歡的是橙子，而非蘋果，進而我們接下來要榨的是橙汁，而非蘋果汁。這才是產(chǎn)品經(jīng)理安身立命的根本之所在。
既然原型并沒有那么重要，那我們還畫它，或者說耗費精力來畫好它有什么意義呢？
雖然原型本身沒有那么重要，但它卻是必要的，其必要性存在于兩方面。
一方面是因為再好的設(shè)計思想，也需要合適的載體去呈現(xiàn)，不然只是空洞的想法，即使這個想法再好，再驚世駭俗，恐怕也會讓人覺得虛無縹緲、難以落地。
另一方面是因為，在實際工作中，原型會流轉(zhuǎn)于業(yè)務(wù)部、設(shè)計部、研發(fā)部等各個部門，它是項目開發(fā)的標準和依據(jù)。如果表達不清晰，那么在各個環(huán)節(jié)的流動過程中，就可能出現(xiàn)“蝴蝶效應(yīng)”，對項目造成極大的影響。
結(jié)論：原型本身并沒有那么重要，重要的是我們的設(shè)計思想；但原型又是必要存在的，它是項目開發(fā)的標準和依據(jù)。
生活中，我們會經(jīng)常提及一個詞語：“換位思考”。
原型既然是一個在不同人員之間流轉(zhuǎn)的產(chǎn)物，那我們不妨也從傳遞者和接收者的不同角度來梳理一下，傳遞者想要傳遞一些什么樣的信息，以及接收者想要接收一些什么樣的信息。
關(guān)于“靜態(tài)的界面樣式”，以及“動態(tài)的操作效果”，我們在上一篇文章中已經(jīng)溝通了“信息擺放原則”、“任務(wù)引導(dǎo)原則”以及“捕獲用戶放心的八種方法”。
另外，在之前的文章《以“封裝”的思維，來做原型》，也做過專門性的總結(jié)。
我會在本文結(jié)尾處加上相關(guān)鏈接，大家可自行查閱。
這里呢，我們需要重點溝通一下第三個方面：“隱藏的邏輯說明”。
（1）限制：包括范圍值、極限值。
范圍值：主要指數(shù)據(jù)的取值范圍。比如下拉菜單、篩選按鈕等，我們在原型上需標注清楚它們的選擇范圍。
極限值：主要指數(shù)據(jù)的顯示范圍。比如，文本框的一行最多可以顯示多少字數(shù)，超過這個字數(shù)時，是換行，還是用“...”顯示。
（2）狀態(tài)：包括默認狀態(tài)、常見狀態(tài)、特殊狀態(tài)。
默認狀態(tài)：主要指默認顯示的文字、數(shù)據(jù)、選項等。比如搜索框中通常默認展示查詢條件“請輸入xxx?！?/p>
常見狀態(tài)：主要指對于某一個模塊，經(jīng)常遇到的一些狀態(tài)。比如積分模塊，常見的狀態(tài)包括未登錄狀態(tài)，登錄后未簽到狀態(tài)，登錄后已簽到狀態(tài)。
特殊狀態(tài)：主要指非正常情況下的樣式、文案、說明等。比如數(shù)據(jù)加載失敗時，界面展示背景圖，并加上文案提示：“加載失敗了，下拉刷新試試吧”。
（3）操作：包括常見操作、特殊操作、錯誤操作、手勢操作。
常見操作：主要指正常操作時得到的反饋狀態(tài)。比如分頁控件，常見的“鼠標懸停”、“鼠標按下”的效果。
特殊操作：主要指一些極端情況下的操作。一般用戶不會這么操作，但是一旦遇到極端情況，還是要想好應(yīng)對措施，因為對開發(fā)人員來說，不管是正常的還是極端的操作情況，他們都要去編寫對應(yīng)的代碼。比如類似于微信的功能，用戶添加自己為好友時該怎么辦。
錯誤操作：主要指用戶操作錯誤時的情況。首先我們應(yīng)當(dāng)根據(jù)防錯法則，盡量避免用戶出現(xiàn)錯誤。如果有些錯誤無法規(guī)避，或者是遺漏了，比如庫存數(shù)量只剩下5件的時候，用戶購買時輸入了數(shù)字6，這時應(yīng)該怎么辦，需要在原型上說明清楚。
手勢操作：主要指用戶使用移動產(chǎn)品時的操作方式。常見的手勢包括點擊、滑動、拖動、放大、縮小、長按、雙擊、橫掃、搖晃等。
（4）反饋：包括提示、跳轉(zhuǎn)、動畫。
提示：主要指操作后，系統(tǒng)反饋給用戶的文字說明。比如在手機號的輸入框中，輸入了非11位的數(shù)字，這時需給出提示信息“格式輸入錯誤”。
跳轉(zhuǎn)：主要指點擊某個鏈接后，頁面跳轉(zhuǎn)到哪里。原型上需注明跳轉(zhuǎn)時是“原頁面刷新”還是“新頁面打開”。
動畫：主要指用戶操作后，系統(tǒng)通過動畫的方式反饋給用戶。尤其是對于沒有專業(yè)交互設(shè)計師的團隊來說，產(chǎn)品經(jīng)理和前端工程師應(yīng)該共同承擔(dān)起這部分工作。
Axure中提供了9種常見的動畫：逐漸、向右滑動、向左滑動、向上滑動、向下滑動、向右翻轉(zhuǎn)、向左翻轉(zhuǎn)、向上翻轉(zhuǎn)、向下翻轉(zhuǎn)。
對于接收者來說，除了傳遞者提供了三方面內(nèi)容以外，還需要了解“修訂記錄”、“信息結(jié)構(gòu)”、以及“任務(wù)流程”。
（1）修訂記錄
產(chǎn)品的設(shè)計并非一蹴而就的，通常需要通過多次的評審與修改，尤其是對于大型的項目而言，更是如此。有可能每一次更新迭代的內(nèi)容，還需要牽扯之前內(nèi)容的改動。
那么對于接收人來說，更愿意明確地看到哪些地方進行了修改，然后重點關(guān)注這部分內(nèi)容就可以了。這個時候修訂記錄就顯得非常有必要了。
修訂記錄通常包含內(nèi)容如下：
注：對于版本號，我個人的習(xí)慣是，評審?fù)ㄟ^的版本用一級標題表示，例如“v1.1”；對于過程中完善細節(jié)的版本，用次級標題表示，例如“v1.1.1”。
（2）信息結(jié)構(gòu)和任務(wù)流程
而對于信息結(jié)構(gòu)和任務(wù)流程，是我們在設(shè)計規(guī)劃階段的產(chǎn)物。對于接收人同樣也是需要從整體到局部地來理解產(chǎn)品的設(shè)計。不然的話，一頭扎進細節(jié)當(dāng)中，免不了會陷入盲人摸象、管中窺豹的誤區(qū)。
在我們畫原型時，有這樣四條技巧或者說是注意事項，可以提高我們在工作協(xié)同過程中的效率。
界面中哪些元素需要重點展示，或者是哪些信息需要突出呈現(xiàn)，我們可以通過顏色的明暗對比與字號的大小對比來進行表達。
此項內(nèi)容與第一條的表達并不矛盾。因為這里的色彩，主要是指視覺效果的色彩。
專業(yè)化分工的目的，是為了提高生產(chǎn)效率。作為產(chǎn)品經(jīng)理，如果也去考慮色彩呈現(xiàn)的話，結(jié)果無非是既沒有UI做的專業(yè)，又限制了UI的思維。
原型圖，最好是灰白相間的。其中就算是包含色彩，也是邏輯層面的色彩，例如用戶點擊錯誤，出現(xiàn)紅色的提示信息，這個是需要我們在原型中進行表達的。至于這個紅色的色號是多少，甚至是到底用不用紅色，這個仍舊是由UI進行決策。
最重要的內(nèi)容，尤其是操作按鈕，一定要在第一屏內(nèi)展示完，否則用戶第一眼看不到，就有可能放棄這個頁面。
這里給出一個數(shù)據(jù)供參考：在1024像素 x 768像素的分辨率下，第一屏高度可定為600像素。這里能夠讓我們感受到第一屏展示的內(nèi)容即可，至于具體像素的把控，當(dāng)然還是UI設(shè)計師的專業(yè)領(lǐng)域。
界面上的文案隨便填充，僅做示意用，這對產(chǎn)品經(jīng)理來說可能會覺得很正常，但是把這些內(nèi)容交付給UI或者開發(fā)時，就有可能產(chǎn)生諸多疑問。
例如購物結(jié)算的界面設(shè)計中，如果界面數(shù)據(jù)隨便填充，比如“單價”、“優(yōu)惠”、“數(shù)量”、“合計”四個字段下的數(shù)據(jù)隨意填充，就有可能讓開發(fā)對于幾項數(shù)據(jù)的邏輯關(guān)系產(chǎn)生誤解。
文章結(jié)束之前，讓我們再多聊一個話題吧，也就是原型的規(guī)范或者是說標準組件庫的問題。
規(guī)范性能夠給我們帶來的好處不言而喻。
對于用戶來說：一致的風(fēng)格，能夠形成鮮明的產(chǎn)品特征，增強用戶粘度；
對于團隊來說：降低了培訓(xùn)成本，使新人也能夠快速地融入到工作當(dāng)中；
對于自己來說：避免重復(fù)勞動，減少犯錯幾率，大大提高工作效率。
如果你所在的團隊，或者是你自己，還沒有建立原型規(guī)范或者是標準組件庫的話，那就從現(xiàn)在開始行動吧。
在當(dāng)今社會，知識的應(yīng)用性或許比創(chuàng)造性更加重要，從0到1地建立自己的組件庫，倒不如從互聯(lián)網(wǎng)界現(xiàn)有的組件庫中，篩選出適合自己的，來的更加直接與高效。
我也在自己公眾號內(nèi)的“資料分享”模塊，分享了自己的原型組件庫，如有需要，可自取。
好了，以上就是今天的全部內(nèi)容了，對于原型，或許每一個產(chǎn)品經(jīng)理也都要經(jīng)歷三重境界吧：“看山是山，看山不是山，看山還是山。”
今天的分享，可以看到，我們目前處在“看山不是山”的境界當(dāng)中。希望有朝一日，我們也能夠“看山還是山”
-END-
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責(zé)申明》 如對文章、圖片、字體等版權(quán)有疑問，請點擊 反饋舉報
測一測
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治??；
2)求推薦算命看相大師；
3)針對具體風(fēng)水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶；
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的；
2)不當(dāng)評述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)