人人都是可以套用的高保真原型模版

高保真原型是原型設計中的最高要求, 一個合格的高保真原型,除了要保證流程清晰、邏輯正確、功能覆蓋完整之外,還要提現出UI和UE,要製作一個高保真原型,通常要花費大量的時間和精力,有時候甚至需要團隊協作才能完成。但是在有些場景下,又不能不製作高保真原型。爲了提高大家制作原型的效率,結合本人的項目經驗,本人總結和提煉了一套適合於pc端後臺管理系統的原型模版,通過這個模版,大家可以快速的擴展出自己的高保真原型。

這個模版包含了pc端網站後臺所需要的常用模式,包括框架、表格、列表、表單、彈框、提示、異常和流程等八個部分。

 

【框架】

框架部分是說的是整體頁面的佈局,在本模版裏面,包含了三種頁面佈局,上下佈局-兩級菜單、左右佈局-兩級菜單和上下佈局-三級菜單。兩級菜單多用於系統功能比較少的產品,三級菜單多用於功能比較多的產品,各位同學可以根據自己的實際情況,使用這些框架。

 

 

 

【表格】

在pc端的產品裏面,使用最多的就是表格。模版裏目前面包含了查詢表格、統計表格、摺疊表格和編輯表格這4中表格,分別適用於簡單查詢、查詢統計、表格摺疊顯示和表格編輯這些場景。

 

【列表】

列表也是非常常用的頁面模式,根據列表展示內容和展示方式的不同,模板裏面目前包含在普通列表和網格列表兩種列表。

 

【表單】

表單主要的功能就是做數據錄入,根據錄入的內容多少,包括單列錄入、多列錄入和複雜錄入。

 

【彈框】

彈框主要是指彈出窗口,根據彈窗使用的場景的不同,彈窗包括錄入彈窗-多列、錄入彈窗-多列和警告彈框。

 

【提示】

提示主要是在操作過程中,給用戶提醒和警告,目前模版包括警告提示、全局提醒通知和氣泡確認框。

 

【異常】

用戶在訪問產品的時候,可能會出現錯誤,當出現錯誤的時候,最好能夠給用戶展示友好的提示信息,並且能夠提供返回的操作。目前模版提供的錯誤頁面包括403、404和500錯誤。

 

【流程】

在產品設計的過程中,經常會用到流程,大家一般都是使用visio畫流程圖,其實axure也是可以畫流程圖的,模版提供了簡單流程和泳道圖兩種流程圖供大家參考和套用。

 

【總結】

通過上面的框架裏面提供的這些元素,產品經理在這個基礎上進行擴展和調整,從而快速開發出適合自己的高保真原型圖。

 

 

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