快速縮減原型設計重復工作量的七種武器

9 評論 17288 瀏覽 130 收藏 6 分鐘

畫原型占據了PM的大量時間,我們可以通過減少原型設計過程中的重復工作量來提升工作效率。

根據我對原型軟件的了解,總結出七種武器可以達到這樣的效果。Axure&墨刀&Mockplus都有這幾個功能。下文以Axure來演示講解。

盡量從功能的設計初衷和使用場景來給大家講方法論,不會涉及到功能的具體操作。這樣對功能的理解會深入透徹,而不會浮于表面。

1、母版

當你需要在多個頁面重復畫出相同元件的時候,請使用母版。具體場景有:

①畫APP原型的時候,每個頁面的框架是不變的,可抽離出來作為母版。

②APP原型的下導航是固定的,顯示在不同的導航頁面中??沙殡x出來作為母版。可參見浪子舊文章《原型設計:APP下導航如何通過Axure畫出來

2、中繼器

當你需要畫多個同樣組件的時候,請使用中繼器。具體場景有:

①比如APP原型中經常有消息列表&卡片列表&文章列表,他們就可以使用中繼器簡化步驟。

②比如APP的下導航按鈕是相似的,可使用中繼器快速畫出。

3、格式刷

當你需要給多個元件設置同一種樣式的時候,請使用格式刷。具體場景有:

①比如APP原型的下導航一般有4-5個按鈕,設置了一個按鈕樣式之后請用格式刷去把樣式復制給其他按鈕。而不是傻乎乎的一個個去設置樣式。

②比如Tab分段控件也是應該用格式刷來批量改樣式,比如淘寶App的我的訂單頁面頂部的“全部-待付款-待發貨-待收貨-待評價”。

4、元件庫

當你需要快速畫出線框圖時候,請使用元件庫。具體場景有:

①比如你需要畫電商APP原型,社交APP原型這些常見的產品,那么網上肯定有很多元件庫提供下載。然后你用它們就可以快速完成一個APP。

②比如你可以把你常用的圖標、元件、組件,哪怕是頁面,創建成一個元件庫。然后方便自己運用到后續的項目中。

5、頁面快照

當你需要引用某個頁面的內容去表述的時候,請使用頁面快照。具體場景有:

①比如PM完成此次版本原型,需要一次性將所有頁面平鋪起來,供視覺設計師了解需要做哪些頁面和具體內容。

②比如需要畫一個已有頁面的內容,不用再話一次而是使用頁面快照。

6、自適應視圖

當你需要同時為多個平臺畫原型的時候,請使用自適應視圖。具體場景有:

①比如你們的產品需要滿足Web和App環境使用,那么沒必要設計兩份原型。而是基于其中一個平臺的原型,使用自定義視圖之后去修改兼顧另一個平臺的原型。可參見浪子舊文章《PM如何使用Axure制作電腦手機通用的Boss簡歷》。

②比如老板希望你的原型可以在不同的屏幕上面預覽并展示給甲方爸爸看,那么最簡單的辦法就是自適應視圖來快速完成。

7、導入他人原型源文件

當你需要直接使用他人原型內容的時候,請使用導入RP文件。具體場景有:

①比如你來到一個新團隊,一般需要把前任的原型拿過來在此基礎上修改并畫出新功能新模塊,這樣可以快速體現自己的新人價值。

②比如你從網上找到一些和你項目相似度很高的項目原型,那么直接把它們的rp源文件導入到自己的rp中是最快的學習方法。

總結

以上的講解看似很簡單,但是真正會合理運用這七種武器的PM并不多。希望大家可以學會并善用之。

#專欄作家#

浪子,業務型PM,浪子PRD系列51prd.com,公眾號langzisay。

本文由 @浪子 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 哈哈,我在人人上關注的第一個作者,講的都是干貨,很詳細,非常實用。只不過作為小白的我有的時候還是弄不明白,哈哈

    來自山東 回復
  2. 使用快速復制移動快捷鍵和中繼器效率哪個更好?

    回復
    1. 中繼器無人能敵

      來自北京 回復
  3. 頁面快照的確是第一次知道

    來自廣東 回復
  4. 贊一個,寫的很正點

    來自北京 回復
  5. 浪子最后總結精辟

    回復
    1. 肺腑之言,希望如此!

      回復
  6. 干貨 不錯不錯 不過一直不知道中繼器怎么用 ?

    來自廣東 回復
  7. 真心不錯,至少之前不知道

    來自天津 回復