探秘UX:如何分享原型才更有效率?
![](http://image.woshipm.com/wp-files/img/100.jpg)
如果你是一枚交互設(shè)計(jì)師,這篇文章也許對(duì)你有幫助。這篇文章將介紹如何更有效率的分享原型。
在剛轉(zhuǎn)型做交互設(shè)計(jì)師的時(shí)候,我是這樣分享原型的…
或者是這樣的:
一個(gè)近40M的文件經(jīng)常分享給開發(fā)同事,同事們大多苦不堪言。好在開發(fā)同志比較開明,沒(méi)有KO我(其實(shí)在他們心里我已經(jīng)被KO很多次了)。
分享原型是交互設(shè)計(jì)師經(jīng)常發(fā)生的一個(gè)環(huán)節(jié),如果能更快捷的分享原型,將能提高我們的工作效率。
分享原型的方式
那我們先來(lái)看看一個(gè)交互設(shè)計(jì)師都有哪些分享原型的方式:
方式一:通過(guò)QQ群分享原型文件
交互設(shè)計(jì)師小王使用Axure做好一個(gè)原型,想分享給產(chǎn)品經(jīng)理老曹(不要問(wèn)我為什么是老曹)看一看。小王導(dǎo)出原型文件,將導(dǎo)出的文件打包(因?yàn)榇虬奈臋n發(fā)送起來(lái)比較快,不要問(wèn)我為什么),打開QQ找到老曹并發(fā)送文件。老曹先接收文件,然后解壓文件,解壓后打開文件看原型,發(fā)現(xiàn)原型有些問(wèn)題需要修改,把整理好的修改意見(jiàn)提交給小王。小王接到修改意見(jiàn),修改原型文檔。接著小王再次導(dǎo)出文件、打包文件、發(fā)送文件,老曹繼續(xù)下載文件、解壓文件、查看文件,又發(fā)現(xiàn)一些需要修改的地方,再次把整理好的修改意見(jiàn)提交給小王。然后往復(fù)幾個(gè)過(guò)程,小王和老曹都平臨崩潰。晚上9點(diǎn)多,老曹和小王拖著疲憊的身體和糟糕的心情離開了公司。
方式二:通過(guò)SVN分享原型文件
交互設(shè)計(jì)師小王使用Axure做好一個(gè)原型,想分享給產(chǎn)品經(jīng)理老曹看一看。小王把導(dǎo)出的文件直接放入SVN上,告訴老曹原型已經(jīng)上傳到SVN上。老曹更新SVN上的文件,打開文件開始查看原型,發(fā)現(xiàn)原型上有些問(wèn)題需要修改,把整理好的修改意見(jiàn)提交給小王。小王接到修改意見(jiàn),修改原型文檔。小王把修改好的原型導(dǎo)出,放入到SVN上,告訴老曹原型已在SVN上更新。很快小王就完成了老曹所有的修改意見(jiàn),從此他們幸福的成為了一對(duì)好基友(畫面太美,我不敢看)。
方式三:通過(guò)鏈接分享原型文件
交互設(shè)計(jì)師小王使用Axure做好一個(gè)原型,想分享給產(chǎn)品經(jīng)理老曹看一看。小王把原型上傳到AxureShare,告訴老曹原型的鏈接地址。老曹打開鏈接開始查看原型,發(fā)現(xiàn)原型上有些問(wèn)題需要修改,把整理好的修改意見(jiàn)提交給小王。小王接到修改意見(jiàn),修改原型文檔。小王把修改好的原型再次上傳至AxureShare,并告訴老曹原型已更新。很快小王就完成了老曹所有的修改意見(jiàn),從此他們幸福的成為了一對(duì)好基友(畫面太美,我不敢看)。
以效率來(lái)說(shuō),通過(guò)鏈接分享是效率最高的一種方式??葾xureShare這樣的分享方式受限于網(wǎng)絡(luò),而且打開速度非常慢,一個(gè)頁(yè)面十幾秒的等待時(shí)間。
有沒(méi)有更好的方式來(lái)分享原型使效率更高?當(dāng)然有,這就是接下來(lái)文章要寫的內(nèi)容。
使用局域網(wǎng)進(jìn)行原型分享,一次布置多次使用,而且不受網(wǎng)絡(luò)速度的限制。這種分享方式傳播速度快,版本管理方便。
分享原型的步驟?
1. 下載Apache,并安裝Apache。
具體下載地址請(qǐng)自行搜索,安裝教程略。不會(huì)的童鞋,請(qǐng)召喚開發(fā)同志幫忙。
2. 創(chuàng)建文件。
將你導(dǎo)出的html文件放入htdocs這個(gè)文件夾內(nèi),如下圖所示:
3.?打開地址
在瀏覽器中輸入你的ip地址,并在地址后方加入導(dǎo)出文件的名稱。
人人都是產(chǎn)品經(jīng)理原型地址:
http://hisharer.com/prototype/renrenchanpin_web/
(隨便畫畫,不喜勿噴)
小技巧
- 創(chuàng)建文件的快捷入口
- 分享自己的ip地址,固定你的ip地址
總結(jié)
作為一個(gè)交互設(shè)計(jì)師,我們常常在想如何提升用戶體驗(yàn)。如何提高工作效率,也是我們應(yīng)該考慮的事情。(其實(shí),我比較懶。常常在想能偷懶的事情。)
希望今天的分享,能對(duì)交互新人有所幫助。有更好建議的朋友,請(qǐng)?jiān)谙路搅粞耘叮芨吲d能與大家一起討論。
本文由 @Clone 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
公司的同事制作的一個(gè)產(chǎn)品原型,要發(fā)給我,我當(dāng)時(shí)正在客戶這里,電腦上并沒(méi)有Axure,客戶又催得急,感到一陣無(wú)奈。這次回來(lái)之后,經(jīng)過(guò)一番摸索,發(fā)現(xiàn)還是有辦法的。這里給大家分享一下Axure發(fā)布分享預(yù)覽的方法。
1、使用AxShare
這個(gè)是Axure官方提供的服務(wù)。
方法是:把你的rp文檔,上傳到http://share.axure.com(Axure軟件里工具欄有按鈕可以直接上傳)。
不過(guò),很多使用過(guò)Axshare的朋友都會(huì)放棄它的,因?yàn)樗姆?wù)器在國(guó)外,在國(guó)內(nèi)使用它實(shí)在是讓人很窒息的(速度實(shí)在太慢了)。
這個(gè)方法,是原生的Axure服務(wù),但可惜有點(diǎn)望梅止渴。
2、本地搭建WEB服務(wù)
如果只是公司內(nèi)部在工作期間進(jìn)行交流,那么就可以本地搭建WEB服務(wù)。至于如
何去搭建一個(gè)WEB服務(wù)則是一個(gè)稍顯麻煩的過(guò)程。在這里簡(jiǎn)要地介紹一下這個(gè)方法:
1) 打開控制面板,選擇并進(jìn)入“程序”,雙擊“打開或關(guān)閉Windows服務(wù)”,在彈出的窗口中選擇“Internet信息服務(wù)”下面所有地選項(xiàng),點(diǎn)擊確定后,開始更新服務(wù)。
2) 更新完成后,打開瀏覽器,輸入“http://localhost/”回車,如果此時(shí)出現(xiàn)IIS7歡迎界面,說(shuō)明Web服務(wù)器已經(jīng)搭建成功。
3) 當(dāng)web服務(wù)器搭建成功后,我們下一步所要做的就是把我們開發(fā)的網(wǎng)站安裝到Web服務(wù)器的目錄中。一般情況下,當(dāng)Web服務(wù)器安裝完成后,會(huì)創(chuàng)建路徑“%系統(tǒng)根目錄%inetpub/wwwroot”,將我們開發(fā)的網(wǎng)站COPY到該路徑下。即可實(shí)現(xiàn)本地訪問(wèn)該網(wǎng)站。
4) 設(shè)置防火墻,讓局域網(wǎng)當(dāng)其它計(jì)算機(jī)也能訪問(wèn)本地網(wǎng)站資源。
5) 在局域網(wǎng)中其它計(jì)算機(jī)上,打開瀏覽器,輸入“http://Web服務(wù)器的IP地址/”按回車鍵,就可以訪問(wèn)服務(wù)器上的資源”。
這個(gè)方法,要懂點(diǎn)技術(shù)知識(shí),如果愿意,你可以試試。
3、使用國(guó)內(nèi)的原型托管平臺(tái)
呃……
這一招我已經(jīng)用了好幾年了
我的工作機(jī)除Axure RP、Balsamiq Mockups、Sublime Text等必備工具外
我定會(huì)裝Apache,用內(nèi)網(wǎng)ip或者加到域中的域名employeeNo.domain來(lái)分享。
而且看內(nèi)網(wǎng)環(huán)境是否允許,我會(huì)申請(qǐng)SVN版本庫(kù)或者自己部署本地Subversion,做版本管理用。
果然要靠局域網(wǎng)。不過(guò)我曾經(jīng)百度到更加簡(jiǎn)單的局域網(wǎng)方法 ??
回頭研究研究,感謝評(píng)論
放在新浪云就方便很多了!
放在云上面只能下載,不能在線查看原型頁(yè)面