今年年初，我們團隊與瑞典的一家叫做Billogram的創(chuàng)業(yè)公司進行了交流。他們希望通過更流水化的發(fā)票處理程序幫助中小型公司改善現(xiàn)金流狀況。在初期的探討當中，我們看到了將他們的服務移動化的巨大機遇，那將能夠使客戶隨時隨地把控他們的財務狀況。

我們雙方都認同移動化的主張，并同意進行合作；我們團隊也可以通過移動端客戶的增長來獲取收益。

要達成合作，我們這邊必須在一個月之內(nèi)做出MVP(最小化可行產(chǎn)品)。時間雖然緊迫，不過也是個檢驗我們團隊在精益設計與開發(fā)方面表現(xiàn)的好機會，而且這次項目的目標非常明確，可以帶來的收益也在那擺著。

打造這款MVP的核心團隊由4個人組成，包括視覺設計師(我本人)、UX設計師、開發(fā)和測試。4條線并行推進，每個人都與Billogram方面緊密配合，大家朝著共同的目標前進著。

三周之后，設計方面的任務開始減少，而開發(fā)方面的工作量卻迅速攀升起來。于是我們決定放開手腳嘗試一種新的配合方式，以加速設計開發(fā)流程，確保在一個月的時間內(nèi)完成MVP。

我們決定，作為視覺設計師的我，立刻開始學習使用Xcode當中的interface builder以及Storyboard，以便減輕開發(fā)方面的工作壓力。我要負責的就是在Xcode里完成前端方面的界面設計，例如為每個界面創(chuàng)建布局，為界面元素添加視覺風格，就像從前在Photoshop當中做的那樣。這可以使我們的開發(fā)聚焦在他更加擅長的方面，例如功能邏輯的實現(xiàn)，解決各種bug，而不是花費大量時間去實現(xiàn)界面的設計。

在整個項目流程當中，我們做過設計方向的調(diào)整，對某些特定的界面需要重新思考與設計。我們所采用的新配合方式在這個時候也體現(xiàn)出了很實際的價值：開發(fā)人員無需過分擔心界面設計的變動，因為設計師就是使用Xcode直接進行調(diào)整的。設計的歸設計，開發(fā)的歸開發(fā)，大家各司其職。

此外，這種方式還幫助我們節(jié)省了大量的溝通成本 - 以前，界面從設計到開發(fā)還原這一流程當中的各種溝通問題總是難以避免的；而現(xiàn)在，每個人的能力都能得到充分的發(fā)揮，各自的時間也都用對了地方。

作為設計師，這讓我感到自己得到了更多的主動權，并且更加沉浸于設計流程當中。通過Xcode將界面設計實現(xiàn)出來，然后在我的iPhone上進行預覽，這能使我更直接的考量設計方案在實際設備上的表現(xiàn)，并探索有可能的替代方案；然后，甚至無需進入Photoshop，我就能直接在Xcode當中進行調(diào)整。

我們在情急之下所做的工作流程創(chuàng)新被證明能有效的節(jié)省時間；大家更嚴格的各司其職之后，經(jīng)由專注和高效所激發(fā)出的合作感和樂趣反而更多了。

不過也要知道，在不寫任何代碼的情況下，使用Xcode的interface builder與Storyboard所能實現(xiàn)的東西還是相對有限的；更加豐富的樣式及動效仍然需要配合代碼才能實現(xiàn)。但即便是這樣，這種方式對于設計師和開發(fā)者的配合來說也是經(jīng)過實踐驗證的巨大進步.

最后，25學堂的小編感覺Xcode 的 interface builder與 Storyboard，對設計師來說越來越重要了。不僅是完善一個制作 App 的工作流程，也是不斷梳理 App 使用交互方式突破常規(guī)設計的基礎啊~ 希望APP設計師和APP交互設計師們可以多多關注這塊。

英文原文:?http://ustwo.com/blog/the-billogram-story/

感謝關于Be For Web的博主的翻譯。