nav分隔線 nav分隔線

聯成電腦網站企劃好文分享:InVision簡化團隊工作的好幫手

icon_fb icon_twitter icon_google
聯成電腦網站企劃好文分享:InVision簡化團隊工作的好幫手

文、G小編

 

 

        在繁雜的團隊工作中,日復一日,是不是常迷失在職場道路上?該如何提升工作效率?或是有時候不知道自己為何而做?

 

       有時候不妨停下腳步,好好思考是哪個環節出了問題?是不是工作SOP有瑕疵?還是團隊溝通不佳?或是沒有好好善用工具呢?

 

       今天小編就來介紹一個互動的原型平台,同時也是強化團隊溝通工具、簡化工作流程、掌握專案進度的好幫手喔!

 


 
網站名稱:InVision
網站網址:https://www.invisionapp.com/

 



        先來看看怎麼建立互動式的原型。

 

 


       廢話不多說,立刻開始註冊免費帳號吧!

 

 

         註冊完成後,建立一個新專案。


 

 

       專案類型分為PROTOTYPE、BOARD、FREEHAND三種,以下先簡單說明,重點將會放在PROTOTYPE,PROTOTYPE是製作互動原型的項目。


 

 

        BOARD是一塊可是整合資訊或是創意的面版,又分為Masonry、Meticulous、Grid三種形式,可以互相切換。上傳的檔案不侷限只有圖檔,也可以上傳docx、pdf、txt、pptx…等文字或其他檔案類型。
 

 

       FREEHAND則是手繪工具,在嚴肅的會議或專案前期…等,不妨透過手繪方式進行討論會更有趣,也更加即時喔!InVision會引導你怎麼畫,所以不用害怕。


 

 

         接下來回到PROTOTYPE,原型的種類很多元,包含網站、平版、手機或穿戴裝置…等。在上面先輸入專案名稱,選擇專案所需的裝置就可以開始進行了。

 

 

版面功能介紹


       先介紹一下網站的功能,主要分為Projects專案、Activity紀錄、People成員與Learn教學。


Projects:就是目前正在執行的所有專案。
Activity:以時間軸形式,將成員的所有動作紀錄下來。
People:就是專案的團隊成員啦!
Learn:如果你在操作時有任何疑問,都可以從這裡找到密技或是問答。
 

 


 

        點選某一個專案後,會出現下面的選單。

 

 

         Screens和Workflow都是目前執行的工作,依工作狀態分類。


 


 
           Activity是以時間軸紀錄每一個動作。

 


 


          Comments可以看到成員有備註的項目。

 



          Assets則是可放置檔案資料的地方。

 

 


 
          這邊我們會在最後說明下載原型的部分。

 


 


 

       進到專案頁面,可以看到右上角功能,由左而右依序是使用者測試、即時分享互動、加入使用者。

 


 

 

       InVision還有一個很大的特色,就是LiveShare(即時分享),可以多人線上即時展示與協作,甚至可以透過電話進行會議,讓溝通更即時,專案進展更加順利。


 

      加入使用者就可以輕鬆共享專案,邀請會發至email,需要按下接受,專案才會出現在Projects裡喔!透過連結、e-mail或簡訊也能輕鬆分享專案。

 

 


 


製作專案簡述


       InVision的UX設計做的很棒,進到專案中可以看到下方會出現提示的方塊,告訴使用者每一個icon代表的是什麼功能,相當貼心。

 


 

      主要的工作列表,由左至右依序是預覽、建立模型、註解、檢查、歷史紀錄。

 


 

 

       在建立模型選擇需要動作的部分,就可以加入動作元件,以達到互動的效果,對於專案前期建置的確認,是很棒的展現。


      存檔完成後,在切換到預覽模式,就可以看到剛剛設定的效果。

 


 

 

       透過註解的功能,可以將重要的功能詳細說明、或是針對有問題的項目留言備註,讓團隊可以互動溝通。

 


 

 


 

       InVision所主打的是縮短工作的流程與溝通,從帳號申請開始到原型的產生,也許只需要5分鐘,透過套件,同步Sketch或Photoshop的設計檔,就可以輕鬆的完成,並且有效與團隊溝通。


 

 

        此外,也可以上傳jpg、png、gif…等圖檔,不需一張一張上傳,可以整批拖拉至視窗。


 

 

       最後,如果有需要書面報告,也可以在選單中…裡選擇Download Prototype下載原型,可以下載pdf與zip檔。

 

 

 

 

      另外,InVision也有提供App,透過手機就能操作。

 

圖說:由聯成電腦G小編自製下載圖樣

 

 

 

 

痞客邦Blog:http://lccnetvip.pixnet.net/blog
FB粉絲團:https://www.facebook.com/lccnetzone
菜鳥救星:https://www.facebook.com/greensn0w

本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策