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

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

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

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

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

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

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

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

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

我們?cè)谇榧敝滤龅墓ぷ髁鞒虅?chuàng)新被證明能有效的節(jié)省時(shí)間；大家更嚴(yán)格的各司其職之后，經(jīng)由專注和高效所激發(fā)出的合作感和樂趣反而更多了。

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

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

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

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