Axure原型:1個原型搞定工作知會

8 評論 18385 瀏覽 85 收藏 10 分鐘

團隊中,總會有人沒有好的整理習慣,或者記性不好,亦或者你也不想為了這些事情耽誤自己的時間。如何能有效的減少這類事情的溝通成本呢?作者嘗試制作了一個關于需求溝通的面板原型,一起來看看。

“小健阿,那個缺陷管理的后臺地址是什么?”

“小健啊,98.8活動的需求稿你發給我了么,在哪里看?”

“小健啊,上周我們做了哪些需求啊,你整理出來看看”

“小健啊,現在XXX在開發什么,好像沒什么事干吧”

“小健啊,那個需求改過了吧,之前是為什么要改,之前的需求在哪呀”

這期又有些啥,點睹為快:點我查看

工作中如果不整理和歸類,當有人問起上述問題的時候,如果自己都記不得了,那就非常的糟糕了!自己工作再忙,都會抽時間管理自己的收藏夾,整理自己的桌面和工作文件夾。我覺得這不僅僅是強迫癥,更多的還是通過井井有條的整理和分類,工作效率會大大提高。

團隊中,總會有人沒有好的整理習慣,或者記性不好,亦或者你也不想為了這些事情耽誤自己的時間。如何能有效的減少這類事情的溝通成本呢?

我試著搞了一個需求的面板,讓所有的這類事件都有一個網頁能一鍵直達!經過不斷的過程改進,和反復的試驗和實踐。我的思路如下:

  1. 這個需求面板只有一個入口
  2. 這個入口要非常方便記憶
  3. 管理起來相對比較簡單
  4. 優化頁面布局

教程開始前,你需要掌握如下知識:

  1. 【購買域名,配置域名解析】:學會域名解析
  2. 【部署服務器,進行簡單配置】:XAMPP,或者單獨tomcat,apache,等web服務
  3. 【搭建簡單的SVN】團隊工作可選

以上教程,可以百度或本站搜索獲取,本文中不再贅述。

下面教程開始:

第一步:購買域名

可以通過萬網,或者其它域名供應商處獲取域名,完成域名備案后即可使用。

這里當然也可以直接使用IP,但IP不方便記憶,且如果公司的網絡運維無法提供唯一的IP給你,這個IP還會動態變化,就更加的不合適了,為了避免這種情況,我購買了一個非常好記的域名,并讓IT將IP固定,只需通過簡單的XXXX.COM即可訪問。

選擇域名可以選擇通用詞,也可以選擇項目名,或者也可以讓運維人員申請公司主站的二級域名。

第二步:搭建web服務

下載XAMPP,搭建一個web服務,由于放置原型網頁。

這個本地搭建就好了,除非有必要,則可以自己購買服務器,或者找運維提供外網的服務器。

第三步:配置web服務,并配置域名解析

修改域名解析指向,讓其指向web服務的IP,并進行簡單配置

第四步:使用原型工具,構建需求面板,以承載越來越多的原型需求:

簡單畫了個草稿,就開始干了:

簡單的一個面板,可以承載所有的需求內容,并且歷史需求可以追溯,一想到,xxx來問,那個小健啊,提交需求的地址在哪??? 答曰:上xxx網站就看的到,真是一件非常愜意的事!

在具體做原型前,還需要提前規劃下,或者在不斷的迭代中改進:

  • 【需求1】每個看需求的人的電腦和設備不同,最好能自動適配,或者將所有元素居中,固定畫板。
  • 【需求2】為了避免更換ip,導致的原型地址變化,用變量保存ip,修改一處即可全局替換
  • 【需求3】中間區域可能承載不同內容,用動態面板規劃,便于后續擴展

為了原型不至于太low,可以通過一些ui配色網站,或者參考一些成品的設計稿。當然也可以找設計幫你弄弄,下面開始具體的教程:

第一步:【構建背景】

1、拖入一個矩形框,并且在載入的時候設置長寬為屏幕的寬高

2、設置矩形框為漸變色

做好之后,在瀏覽器中差不多就是如下效果:

第二步:【構建核心區域】

1、創建一個動態面板,并設置固定的寬高,填充主要內容

2、載入的時候使動態面板居中(這里可以使用獲取屏幕寬度的一半減去動態面板自身的一半來定位,當然也可以直接用像素隨意調整)

3、現在再預覽下,看下設置是否生效,正確的話已經可以看到動態面板已經居中

第三步:【增加左右兩側的常用入口】

1、創建多個矩形框,并為其定位到左右兩側

通過屏幕及的位置,計算各個矩形的位置,將新增需求放在左側,提交需求放在右側

2、現在預覽下,看起來的效果如下:

第四步:【在底部放入歷史的原型版本】

1、創建多個矩形框,并為其定位到底部區域

2、預覽下效果,現在看起來基本框架已經建好

通過如上的步驟,我們的需求看板就完成了,為所有的入口加入原型的地址就可以訪問了。用變量保存地址,以防止ip變化導致需要多處修改:

以下是我在實際項目中使用的原型需求看板,自己購買了一個好記的域名,并使用svn和本地服務器管理所有的原型。提交需求鏈接的是項目管理工具,Bug系統鏈接的是bug管理工具…

這個方案并不一定完全適用于大家的工作場景,本篇更多的思想在于,養成良好的整理和歸納的習慣,在工作的過程中不斷改進工作的方式和方法以提升工作效率。給領導一個網址,遠比一個附件再次打開要效率高。希望本篇文章能對大家有所幫助和啟發!

內容下載地址:

作者鏈接:http://pan.baidu.com/s/1pLn1dOn 密碼:4by2

在線預覽:http://h3180u.axshare.com

 

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

題圖來自PEXELS,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 太秀了,也可以墨刀做一個專門的原型收納的原型
    另外,鏈接打不開了

    來自湖南 回復
  2. 相當于制作了一個WEB APP了,做了這么多絢麗的色彩,有點炫的感覺,可實用性不大,要管理這些內容,還不如專業的工具或直接EXCEL表來得方便

    來自浙江 回復
    1. 專業工具有哪些?求指教

      回復
    2. 有沒有excel模板,能發給我嗎?謝謝

      回復
  3. 好無聊

    來自北京 回復
  4. 我在學您的方法,注冊完域名我就卡住了……..

    來自廣東 回復
    1. 隨便買個就好了!不要糾結…

      回復
  5. 你的面板半成品打開太可怕了,哈哈,不停地變大,都占滿屏了,鼠標移出也不縮小。 ?? ??

    來自北京 回復