設計師+Xcode:突破產品開發的流程界線

發表於2014-12-17

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

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

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

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

三週之後,設計方面的任務開始減少,而開發方面的工作量卻迅速攀升起來。於是我們決定放開手腳嘗試一種新的配合方式,以加速設計開發流程,確保在一個月的時間內完成MVP。

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

在整個專案流程當中,我們做過設計方向的調整,對某些特定的介面需要重新思考與設計。我們所採用的新配合方式在這個時候也體現出了很實際的價值:開發人員無需過分擔心介面設計的變動,因為設計師就是使用Xcode直接進行調整的。設計的歸設計,開發的歸開發,大家各司其職。

此外,這種方式還幫助我們節省了大量的溝通成本 – 以前,介面從設計到開發還原這一流程當中的各種溝通問題總是難以避免的;而現在,每個人的能力都能得到充分的發揮,各自的時間也都用對了地方。

作為設計師,這讓我感到自己得到了更多的主動權,並且更加沉浸於設計流程當中。通過Xcode將介面設計實現出來,然後在我的iPhone上進行預覽,這能使我更直接的考量設計方案在實際裝置上的表現,並探索有可能的替代方案;然後,甚至無需進入Photoshop,我就能直接在Xcode當中進行調整。

我們在情急之下所做的工作流程創新被證明能有效的節省時間;大家更嚴格的各司其職之後,經由專注和高效所激發出的合作感和樂趣反而更多了。

不過也要知道,在不寫任何程式碼的情況下,使用Xcode的interface builder與Storyboard所能實現的東西還是相對有限的;更加豐富的樣式及動效仍然需要配合程式碼才能實現。但即便是這樣,這種方式對於設計師和開發者的配合來說也是經過實踐驗證的巨大進步。

相關文章