天天看點

與你一起走進原型設計的世界——認識産品原型

Hi,你好!我是大黃蜂,由于所從事的工作涉及售前咨詢,也或多或少與産品原型設計沾點邊,是以這一回跟大家一起分享一些我在原型設計過程中的一些心得體會。

1、什麼是原型

根據不少産品經理網站和網絡上的一些定義,原型,即産品草圖。從産品流程來看,将想法形成草圖原型,原型再由設計師形成效果圖,程式猿們根據需求和效果圖開發,出來的軟體樣子就是和效果圖差不多。原型在過程中就是産品最終形态的骨架。

百度百科裡面提到:産品原型可以概括的說是整個産品面市之前的一個架構設計。以網站注冊作為例子,整個前期的互動設計流程圖之後,就是原形開發的設計階段,簡單的來說是将頁面的子產品、元素、人機互動的形式,利用線框描述的方法,将産品脫離皮膚狀态下更加具體跟生動的進行表達。

同時百度百科裡面也提到:原型設計是互動設計師與PD、PM、網站開發工程師溝通的最好工具。而該塊的設計在原則上必須是互動設計師的産物,互動設計以使用者為中心的理念會貫穿整個産品。利用互動設計師專業的眼光與經驗直接導緻該産品的可用性。

換一個角度了解,原型是産品經理人員将文字化的需求轉換成圖形稿,是設計方案的表達,是産品經理的重要産出物之一,是項目團隊參考,評估的重要依據。它是産品功能與内容的示意圖,是最終産品的雛形。

2、原型的分類有哪些

那麼,原型的分類有哪些呢?歸結起來,主要有三類,分别是低保真原型、中保真原型和高保真原型。低保真原型是最輕松和省時間的原型,粗犷的風格讓我們隻重視結構和流程,原型不在乎太多設計細節。中保真原型這類原型最常見,低保真不容易描述産品最終樣子,高保真容易幹擾設計師,中保真彙集了各類優點,也是比較常用的。高保真原型對比中低保真,高保真可以稱之為效果圖了,如果加深細節可以直接對着開發咯,換句話說,高保真更強調細節。

3、原型設計的重要性

随着網際網路的迅猛發展,越來越重視産品的設計和使用者體驗的設計,是以原型設計也愈來愈重要。一方面能夠讓開發更輕松,同時能夠通過更簡單的協作意味着更容易回報,一方面能夠節省時間和金錢,最終能夠逐漸達到雙赢的局面。

原型主要是用來示範UI是如何運作的,呈現流程的流向,不論它是否流暢是否足夠合乎邏輯。不斷地對原型進行調試意味着,你可以在疊代中不斷優化使用者體驗和産品細節,直到最終完成設計。

與你一起走進原型設計的世界——認識産品原型

4、好的原型是怎樣的?

那麼,好的原型又是怎樣的呢?主要包括以下幾點:

與你一起走進原型設計的世界——認識産品原型

5、原型設計的注意點有哪些?

原型做出來是給大家項目評審用的,友善使用者聯想最終的産品。同時也讓讓每個使用者都可以明确自己要做的事情,不至于模棱兩可。是以在做設計時,産品經理要盡可能的去規範原型。

在進行原型設計的過程中,至少需要注意以下幾點:

(1)結合業務特點及應用場景,進行整體構思,确定整體架構,合理進行布局,考慮視覺好的效果,提前和UI溝通。

(2)不要為了偷懶,使用頁面截圖;不要遺漏特殊狀态的描述。

(3)要使用盡量真實的、符合邏輯的資料,避免給團隊及使用者造成不必要的困惑。

此外,簡單介紹一下有關原型的UI基礎和界面規範:

與你一起走進原型設計的世界——認識産品原型
與你一起走進原型設計的世界——認識産品原型

6、資源網站及原型工具推薦

此處,和大家分享幾個常見的資源網站:

與你一起走進原型設計的世界——認識産品原型

同時,給大家推薦一款原型工具:摹客RP

與你一起走進原型設計的世界——認識産品原型

官網連結:摹客RP(超鍊:https://www.mockplus.cn/rp-event/?hmsr=wendhf )

摹客RP是一款國産的免費原型工具,與大部分産品都會提出“免費使用”的宣傳口号不同,這款工具真正做到,不限功能、不限頁面、不限時長使用。

同時它是一款集快速設計、強大互動、矢量編輯于一體的設計工具。支援多人實時編輯,更能與它自己的“摹客線上版平台”完美結合,快速進行設計協作和傳遞。

與你一起走進原型設計的世界——認識産品原型

(1)易用性

摹客RP,自帶互動效果的預設元件、海量圖示,支援高自由度的編輯方式,加上完善的矢量編輯功能,無論是快速産出線框原型還是細節滿滿的高保真設計稿,這款工具都能做到。同時,它擁有一套系統的互動體系,項目中的元件、畫闆、頁面都可以參與互動設定,并支援狀态互動。摹客RP提供了各種類型的設計模闆項目,你可以對中意的項目進行檢視、體驗編輯并儲存複用。這裡我給5分滿分。

(2)協作效率

這一點,摹客RP完成的非常出色,它本身提供多人實時編輯機制。多個成員進入可以同時編輯同一項目、同一頁面。毫秒級的資料傳輸,讓成員之間的編輯操作實時可見。在摹客RP,團隊成員無需來回發送項目檔案,避免反複修改導緻的内容沖突,極大地提高設計效率。如果摹客它把線上版的:任務管理“系統遷移到摹客RP上來,将會更加完美,綜合考慮,目前略有不足,這裡我給4分。

(3)保真度

摹客RP擁有完善的矢量編輯功能,支援鋼筆工具、布爾運算等,同時,它擁有一套系統的互動體系,項目中的元件、畫闆、頁面都可以參與互動設定,并支援狀态互動,基本能滿足UI和UX的需求。這裡我給4分。

(4)流程銜接

最後一點,摹客RP與摹客線上平台完美搭檔。完成項目後,使用者可以在摹客中直接完成協作、傳遞功能讓團隊成員能夠對項目随時進行團隊評審、标注并快捷地傳遞給開發。無論是設計的内部還是外部,上遊還是下遊,摹客都能始終保持工作流的順暢和高效。在同類型原型工具裡,同時兼具設計和協作的,摹客RP是我見過最優秀的。這裡我給5分滿分。

最終分數18分(滿分20)。總體看來 摹客RP極為不錯,兼顧了設計和協作,最重要的是永久免費使用,免費還好用,推薦白嫖黨關注,摹客RP,堪稱國貨之光。

繼續閱讀