Axure原型:1個原型搞定工作知會
團隊中,總會有人沒有好的整理習慣,或者記性不好,亦或者你也不想為了這些事情耽誤自己的時間。如何能有效的減少這類事情的溝通成本呢?作者嘗試制作了一個關于需求溝通的面板原型,一起來看看。
“小健阿,那個缺陷管理的后臺地址是什么?”
“小健啊,98.8活動的需求稿你發給我了么,在哪里看?”
“小健啊,上周我們做了哪些需求啊,你整理出來看看”
“小健啊,現在XXX在開發什么,好像沒什么事干吧”
“小健啊,那個需求改過了吧,之前是為什么要改,之前的需求在哪呀”
這期又有些啥,點睹為快:點我查看
工作中如果不整理和歸類,當有人問起上述問題的時候,如果自己都記不得了,那就非常的糟糕了!自己工作再忙,都會抽時間管理自己的收藏夾,整理自己的桌面和工作文件夾。我覺得這不僅僅是強迫癥,更多的還是通過井井有條的整理和分類,工作效率會大大提高。
團隊中,總會有人沒有好的整理習慣,或者記性不好,亦或者你也不想為了這些事情耽誤自己的時間。如何能有效的減少這類事情的溝通成本呢?
我試著搞了一個需求的面板,讓所有的這類事件都有一個網頁能一鍵直達!經過不斷的過程改進,和反復的試驗和實踐。我的思路如下:
- 這個需求面板只有一個入口
- 這個入口要非常方便記憶
- 管理起來相對比較簡單
- 優化頁面布局
教程開始前,你需要掌握如下知識:
- 【購買域名,配置域名解析】:學會域名解析
- 【部署服務器,進行簡單配置】:XAMPP,或者單獨tomcat,apache,等web服務
- 【搭建簡單的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協議
太秀了,也可以墨刀做一個專門的原型收納的原型
另外,鏈接打不開了
相當于制作了一個WEB APP了,做了這么多絢麗的色彩,有點炫的感覺,可實用性不大,要管理這些內容,還不如專業的工具或直接EXCEL表來得方便
專業工具有哪些?求指教
有沒有excel模板,能發給我嗎?謝謝
好無聊
我在學您的方法,注冊完域名我就卡住了……..
隨便買個就好了!不要糾結…
你的面板半成品打開太可怕了,哈哈,不停地變大,都占滿屏了,鼠標移出也不縮小。 ?? ??