原型到底应该画到什么程度?被骂N次后我得出了答案
一畫原型,就忍不住扣細節,對齊、圖標、上色,一頓操作猛如虎,結果評審時發現邏輯有問題,被批做的太花哨,浪費太多時間。
原型隨性畫,相同的組件,在不同頁面展示都不一樣,用Axure自帶的原生組件就把原型畫完了,被UI開發吐槽,原型太粗糙。
交互扣得太細被罵,原型畫得太糙也被罵,原型到底應該畫到什么程度?
要回答這個問題,先來看看,原型是什么,以及畫原型的目的是什么,只有弄清楚這兩個問題,才能真正利用好原型。
01. 原型
原型,又叫DEMO,可以理解為具有示范及演示功能的模型。
原型的主要作用是產品被開發出來之前,將想法或解決方案圖紙化。進行定義,有了定義,團隊就可以針對具體的定義來探討方案。
原型是個小成本的解決方案,畫原型不需要進行實際開發,高保真的原型除了表達解決方案外,還可以用于用戶測試,在正式上線前發現問題,并調整。
02.原型的幾種類型
原型按照保真程度,可以分為低保真、中保真、高保真。
1、低保真
低保真原型圖,通常用于概念階段。
在概念階段,我們已經明確了目標用戶、用戶場景,基于用戶場景,我們提煉了用戶核心問題,然后基于問題策劃了解決方案。
這個解決方案有可能是線下服務,也可能是線上產品功能。
如果是線上功能,原型就是通過界面/組件來表達。
產品功能要按某種解決組織起來,所以在畫原型之前,要梳理出產品結構圖,千萬不要一來就畫圖。
梳理了大致的產品功能后,要快速勾勒出產品的樣子,最好就是梳理低保真原型圖。
低保真原型使用手繪稿或者線框圖。
低保真原型的典型場景是頭腦風暴或產品構思。
低保真原型
2、中保真
產品功能和方向進一步明確后,可以畫中保真的原型,中保真原型的一個典型特征是,會展示產品的信息結構。
所以,要畫中保真的原型,最好是提前梳理出信息架構。
梳理出產品(功能)結構和信息結構后,在開始動手畫中保真原型。
產品結構的對象是具有一定邏輯的功能塊,信息結構的對象是具體的信息/數據。
例如注冊是一個功能,這個功能對應的信息有界面可見的手機號、密碼、驗證碼,有界面不可見的注冊時間、手機型號、系統版本等。
中保真的原型不用上色、不用畫圖標、不用做交互,主要表達產品結構、體現產品功能和信息結構。
中保真原型圖
3、高保真
高保真原型圖,是最接近視覺稿的原型圖,有圖標甚至有交互。
原型的保真度評估,可以從五個緯度:
A、視覺細化:視覺效果細化的程度,如是使用占位圖還是像素級還原;
B、功能廣度:涵蓋了多少功能點;
C、功能深度:表明原型各個功能的詳細程度,詳細的功能需要梳理業務流程圖,來遍歷所有可能性;
D、交互性:表示產品交互部分如何展示用戶,比如加載動畫、切換動效等;
E、數據模型:包含用戶在界面是哪個看到的是否真實的前后端數據;
高保真原型就是在以上幾個緯度,都做到最細的程度。
高保真原型
03.應該畫到什么程度
前面介紹了幾種保真程度不一樣的原型, 那么到底該選擇畫哪種呢?
先說刀哥的結論,概念階段畫草圖,修改、確定階段畫中保真,不要畫高保真。
這種操作對產品經理來說,成本是相對較小的,雖然不同階段應該畫不同保真度的原型,但要讓產品經理同時輸出中保真和高保真,對大部分人來說,是不太現實的。
建議高保真交給UI或UE去做,專業的人做專業的事。
所以產品經理,應該都有一套屬于自己的中保真原型庫。
網上有很多全面并且酷炫的組件,但是一定不要做『拿來主義』,遇著好的組件,自己畫一遍,可能沒別人好看,但內化成自己的,隨時可以用。
這個就是模型思維,別人的組件,通常是基于別人的模型,你自己的組件才是自己的模型。
這套模型是你自己總結梳理出來的,是自己的方案庫,更是自己經驗的積累,更可貴。
對技術團隊來說,中保真原型再加上需求描述,已經足夠了。
有時我們需要跟老板領導或者業務方演示,會用到高保真原型,如果你不具備這個能力,找UI或UE幫忙吧。
產品經理的核心職責是策劃、設計、項目管理,策劃才是產品經理的核心價值,策劃是發現用戶問題,提供用戶價值的關鍵點。
高級PM一定是策劃大師。其他方面要是弱一點,就找更專業的人幫忙。
畫低保真的草圖,推薦用紙筆或Axure,中保真可以用Axure,高保真建議用磨刀。
記住,做【原型設計】前,先做好【產品策劃】。
04.畫原型的原則
1、使用灰模原型
不要在原型上使用色彩,不要搶UI的飯碗,大部分情況下,沒人家專業還費時間。
2、注意對齊、重復、親密性、對比
注意這幾個方面,原型的效果就不會太差。
3、收集、整理自己的組件庫,復用已有樣式
產品由頁面、組件、按鈕組成,萬變不離其宗,所有的產品,不外乎都是由這幾個元素再按照某種結構和流程組建而成,多分析產品,就會發現背后的模型,形成模型,就可以復用,形成自己的經驗和資產。
關于具體的設計原則,還可以關注刀哥公眾號,回復"1",查看一份原型設計規范的PPT。
05. 寫在最后
原型是表單產品方案的最小成本模型,分為低保真、中保真、高保真。
刀哥建議概念階段用低保真,手繪即可,確認修改階段畫中保真,不要畫高保真。
常用的工具有Axure、磨刀。畫原型時,要遵循一些原則。
以上,就是刀哥對于原型畫到什么程度的看法,希望對你有幫助。
推薦大家關注他的公眾號:刀哥說
最后,也歡迎有問題的小伙伴加微信:yw5201a1?溝通交流。
更多干貨可關注微信公眾號:產品劉
··················END··················
今日研報:Mob研究院發布《2021年中國現制茶飲行業洞察報告》,公眾號后臺回復“ 現制茶飲?”,即可下載完整PDF文件。
RECOMMEND
推薦閱讀
一周之內,如何快速摸清一個行業?
面試中說這些話,到手的offer很容易飛
手把手教你做產品經理
面試題,談談一款APP的優缺點,并提出改進建議
點擊“閱讀原文”
查看更多干貨
總結
以上是生活随笔為你收集整理的原型到底应该画到什么程度?被骂N次后我得出了答案的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql-explain
- 下一篇: mysql联合索引的数据结构