Axure 原型設(shè)計的三步進階法
平時跟很多同學朋友的交流過程中,對于axure的需要做到怎樣,眾說紛紜。總結(jié)了一下大家的意見,分別有以下幾種:
1、掌握基本的搭建方法即可,不需要做交互;
2、既然做就要做到盡善盡美,頁面和交互都是比較重要的,必須做到
3、做到何種程度因人因項目而異,但是需要會做,以免需要做時無從下手。
這三種觀點明顯比較更受大家支持的是第三種。
有一位學員,是一位女孩子,我們暫時稱呼為S同學吧,也是持這種觀點。
在學習的過程當中,原來與其他同學一樣,她在學習的前半段也是只學習了較為基礎(chǔ)的內(nèi)容:包括頁面的搭建、部件元素的使用和設(shè)置、簡單交互的設(shè)置等等。
在沒有接觸進一步的學習之前,覺得axure的使用就是這樣了,再進一步的使用也是與原來學習過的基礎(chǔ)的內(nèi)容無異。
但在進行了進一步的學習之后,刷新了對于axure的認知,知道了axure原來也可以這么做。
這里以S同學做的一個作業(yè)作為例子給大家看看,共同來體驗一下S同學當時的感受。
這個作業(yè)是這樣子的,在輸入框輸入內(nèi)容,在列表當中做出篩選。這個交互,也是隨著學習的深入和認識的逐漸加深,有一個變化的過程。
1.簡單交互完成
用簡單的顯示隱藏動作去做設(shè)置,例如要篩選出“交通銀行”的話,就設(shè)置當輸入框的文字為“交通銀行”的時候,隱藏其他銀行的名字。
這個設(shè)置方法有比較大的缺陷是:只能輸入指定的文字,這里給它設(shè)定的是輸入“交通銀行”,也可以設(shè)定為“交”/“通”/“交通”等等。并且是認為決定它顯示哪一個或者哪幾個銀行的名稱。如果被篩選的內(nèi)容數(shù)量多了,就會造成時間的浪費以及可能的錯誤產(chǎn)生如顯示的名字選擇錯等情況。
如果你的數(shù)量非常少,并且搜索的內(nèi)容不復(fù)雜,可以考慮用這種方式來設(shè)置,比較簡單。
2.中繼器的簡單動作設(shè)置
接觸過中繼器的朋友應(yīng)該都知道,中繼器動作里邊有一個動作叫做“添加篩選”,看這個名字馬上就能知道,這個動作的主要作用就是用來做篩選。
所以S同學在學習到這里的時候,發(fā)現(xiàn)之前的例子可以用中繼器的這個動作來做。所以就有了第二種的做法。
將被篩選的列表,這里是銀行l(wèi)ogo和名稱,用中繼器進行制作。在搜索的輸入框中輸入內(nèi)容,判斷輸入的哪個銀行的名字,則篩選出該銀行的名字。
?
從查看效果和設(shè)置方法,大家可以看出這種方法的優(yōu)缺點在什么地方嗎?與前面一種方法相比,有點很明顯,是進行自動篩選的,這樣篩選的準確性高很多,設(shè)置上也不需進行很多步操作,被篩選對象是多個。
但是缺點跟第一種類似,這里只能輸入完整的銀行名稱。因為它的篩選是根據(jù)數(shù)據(jù)集中的內(nèi)容進行判斷篩選的。這里數(shù)據(jù)集是“XX銀行”,所以條件就是“XX銀行”,如果數(shù)據(jù)集是“交通”、“平安”等,那么,篩選條件就是“交通”、“平安”等。
如果你的篩選數(shù)量較多,又是需要進行完整輸入的,選擇S同學這個第二種方式也是很不錯的。
3.中繼器的復(fù)雜交互設(shè)置
再往后學習的過程中,S同學接觸到了函數(shù),結(jié)合上一種中繼器的做法,最后有了一個比較靈活的篩選交互的做法。
找到適合的函數(shù),只要輸入的內(nèi)容能在數(shù)據(jù)集中被檢索到,包含這個內(nèi)容的對象就會被篩選出來。
這種方法做出來的這個交互效果,完美避開了前面兩種做法的確定,是最靈活、最有效的搜索方法。
也難怪S同學會覺得神奇,Axure居然可以做到現(xiàn)在這樣。在一步步的學習當中,加深了對于axure的應(yīng)用的認識。
我們要知道,Axure確實是可以做到這樣的,并且我們最好是能夠知道應(yīng)該怎么做到,這樣在日后的工作中如果需要,上手就可以做,這樣也減少了在忙碌的工作中尋求做法的時間。