聯成電腦網站企劃好文分享: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