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

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

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

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

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

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

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

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

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

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

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

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

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

感謝關(guān)于Be For Web的博主的翻譯。