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