寫作目的:研發(fā)線總有人問高保和低保有什么區(qū)別,也經(jīng)常見混淆高保和低保概念開發(fā)同學,故寫文答疑解惑。
一、什么是原型及其作用?
原型在影視劇中是指原來的模型,比如真實人物原型。在軟件中原型是未來實際產(chǎn)品的一個具體部分或特性的可視化表現(xiàn)。原型就是客戶抽象需求可視化的表達方式,是擬實物的存在,可以促進溝通避免空聊,可以納入需求文檔作為驗收標準,可以作為規(guī)范傳遞,是研發(fā)線的核心工具。
二、原型有哪幾種分類?
經(jīng)常聽到有關(guān)原型的詞有:故事版、草圖、線框圖、低保真、視覺稿、高保真,效果如下圖,其中高保真和視覺稿在外觀上無任何差別。?


看圖說話:
1、按照業(yè)務(wù)表達、形狀、顏色、交互效果4個緯度來劃分原型。其中故事版、草圖、線框圖大多無顏色無交互效果,注重業(yè)務(wù)需求探索,屬于初期概念設(shè)計階段,多用于設(shè)計師內(nèi)部溝通。有時也用于展示設(shè)計能力。從低到高是產(chǎn)品抽象到具象的過程。
2、低保真為了聚焦功能表達一般都是黑白顏色,偶爾增加動效說明效果。視覺高保真交互效果制作成本高,一般只出靜態(tài)圖,輸送顏色/間距/圖片/圖標等標注到下一崗開發(fā)。高保真離真實系統(tǒng)最近,可應(yīng)用于代碼開發(fā)。
3、研發(fā)線日常包括綠色線條的低保真原型、視覺高保真、高保真原型。在業(yè)務(wù)表達基礎(chǔ)上,根據(jù)顏色形狀、交互效果、制作工具的程度來判斷屬于哪種原型。粗暴解釋:低保真+顏色+圖標=視覺高保真。高保真度原型是將視覺高保真翻譯成HTML+CSS,并增加交互效果。
4、注:圖中雖然用線條表達原型分類,而實際上原型的劃分并非如此嚴格,舉例來說,線框圖到視覺高保真之間的區(qū)域都屬于低保真原型,只是保真度程度不同,圖中低保真原型的線參考可入需求文檔的標準繪制。
三、原型分類與使用

了解這么多道理,對你工作有什么指導意義?
To項目經(jīng)理:
一份原型從設(shè)計到開發(fā)需要三個崗位到人完成:交互/視覺/前端,可以指導人員安排。一般情況下1:1:1甚至2:1:1的人力,若項目緊張,開發(fā)人員按需分配。
交互設(shè)計的完成時間對標概要設(shè)計,在概要設(shè)計前一天完成即可。便于制作項目計劃。
ToSA與概要設(shè)計人:
低保真原型是需求功能的可視化表達方式,與需求分析/概要設(shè)計緊密相連。隨時與交互設(shè)計師保持緊密溝通,是不返工的秘訣。
四、最后叨叨
不管是哪種原型,都是抽象思維的可視化表達,在合適的時間、資源、對象、項目階段、使用環(huán)境中選擇合適的表達方式。低保真越細致越接近高保真就越耗時,不追求一次到位,適合最重要。比如與客戶溝通,需求分析初期采用線框圖勾勒整個框架(包括業(yè)務(wù)主流程、重點功能操作方式),概要設(shè)計或開發(fā)期間確認框架后逐漸完善細節(jié)(點擊事件、字段命名、小型彈框頁面),甚至有些小功能都可以先開發(fā)再調(diào)整交互。在節(jié)奏不同的項目組中又會有細微區(qū)別,面對變化最好的方式就是保持溝通,盡快暴露雙方認為的潛規(guī)則達成認識一致,避免互相不理解。
叨叨了這么多如果還沒解答你的疑問,歡迎留言討論。