移動互聯網時代:合格的產品原型是怎樣的?


wKiom1ekSbqA_78uAAHZ2PP9N3c913.jpg-wh_50

一款成功的產品,誕生自一個成功的想法。但是一款產品從誕生到成型需要經歷想法-原型-設計-開發-測試等漫長的過程,可以說原型設計在整個產品流程中處於最重要的位置。

什麼是產品原型?


簡單的說,產品原型就是產品設計成形之前的一個簡單框架,即將頁面模塊、元素進行粗放式的排版和佈局,同時加入一些交互性的元素,使其更加形象具體。也就是說,原型的設計是將想法(抽象信息)轉化爲線條和圖形(具象信息)的過程,最終以產品框架的形式呈現。


5a77f9191fd7ec4e8769239f61e032f5_b.jpg


清晰易懂的產品原型不僅方便產品經理與領導、UI設計師和技術人員在前期溝通產品思路,也可以更好地幫助美工和開發人員理解產品特性,使後續的設計和開發更爲順暢,提高整體的開發效率。


什麼是合格的產品原型?


產品原型圖以實現業務邏輯,詳細闡明產品功能爲核心。粗略的原型常常爲後續的設計和開發帶來很多的不變,增加溝通成本,所以在項目開發中要儘可能地使用高保真原型圖,專注於產品原型的細節、功能及說明,同時要有一定視覺美感 。

然而在實際開發過程中,高保真原型圖的驗收目前沒有統一的標準,本文采用的是程序員客棧www.proginn.com制定的標準。下面我們通過具體的案例來說明合格的高保真原型應該是怎樣的。


案例一 不合格的原型


wKioL1ekSejwwmWcAADrug2qXBA916.jpg-wh_50


案例一存在的問題:

1、缺乏『產品結構圖』和『核心流程圖』

2、上圖中數字標記的位置

[1] 指示不明(不登錄顯示什麼?有沒有下拉?)

[2] 標籤多餘(其他頁面沒有與之相關的編輯頁面)

[3] 按鈕等重要操作,沒有連接到指定頁面(本案例是靜態圖原型)

[4] 兩模塊差異明顯(粗糙拼湊)


案例二 合格的原型

wKioL1ekSfTAHP6ZAAB0AYPDU0I455.png-wh_50

案例二 - 產品結構圖

wKioL1ekSf6xpECzAADVTFbhp0s392.png-wh_50

案例二 - 核心流程圖及說明

wKioL1ekSn_QC8p6AAFp6QNZ3pM791.png-wh_50

案例二的產品原型,結構圖明確,流程圖清晰,重要頁面指示和說明詳細,有一定視覺美感。


高保真原型是一種把各種損耗降低到最小的開發方式。當然,在不同的項目中,對高保真原型圖的要求也不一樣。只要原型清晰地體現使用場景、信息架構、佈局、控件邏輯、尺寸等要素,不給後續的設計和開發留坑,降低溝通和開發成本,一般而言就是合格的產品原型。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章