當前位置:編程學習大全網 - 編程語言 - 有比axure更好用的原型設計嗎

有比axure更好用的原型設計嗎

轉載的,妳可以看看。

《妳知道Axure做交互能有多慢?》

Axure在筆者心目中是壹款偉大的老牌產品。對於從2003年就開始專註在原型設計工具這個領域的專家,筆者非常敬重。本文並無猥褻之意。

當然,這個“偉大”僅僅限於英文中的那個“great”,而非中文的“偉大”。老外是很容易說“great”,那麽就用這個詞給它。咱們國人的“偉大”其實不能隨便給,所以得廢話兩句來說明。

說正題,交互設計是我們原型設計中很重要的壹部分, 是否能夠快速搞定?設計的效率如何?是否簡單易用?很大程度上決定了我們在原型設計上花費的時間和成本。

Axure做交互有多慢?

快慢是相對的,我們不妨用另壹款工具做個對比吧,既然Mockplus和Axure都自稱“快速原型設計工具”,那我們就來看看。

問題1:設置交互有多慢?

設置交互,是完成壹個交互設計的開始。

Axure - 彈窗篩選,多步設置

做任何壹個交互,需要在圖中的彈窗中,在壹堆事件和壹大堆的頁面組件中去找到壹個交互目標。

我看過幾本關於Axure的書籍,其中都提到壹個“精要”,就是反復提醒妳:在做交互的時候,壹定不要忘記給每個組件取個名字——為什麽呢?因為做交互的時候不好找。

在最新的Axure 8 中,特意把設置組件名字的輸入框單獨放出來,然後做得很大,就是要善意地告訴妳:“哥,別忘了先取名字哦,不然,到時候妳找不到哦”。

重要的事情說三遍,咳,咳。

Mockplus - 壹鍵拖拽

與其它原型設計工具不壹樣,Mockplus采用了非常直觀的拖拽方式來設定交互目標。紅色的連接線,隨著鼠標拖哪連哪。連到的組件,就是交互目標。松開鼠標,彈出的面板中會清晰地顯示出觸發條件和動作效果。只需跟著提示操作,就可快速地完成交互。

問題2:實現交互有多慢?

我們通過壹個實例來看看:

在交互設計中,第壹次交互發生後,第二次回到交互初始狀態,是特別常用的場景。為了直觀地說明問題,這裏我們就以左右移動組件為例子吧。

測試內容:

點擊壹個圖片,讓它按照線型動畫右移200px,然後再次點擊這個圖片,讓它移動回原來的位置。

看起來很簡單,是嗎?

Axure - 添加多個用例,多步完成

我嘗試了在Axure中能夠實現這個交互的所有方法:

方法壹:使用動態面板的狀態。

在動態面板中,建立2個狀態,然後,然後,然後,再然後……

好了,為節約紙張,我把最後的交互用例的樣子截圖出來吧:

方法二:使用條件編輯器,進行條件判斷設置,類似編程。直接獻圖吧。

不是我不詳細說,確實有點原因:?

——妳知道什麽是“變量”和“賦值”嗎?

——妳知道什麽是“全局變量”嗎?是什麽“全局變量的初始化”嗎?

——妳知道什麽是“條件判斷”,什麽是“if”,什麽“else”?,什麽是條件、分支?

估計妹子們會立即噴我:“妳會編程妳屌呀?!!,本宮如果會編程還用這個嗎?”,所以……不敢再多說了,但是沒這個知識妳還真搞不懂。

不要被圖中的東西嚇到了,我保證我沒有多用壹個步驟,但還是這麽多:

方法三:用2個完全壹樣圖片(A和B),通過“偽裝”的方式來完成。首先設置A顯示,B隱藏,點擊A,移動到位後,讓B顯示,A隱藏,此時,點擊B,移動到位後,讓B隱藏,A顯示——我已經喘不過氣了,妳呢?

以上無論哪種方法,都需要很多步驟才能完成。

Mockplus?-壹鍵自動還原

Mockplus中,只需要2步:鼠標拖拽壹個交互鏈接到圖片自己,選擇“移動”交互,然後在交互面板中勾選“自動還原”,如圖。

快嗎?

是的,真的就是這麽快。妹子該笑顏如花了。

結語

當妳計劃去設計壹個網站或者App時,可能會選擇那些“盡人皆知”的原型設計工具,它們很“強大”。可是,在其面面俱到的背後,我們看到了緩慢、臃腫、復雜、難懂——其實,我反而認為簡單快速就是強大。

用最小的代價得到妳要的,這個,就是我們經常嘮叨的“用戶體驗”。

  • 上一篇:軟件開發培訓學校:培訓班出身的程序員,和科班程序員有什麽區別?
  • 下一篇:助聽器應該如何調節才更適合聽?
  • copyright 2024編程學習大全網