Axure 原型 | 用Axure畫(huà)流程圖

29 評(píng)論 153533 瀏覽 1355 收藏 4 分鐘

軟件行業(yè)從業(yè)6年,流程圖看過(guò)太多,大部分流程圖是在考驗(yàn)閱讀者的理解能力,近期在設(shè)計(jì)公司新版APP,對(duì)流程圖的繪制也有點(diǎn)體會(huì)心得。

用Axure繪制流程圖好處是可以隨時(shí)預(yù)覽,比較靈活。不過(guò)就是沒(méi)有Visio那么多模板和強(qiáng)大的功能。

Axure默認(rèn)的流程圖控件:

2015-11-10 18-07-37

其實(shí)我們最常用的是:矩形、菱形、箭頭。因?yàn)檫@些基本圖形其實(shí)并沒(méi)有形象的表明它們是什么,更多的還是需要使用者根據(jù)自身的流程實(shí)際情況多加注釋?zhuān)源蟛糠至鞒虉D只需使用這兩個(gè)控件即可。

Axure選擇連接模式連接流程圖:

11月 10, 2015 21:22

繪制流程圖基本要點(diǎn):

流程路徑不要交叉:

2015-11-10 18-01-31

對(duì)復(fù)雜流程進(jìn)行精簡(jiǎn),只保留最少最優(yōu)路徑:

1GQ3G18-11

反復(fù)思考和理解需求,深入理解才能更好的改進(jìn):

屏幕快照 2015-11-10 下午9.34.09

網(wǎng)上也有非常多實(shí)用的要領(lǐng)和方法,本文不再贅述。我只列出最實(shí)用的三條,第一條是基礎(chǔ),考驗(yàn)基本功、第二條是要鍛煉清晰的思維、第三條為第二條服務(wù),深入理解需求并改進(jìn)流程。

案例共享:

下面這個(gè)流程圖是我目前正在做的項(xiàng)目,將隱私信息都屏蔽了。是一個(gè)P2P金融APP內(nèi)購(gòu)買(mǎi)理財(cái)產(chǎn)品的跳轉(zhuǎn)邏輯,晚上閑著時(shí)間所以加了動(dòng)態(tài)效果,可以讓人眼前一亮,而且包含部分頁(yè)面切換的交互邏輯[建議將交互邏輯分開(kāi)寫(xiě)],這么寫(xiě)在演示的時(shí)候自然更佳!也是能(zhuan)力(bi)的體現(xiàn)~

屏幕快照 2015-11-10 下午9.48.16

下面是一個(gè)幾年前寫(xiě)的Bugfree處理流程,用的Visio畫(huà)的,用了幾年了,一直很好用,共享給大家!

u0

由于隱私保密問(wèn)題,后臺(tái)的流程及更多的交互稿無(wú)法共享,以后有時(shí)間將隱私內(nèi)容除去再共享給大家,一起學(xué)習(xí)進(jìn)步!

原型下載地址:

http://pan.baidu.com/s/1oMKgu

密碼:ermx

在線(xiàn)預(yù)覽:

http://bxmky1.axshare.com

 

本文由 @陳張良 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
06-161955 瀏覽
大廠瘋搶梅西流量
評(píng)論
評(píng)論請(qǐng)登錄
  1. 作者我是位交互設(shè)計(jì)師 有些不解是否可以指教下,你我都是同道中人,所以不用多說(shuō) 心照不宣的感覺(jué),可以加個(gè)微信嗎?VX:raincnos(布衣)

    來(lái)自廣東 回復(fù)
  2. 請(qǐng)問(wèn)你演示的“Axure選擇連接模式連接流程圖”的動(dòng)畫(huà)是什么做的呢?140 KB還這么清晰。

    來(lái)自廣東 回復(fù)
  3. 樓主原型地址失效了,還能共享一下嗎

    來(lái)自甘肅 回復(fù)
  4. 圖1 吧業(yè)務(wù)流程圖和頁(yè)面流程圖放在一起,感覺(jué)有點(diǎn)亂

    來(lái)自上海 回復(fù)
  5. 請(qǐng)問(wèn)那個(gè)在線(xiàn)預(yù)覽怎么做到的呀,好贊

    來(lái)自遼寧 回復(fù)
    1. Axure的發(fā)布 功能 吧

      來(lái)自四川 回復(fù)
    2. AXURE rp8直接就可以預(yù)覽的啊

      來(lái)自廣東 回復(fù)
  6. 請(qǐng)問(wèn)您邏輯的線(xiàn)框圖用什么畫(huà)的

    來(lái)自重慶 回復(fù)
  7. 求中文版Axure下載的云鏈接?拜托~

    來(lái)自上海 回復(fù)
    1. 這篇文章里面有下載地址和漢化包http://zhangjingwei.cn/xiazai/58714.html

      來(lái)自北京 回復(fù)
  8. 跪求中文版軟件Axure~求百度云下載鏈接

    來(lái)自上海 回復(fù)
  9. 謝謝~我也是測(cè)試轉(zhuǎn),做了一年測(cè)試,公司需要;轉(zhuǎn)了產(chǎn)品

    來(lái)自陜西 回復(fù)
  10. 樓主好人

    來(lái)自廣東 回復(fù)
  11. 謝謝樓主分享

    來(lái)自北京 回復(fù)
  12. 不錯(cuò),受教了,膜拜大神

    來(lái)自山東 回復(fù)
  13. 謝謝,很有用

    來(lái)自廣東 回復(fù)
  14. 您好 請(qǐng)問(wèn)交互都添加在哪個(gè)元件了?

    來(lái)自遼寧 回復(fù)
  15. 我在網(wǎng)上看到一張流程圖,各項(xiàng)之間的連接線(xiàn)特別的流暢,學(xué)校有個(gè)課件想做成那張圖片的樣子,可是這個(gè)軟件做出來(lái)的連接線(xiàn)都太過(guò)于生硬了,不知道郵件沒(méi)有辦法讓流程圖的線(xiàn)條不要那么生硬?

    來(lái)自新疆 回復(fù)
  16. 請(qǐng)問(wèn)用什么把在電腦上的操作做成GIF動(dòng)圖的 ??

    來(lái)自江蘇 回復(fù)
  17. 很專(zhuān)業(yè)的感覺(jué)
    是否可以多分享一下你上圖那個(gè)APP的rp?
    目前我也在做一個(gè)社區(qū)購(gòu)物的APP,想?yún)⒖家幌隆??? ??

    來(lái)自福建 回復(fù)
  18. 如果想要做UI/UE的,yohoo.looip.cn?id=51 可以來(lái)我們這里看看呦。優(yōu)乎只專(zhuān)注互聯(lián)網(wǎng)移動(dòng)端設(shè)計(jì),因?yàn)閷?zhuān)注,所以專(zhuān)業(yè)。 ??

    來(lái)自北京 回復(fù)