探秘UX:如何分享原型才更有效率?

6 評論 18027 瀏覽 106 收藏 7 分鐘

如果你是一枚交互設計師,這篇文章也許對你有幫助。這篇文章將介紹如何更有效率的分享原型。

在剛轉型做交互設計師的時候,我是這樣分享原型的…

QQ截圖20160527143214

或者是這樣的:

3189D1ED9BF15742AF2117AE0C5CF470

一個近40M的文件經常分享給開發同事,同事們大多苦不堪言。好在開發同志比較開明,沒有KO我(其實在他們心里我已經被KO很多次了)。

分享原型是交互設計師經常發生的一個環節,如果能更快捷的分享原型,將能提高我們的工作效率。

分享原型的方式

那我們先來看看一個交互設計師都有哪些分享原型的方式:

方式一:通過QQ群分享原型文件

交互設計師小王使用Axure做好一個原型,想分享給產品經理老曹(不要問我為什么是老曹)看一看。小王導出原型文件,將導出的文件打包(因為打包的文檔發送起來比較快,不要問我為什么),打開QQ找到老曹并發送文件。老曹先接收文件,然后解壓文件,解壓后打開文件看原型,發現原型有些問題需要修改,把整理好的修改意見提交給小王。小王接到修改意見,修改原型文檔。接著小王再次導出文件、打包文件、發送文件,老曹繼續下載文件、解壓文件、查看文件,又發現一些需要修改的地方,再次把整理好的修改意見提交給小王。然后往復幾個過程,小王和老曹都平臨崩潰。晚上9點多,老曹和小王拖著疲憊的身體和糟糕的心情離開了公司。

方式二:通過SVN分享原型文件

交互設計師小王使用Axure做好一個原型,想分享給產品經理老曹看一看。小王把導出的文件直接放入SVN上,告訴老曹原型已經上傳到SVN上。老曹更新SVN上的文件,打開文件開始查看原型,發現原型上有些問題需要修改,把整理好的修改意見提交給小王。小王接到修改意見,修改原型文檔。小王把修改好的原型導出,放入到SVN上,告訴老曹原型已在SVN上更新。很快小王就完成了老曹所有的修改意見,從此他們幸福的成為了一對好基友(畫面太美,我不敢看)。

方式三:通過鏈接分享原型文件

交互設計師小王使用Axure做好一個原型,想分享給產品經理老曹看一看。小王把原型上傳到AxureShare,告訴老曹原型的鏈接地址。老曹打開鏈接開始查看原型,發現原型上有些問題需要修改,把整理好的修改意見提交給小王。小王接到修改意見,修改原型文檔。小王把修改好的原型再次上傳至AxureShare,并告訴老曹原型已更新。很快小王就完成了老曹所有的修改意見,從此他們幸福的成為了一對好基友(畫面太美,我不敢看)。

以效率來說,通過鏈接分享是效率最高的一種方式??葾xureShare這樣的分享方式受限于網絡,而且打開速度非常慢,一個頁面十幾秒的等待時間。

有沒有更好的方式來分享原型使效率更高?當然有,這就是接下來文章要寫的內容。

使用局域網進行原型分享,一次布置多次使用,而且不受網絡速度的限制。這種分享方式傳播速度快,版本管理方便。

分享原型的步驟?

1. 下載Apache,并安裝Apache。

具體下載地址請自行搜索,安裝教程略。不會的童鞋,請召喚開發同志幫忙。

2. 創建文件。

將你導出的html文件放入htdocs這個文件夾內,如下圖所示:

QQ截圖20160527154606

QQ截圖20160527154606

3.?打開地址

在瀏覽器中輸入你的ip地址,并在地址后方加入導出文件的名稱。

QQ截圖20160527155107

人人都是產品經理原型地址:

http://hisharer.com/prototype/renrenchanpin_web/

(隨便畫畫,不喜勿噴)

小技巧

  1. 創建文件的快捷入口
  2. 分享自己的ip地址,固定你的ip地址

總結

作為一個交互設計師,我們常常在想如何提升用戶體驗。如何提高工作效率,也是我們應該考慮的事情。(其實,我比較懶。常常在想能偷懶的事情。)

希望今天的分享,能對交互新人有所幫助。有更好建議的朋友,請在下方留言哦,很高興能與大家一起討論。

 

本文由 @Clone 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 公司的同事制作的一個產品原型,要發給我,我當時正在客戶這里,電腦上并沒有Axure,客戶又催得急,感到一陣無奈。這次回來之后,經過一番摸索,發現還是有辦法的。這里給大家分享一下Axure發布分享預覽的方法。

    1、使用AxShare

    這個是Axure官方提供的服務。

    方法是:把你的rp文檔,上傳到http://share.axure.com(Axure軟件里工具欄有按鈕可以直接上傳)。

    不過,很多使用過Axshare的朋友都會放棄它的,因為它的服務器在國外,在國內使用它實在是讓人很窒息的(速度實在太慢了)。

    這個方法,是原生的Axure服務,但可惜有點望梅止渴。

    2、本地搭建WEB服務

    如果只是公司內部在工作期間進行交流,那么就可以本地搭建WEB服務。至于如

    何去搭建一個WEB服務則是一個稍顯麻煩的過程。在這里簡要地介紹一下這個方法:

    1) 打開控制面板,選擇并進入“程序”,雙擊“打開或關閉Windows服務”,在彈出的窗口中選擇“Internet信息服務”下面所有地選項,點擊確定后,開始更新服務。

    2) 更新完成后,打開瀏覽器,輸入“http://localhost/”回車,如果此時出現IIS7歡迎界面,說明Web服務器已經搭建成功。

    3) 當web服務器搭建成功后,我們下一步所要做的就是把我們開發的網站安裝到Web服務器的目錄中。一般情況下,當Web服務器安裝完成后,會創建路徑“%系統根目錄%inetpub/wwwroot”,將我們開發的網站COPY到該路徑下。即可實現本地訪問該網站。

    4) 設置防火墻,讓局域網當其它計算機也能訪問本地網站資源。

    5) 在局域網中其它計算機上,打開瀏覽器,輸入“http://Web服務器的IP地址/”按回車鍵,就可以訪問服務器上的資源”。

    這個方法,要懂點技術知識,如果愿意,你可以試試。

    3、使用國內的原型托管平臺

    來自四川 回復
  2. 呃……
    這一招我已經用了好幾年了
    我的工作機除Axure RP、Balsamiq Mockups、Sublime Text等必備工具外
    我定會裝Apache,用內網ip或者加到域中的域名employeeNo.domain來分享。
    而且看內網環境是否允許,我會申請SVN版本庫或者自己部署本地Subversion,做版本管理用。

    來自北京 回復
  3. 果然要靠局域網。不過我曾經百度到更加簡單的局域網方法 ??

    來自浙江 回復
  4. 回頭研究研究,感謝評論

    回復
  5. 放在新浪云就方便很多了!

    來自北京 回復
    1. 放在云上面只能下載,不能在線查看原型頁面

      來自北京 回復