產品新手階段時磅崭，設計出的原型儿子，在開發(fā)和測試過程中，總會發(fā)現(xiàn)原型缺東少西砸喻，縫縫補補柔逼，有時還要連累研發(fā)哥哥跟著改接口，新增接口割岛，自己也苦惱愉适。
今天終于發(fā)現(xiàn)可以少返工的妙招了，mark給自己癣漆，也分享給有同樣困惑的親們维咸。
步驟一：組織信息結構
所有的產品都對應著實體對象，對應的實體對象可能還不止一個惠爽，每個實體對象又必然對應著不同分類和屬性癌蓖。比如谷歌搜索對應的實體對象可以看為是一個個的搜索結果，而搜索結果有網頁婚肆、圖片租副、視頻等各種分類，同時圖片等搜索結果也可以看成是一個實體對象较性，對應著圖片格式用僧、分辨率等不同的字段屬性。組織信息結構就是需要將這些實體對象以及對應的分類屬性進行系統(tǒng)的組織两残、劃分永毅、歸類，從而對產品的所有涉及到的元素有個統(tǒng)籌的認知人弓。
以在線購買電影票產品為例沼死，最重要的兩個實體對象就是電影和電影院。其中電影按照上映狀態(tài)可以分為正在熱映和即將上映兩類（因為是購票類應用崔赌，所以排除了那些歷史電影）意蛀，然后每個影片都對應著不同的屬性值，包括：電影名稱健芭、類型县钥、評分、上映時間慈迈、導演若贮、演員省有、劇情、劇照谴麦、預告片蠢沿、用戶評論等等；電影院則可以按照地理位置行政區(qū)進行劃分匾效、或按照影院品牌等分類方式劃分舷蟀，每個電影院同樣可以包含不同的屬性值：影院名稱、具體地理位置面哼、聯(lián)系電話野宜、評分、用戶評論魔策、距離用戶距離等等匈子；然后影片和電影院一一對應后，就會有場次時間闯袒、價格旬牲、座位選擇情況等等信息。
我們首先要對所有這些產品中可能要呈現(xiàn)出的信息進行分析組織搁吓，然后要進一步從產品全局的角度進行考量，通過信息重要性等因素出發(fā)吭历，進行分類規(guī)劃則可以初步形成整個產品的導航結構堕仔。這個步驟的產出物可以是信息E-R圖或者思維導圖，不僅能幫助我們整理思路晌区，同時也可以作為文檔中很好的溝通資料摩骨。
步驟二：設定任務流程
然后是第二個步驟——設定任務流程。用戶使用任何產品肯定都是抱著一個目的而來朗若，而為了達到這個目的用戶都需要按照產品設定流程采取一系列的動作來不斷趨近最終想要的結果恼五。比如用戶想到淘寶中買一雙跑步鞋，他首先需要打開淘寶頁面哭懈，然后在搜索欄中輸入“跑步鞋”點擊搜索灾馒，可能會通過選定品牌、尺碼等條件進一步篩選遣总，接下來就是一個個查看搜索結果睬罗，直到找到喜歡的一雙鞋加入購物車，最后就是填寫收貨地址旭斥，確認下單后付款容达。設定任務流程就是需要將不同的靜態(tài)信息內容用一條條線串聯(lián)起來，引導用戶無障礙的來實現(xiàn)他們的最終目的垂券』ㄑ危“無障礙”是最基本的要求，強調的是任務可完成，不能設計成一個迷宮一樣算芯，用戶像個無頭蒼蠅一樣不知道下一步該如何做柒昏，所以設定一個無障礙的任務流程也是畫原型圖之前非常重要的一個步驟。
同樣以購買電影票整個流程為例也祠。用戶涉及到的任務可能是這樣一個流程：選擇影片->選擇電影院->選擇場次->選擇座位->確定手機號->確認訂單->付款昙楚。其中每個任務可能還包含著一些子任務，比如選擇影片時用戶可能希望能查看影片簡介或者查看用戶發(fā)表的影評等等诈嘿；選擇電影院時可能需要通過行政區(qū)縣進行篩選堪旧、查看影院是否提供停車服務等等。
每個任務都有不同的優(yōu)先級奖亚，可以從潛在用戶數(shù)淳梦、使用頻率、重要程度三個維度進行綜合考慮昔字。通過梳理產品中包含的任務流程以及主要任務和次要任務的區(qū)分爆袍，可以明確業(yè)務流程，加上第一個步驟梳理的信息結構作郭，進一步可以得出頁面流程（跳轉邏輯）陨囊。可以看到這個步驟的產出物就是業(yè)務流程圖以及大致的頁面流程，從某個角度來看也就是通過一個個的用例將需求夹攒、信息蜘醋、頁面串聯(lián)起來，其中用例所區(qū)分的概要層咏尝、用戶層也就是對應著主任務压语、子任務。
步驟三：一個思想编检，思考用戶場景
組織信息結構——讓我們對產品中包含的元素有了清楚的認識并且形成了嚴謹?shù)慕Y構胎食，在此基礎上進一步可以形成初步的導航體系；
設定任務流程——讓我們從每一條任務線出發(fā)允懂，將用戶行為按照次序有邏輯的串聯(lián)了起厕怜；
基于此，制作原型就是將成熟的思考內容蕾总，即將這兩個步驟的成果融合在一起酣倾，用界面形式表達出來而已：信息結構+任務流程=交互原型。在畫原型的過程中谤专，我們要時刻牢記一個思想——思考用戶場景躁锡。
站在用戶的角度去考慮，可能會在什么場景下使用我們的產品置侍，能夠讓我們明確在原型交互上如何更好的支持不同場景映之。比如買電影票時主要存在兩種場景：一種是先選擇電影然后再選擇電影院拦焚；另一種可能是先確定電影院再挑選該影院上映的影片。那在產品的信息結構中就很有必要將「影片」「電影院」這兩個實體對象放置于應用中（無論是appbar tab杠输，還是bottom tab）平級對立的兩個位置赎败。
站在用戶的角度去考慮，在完成任務的流程過程中哪些信息是非常重要的蠢甲，能夠讓我們明確信息在展示上的重要程度來進行組織分類僵刮。比如在選擇電影院時，電影名稱鹦牛、地址搞糕、以及上映的影片和場次對購票用戶來說是比較重要的信息，而該電影院評價曼追、聯(lián)系電話等其它屬性信息則是相對無關緊要的信息窍仰，那么則可以把這些信息歸集到深一層頁面進行展示。
站在用戶的角度去考慮礼殊，我最常用的功能可能是哪些驹吮？能夠讓我們明確哪些功能可能需要提供快捷入口。比如電商類的應用晶伦，在瀏覽商品的時候隨時都有可能需要快速到購物車頁面碟狞，那么提供一個購物車的快速通道是再好不過的了。
時刻思考用戶場景婚陪，能最大程度上讓制作的原型更具人性化篷就，人性化的另一層含義就是更好用。當然近忙，站在用戶場景下能幫助我們考慮的問題不止以上提到的三點，還可以有很多細節(jié)的層面智润，主要的是要養(yǎng)成這樣一種習慣及舍，但是要注意不能鉆入到自己主觀的用戶想法中不能自拔，否則很容易設計出“只有你以為很好用的交互功能”
文章摘自——http://www.woshipm.com/pd/249411.html
