Axure 原型設計的三步進階法

平時跟很多同學朋友的交流過程中,對於axure的需要做到怎樣,衆說紛紜。總結了一下大家的意見,分別有以下幾種:

 

1、掌握基本的搭建方法即可,不需要做交互;

2、既然做就要做到盡善盡美,頁面和交互都是比較重要的,必須做到

3、做到何種程度因人因項目而異,但是需要會做,以免需要做時無從下手。

 

這三種觀點明顯比較更受大家支持的是第三種。

 

有一位學員,是一位女孩子,我們暫時稱呼爲S同學吧,也是持這種觀點。

 

在學習的過程當中,原來與其他同學一樣,她在學習的前半段也是隻學習了較爲基礎的內容:包括頁面的搭建、部件元素的使用和設置、簡單交互的設置等等。

 

在沒有接觸進一步的學習之前,覺得axure的使用就是這樣了,再進一步的使用也是與原來學習過的基礎的內容無異。

 

但在進行了進一步的學習之後,刷新了對於axure的認知,知道了axure原來也可以這麼做。

 


 

這裏以S同學做的一個作業作爲例子給大家看看,共同來體驗一下S同學當時的感受。

 

這個作業是這樣子的,在輸入框輸入內容,在列表當中做出篩選。這個交互,也是隨着學習的深入和認識的逐漸加深,有一個變化的過程。

 

簡單交互完成

 

用簡單的顯示隱藏動作去做設置,例如要篩選出“交通銀行”的話,就設置當輸入框的文字爲“交通銀行”的時候,隱藏其他銀行的名字。

 

 

                         

 

這個設置方法有比較大的缺陷是:只能輸入指定的文字,這裏給它設定的是輸入“交通銀行”,也可以設定爲“交”/“通”/“交通”等等。並且是認爲決定它顯示哪一個或者哪幾個銀行的名稱。如果被篩選的內容數量多了,就會造成時間的浪費以及可能的錯誤產生如顯示的名字選擇錯等情況。

 

如果你的數量非常少,並且搜索的內容不復雜,可以考慮用這種方式來設置,比較簡單。

 

中繼器的簡單動作設置

 

接觸過中繼器的朋友應該都知道,中繼器動作裏邊有一個動作叫做“添加篩選”,看這個名字馬上就能知道,這個動作的主要作用就是用來做篩選。

 

所以S同學在學習到這裏的時候,發現之前的例子可以用中繼器的這個動作來做。所以就有了第二種的做法。

 

將被篩選的列表,這裏是銀行logo和名稱,用中繼器進行製作。在搜索的輸入框中輸入內容,判斷輸入的哪個銀行的名字,則篩選出該銀行的名字。

 

 

從查看效果和設置方法,大家可以看出這種方法的優缺點在什麼地方嗎?與前面一種方法相比,有點很明顯,是進行自動篩選的,這樣篩選的準確性高很多,設置上也不需進行很多步操作,被篩選對象是多個。

 

但是缺點跟第一種類似,這裏只能輸入完整的銀行名稱。因爲它的篩選是根據數據集中的內容進行判斷篩選的。這裏數據集是“XX銀行”,所以條件就是“XX銀行”,如果數據集是“交通”、“平安”等,那麼,篩選條件就是“交通”、“平安”等

 

 

如果你的篩選數量較多,又是需要進行完整輸入的,選擇S同學這個第二種方式也是很不錯的。

 

中繼器的複雜交互設置

 

再往後學習的過程中,S同學接觸到了函數,結合上一種中繼器的做法,最後有了一個比較靈活的篩選交互的做法。

 

找到適合的函數,只要輸入的內容能在數據集中被檢索到,包含這個內容的對象就會被篩選出來。

 

 

這種方法做出來的這個交互效果,完美避開了前面兩種做法的確定,是最靈活、最有效的搜索方法。

 

也難怪S同學會覺得神奇,Axure居然可以做到現在這樣。在一步步的學習當中,加深了對於axure的應用的認識。

 

我們要知道,Axure確實是可以做到這樣的,並且我們最好是能夠知道應該怎麼做到,這樣在日後的工作中如果需要,上手就可以做,這樣也減少了在忙碌的工作中尋求做法的時間。

發佈了209 篇原創文章 · 獲贊 14 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章