產品，設計和開發，高效協同只差一份文檔

世界上只有兩種物質：高效率和低效率；世界上只有兩種人：高效率的人和低效率的人。——蕭伯納

在產品開發過程當中，涉及到的人員泛而雜，但最主要的人員仍是產品、設計和開發。一個產品的成功與否取決於他們如何有效溝通，如何共同協做來儘量提升質量和工做效率。高效的工做能夠是經過並行工做縮短迭代週期，也能夠是經過文檔方式進行有效協同。但不管採起哪一種方式，咱們都面臨一個現實而又複雜的問題—團隊協做。

那麼，如何創建起產品、設計和開發人員之間的高效團隊協同呢？一種實現方法是產品和設計去學習使用開發工具，不須要從頭至尾開發App，但至少能如實和迅速的交流設計意圖，進行有效溝通。或者是開發人員去學習使用設計工具，瞭解產品和設計相關的專業知識。經過這種方法，其中的複雜性可想而知。

設計圖與前端界面是否一致，這是前端工程師與UI設計師的協同工做中最關鍵的一環。有過經驗的產品、設計師和開發人員都知道，設計圖與前端界面實現不一致的問題時有發生。因此常常寫完的前端頁面都須要去修改，周而復始。特別是作移動端Web，頻繁的修改頁面不只讓參與的人員以爲很煩，也很是很是浪費時間和心力。經過自身經驗的總結以及對工做流程的梳理，我發現，大部分工做流程能夠分爲兩種情形。

情形一

（偷懶的）UI設計師：只負責設計UI界面，出PSD，AI與PSD效果圖，不出標註圖。

前端開發：拿到PSD文件去測量裏面間距，去切圖，實現前端頁面。

結果：UI設計師直接給個目錄，某些元素甚至只有一個「形狀一」的命名。而這就致使了前端工程師工做量倍增，效率低下，延誤產品週期。設計稿裏面每個頁面元素都須要手動標註，並且還要找到對應的圖層去切圖，切換以後還要實現前端頁面。工做量可想而知。並且，實現頁面以後，與效果圖仍舊有出入。

情形二

（勤快的）UI設計師：負責設計UI界面，出PSD效果圖、標註圖、切圖。

前端開發：直接看效果圖與標註圖，實現前端頁面。

摹客iDoc，更快更簡單的產品協做設計神器

結果：看上去明顯比以前好多了，前端工程師的工做量有減小。可是問題又來，標註圖像素單位不許確，字體大小不一，頁面元素之間仍是存在偏差，頁面最終效果與UI效果圖依然有出入。工做效率仍是沒有獲得有效提高。

情形三

產品經理：負責給設計師或者開發提需求。需求文檔五花八門，Excel, Word，PPT。

結果：產品經理拿着五花八門的需求文檔交付給設計師或者開發。一到須要用的時候查找文檔費時費力，一不當心文檔被刪掉，產品經理再次返工。文檔管理問題在團隊管理中也是一個痛點，工做作得不到位，高效協同又何從談起呢？

以上三種情形相信對各位產品、設計師和開發人員來講都似曾相識。如何協調與UI設計的工做流程？前端工程師可否精準還原設計稿的尺寸？如何讓產品經理有效管理需求文檔？如何讓相關人員實現團隊協同？這個問題簡直成了個人心頭夢魘，寢食難安。難道就沒有一種最終的解決方案嗎？！

除了開頭設計師和開發互相學習的方法，還有一種就是找到一款高效協同的產品工具，支持智能標註，一鍵切圖，實現快速建立交互文檔的工具！假若有這麼一款萬能的工具的話，真的是想一想都激動٩(๑>◡<๑)۶ 呢！

好在摹客團隊出品的iDoc解決了個人煩惱，不再用寢食難安了！能夠說完美解決了產品、設計師和開發人員之間的溝通和團隊協同問題。

在產品開發過程當中，團隊中各參與人員的痛點各不相同。那麼做爲一款簡單快捷的團隊協做產品，摹客iDoc到底能夠解決產品、設計師和開發人員的哪些痛點呢？

設計師會告訴你是交付。

產品經理告訴你是溝通。

開發工程師會告訴你是低效。

用了以後才發現，iDoc簡直就是一款救命神器！

1. 對設計師—做品輕鬆交付

• 設計稿一鍵上傳
• 支持Sketch、PS、XD的設計原稿和設計圖
• 標註和切圖自動生成，告別手動操做
• 設計規範自動採樣生成，還可分類管理、同步應用、一鍵導出設計風格指南

情形一中設計師和開發之間的「矛盾」迎刃而解。「偷懶的」設計師再也不使人討厭，開發人員也不用叫苦連天，今後告別手動測量和切圖。更重要的是，產品週期再也不延誤，用戶也不用屢屢遭遇各類「跳票」問題啦。

2. 對產品經理—需求清晰表達

• 全貌面板展現流程，彈出放大鏡，查看微小距離的標註；
• 頁面任務完成度一目瞭然，支持頁面完成狀態制定，便於快速查看和掌握全局進度
• 多種批註樣式，20多種標記圖標，更好的表達想法和意見
• 交互演示快速方便，支持9種動畫特效
• 支持多種的原型（Axure、Justinmind、Mockplus）和各種office文檔預覽、圖片文件預覽、pdf和文本文件預覽。還同時支持分組，便於管理。

對產品經理而言，如何將需求表達得順暢無障礙，也是很頭疼的問題。基於不一樣的使用習慣，每一個產品經理使用的原型設計工具或者文檔工具也各不相同。iDoc對多種原型和文檔的友好支持解決了產品經理之間，產品經理與設計師之間，以及與開發人員之間的協同溝通問題，一鍵發佈在線預覽，方便省事。

3. 對前端工程師—省心編程開發

• 輕鬆查看智能標註。還可顯示百分比標註，一次選擇多個圖層並智能標註
• 自動獲取切圖，可下載多個或所有切圖
• 各類平臺適配自動呈現，不一樣設備的單位作自動轉換，更符合實際須要
• 一鍵查看頁面中的重複元素，如文本、顏色、邊距、寬度等
• 樣式代碼自動導出，自動將頁面中使用的顏色、文本字號（樣式等）整理爲設計規範，拿來就用

智能標註，樣式代碼自動導出，對於情形二中的場景，更是錦上添花。自動化和規範化的輸出，對前端工程師很是友好。智能標註更是節省了很多時間，不用擔憂像素單位不許確，頁面元素有偏差！

4. 對整個團隊—高效協同

• 告別混亂的文檔和各類說明，從產品、設計到開發，一份文檔就夠
• 產品經理、設計師、前端開發協同工做
• 團隊、項目都可分組管理，可設定不一樣身份和權限

有了總體的團隊協做功能，產品、設計師、開發人員歸入到同個項目團隊中，不一樣分工下的輸出文檔有了統一管理，整個產品線造成閉環式操做，無縫銜接，流暢溝通，項目進度全局把控，皆大歡喜！

項目產品千千萬，但對產品開發中的相關人員來講，需求和痛點都是一致的。你們都在期盼着有一款如萬金油般存在的協做平臺解決需求和痛點，減小溝通和修復成本，不用再喋喋不休的描述需求，不用再周而復始的檢查切圖和標註是否標準。或許對你的指望而言，摹客iDoc並無那麼「萬金油」，但它確實能解決很多目前亟待解決的團隊協同問題。

終於，我如今能夠告訴你，有了摹客iDoc協做平臺，UI設計師滿意了，產品經理滿意了，前端工程師滿意了，整個團隊都滿意了。天然，老闆也滿意了。