寫給設計師:如何與工程師一起工作

Julie Zhuo 當過產品經理、工程師和設計師,現在是 Facebook 產品設計總監,她最近在 Medium 寫了一篇文章,分享設計師如何與工程師合作的秘訣。
評論
評論

本文譯自 Facebook 產品設計總監 Julie Zhuo 發表於 Medium 的 〈 How to Work with Engineers 〉,是接續 〈 寫給產品經理與工程師:如何與設計師一起工作 〉 與 〈  寫給設計師:如何與產品經理一起工作  〉 的系列文章第三篇,也是最後一篇,談的是設計師該如何與工程師合作。(如果您不是設計師,而是負責往網站或 app 的內容,可參考這篇 〈 負責產品內容的人該怎麼與開發者合作? 〉)

多年前,我曾當過產品經理,然後是工程師,過去七年從事的是設計工作。每天我都跟擔任這些角色的人一起工作,每一天,我對產品開發背後的責任、挑戰和藝術都有新的體會。工程師是團隊的魔術師,他們拿到開發計畫、圖像素材後,只需輕輕舞動手指,Voila(看哪)!產品就動起來了。身為一個設計師,妳要如何跟上他們精明、喜好自嘲卻又按部就班的做事節奏呢?請繼續讀下去。

工程師就是那個將點子化為現實的人

工程師可以讓好的提案變成真的,永遠、永遠不要忘記這件事。不管妳的公司有 5 個、500 個還是 5000 個工程師,工程師都不是一種「資源」。他們是打下基礎、讓產品動起來的守護者。他們使產品得以運作,而且運作起來速度飛快;他們使產品堅固、耐用、可靠,還能讓產品規模化,使數以億計的人受益。

我說這些的意思是:工程師超厲害!

這表示……

想讓神奇的事發生?妳只需要說服一、兩個工程師

這是真的。許多傳奇性的產品故事都是這樣開始的:幾個朋友、一個週末、幾罐啤酒、一起「駭」一下,產品經理和主管加入都是之後的事。他們會從基本的東西開始——一個想法、一個設計、一個實作。這就是為什麼公司要付錢來換取與工程師之間的緊密聯繫。

或是,想像一下這個情境:妳發現產品有一個小小的部分令人很不舒服,真的很受不了的那種。妳覺得那個設計根本就不對。妳該怎麼辦?

  1. 下次團隊開會時提出來,讓負責安排任務優先順序的人放入清單,留給之後某個新進工程師「練習一下」以適應環境。
  2. 緊盯著某個工程師,走到她的桌邊,問她是不是可以花個五分鐘處理這個問題。看著她交出成果(也許必須用 80 年代知名樂團設計一件 T-shirt 之類的作為交換,反正妳對 Illustrator 很在行)。

猜猜看哪個選項可以最快解決問題?

這樣說吧……

如果合作的工程師也欣賞設計的價值,那麼事情就容易多了

當妳所合作的工程師,不必問妳每一項細節也知道該如何填補模擬畫面的不足之處,即便妳忘了在模擬畫面標出網頁邊界距離是幾個像素,她自己也會打開 Photoshop 測量——這是多麼美妙的事。特別是她還能給出一些讓設計變得更好的意見,這簡直不可思議。更驚人的是,這樣的工程師完成第一個版本後,妳會幾乎分辨不出她做的東西跟妳給的模擬畫面有何區別,一切的細節是那麼的精準到位。

要怎麼樣才能跟這種等級的工程合作呢?Well,妳可以雇用他們。如果可以的話那妳真的很幸運,因為 UI 設計導向的工程師可是大家搶著要。

編按:我們曾經在 〈 進化或是被淘汰——iOS app 設計師的暑假作業 〉 簡單介紹過的 Loren Brichter 就是這樣的一位工程師,幾個月前他也加入了 Facebook 的團隊。

或是妳可以協助合作的每一位工程師學會欣賞好設計。該怎麼做?別只是把模擬畫面丟給工程師——好好地跟他們解釋妳的設計。與他們分享妳的價值,告訴他們為什麼妳的設計提案值得被開發出來。協助他們學習如何判斷實作出來的成品與妳的設計是否相符。當妳說某個東西看起來不好的時候,告訴工程師妳是怎麼想的。

建立關係很重要。人們價值觀與優先順序的移轉都建立在與他人的對話之上。這很老派,但用來做事非常有效。(關於這點,推薦大家閱讀紐約客 〈Slow Ideas〉 一文)

很多工程師或許不注重設計上的細節,但是他們大部分都很在乎使用者體驗,而且會想要把它變得更好。我不是說每一個設計師都很享受設計細節的工作,但工程師那份為了讓產品變得更好的心,有助於我們對他們解釋設計背後的理念。

因為工程師越是喜歡設計,他們越能夠理解背後的思維,看見設計的價值,進而讓設計越快完成實作,而且還會做得更好。

儘早了解工程上的限制,也為自己節省時間

身為設計師,很容易栽進「如果」的世界。如果我們可以讀懂妳的心思,明白妳想要、想看的是什麼,並且呈現給妳呢?如果你點了這個按鈕之後畫面就爆出一陣火光的特效呢?

如果你沒有及早搞懂技術或時間上的限制,那就別為了根本不可能實現的設計費心。(就算這是個值得一試的設計也一樣,如果你真的明白它的限制,就會知道這有多困難。)最糟的情況是妳投注大量時間和心血去完善設計,倒頭來卻發現根本不可行。好的設計師已經夠少了,要解決的大問題又那麼多,我們最不需要的就是這類沒效率的事。

所以下次如果有什麼好點子冒出來,但妳心中對於是否可行卻感到疑慮重重時,別猜,直接問工程師。

另一邊也一樣……

省下工程師的時間;隨時讓他們知道最終設計長什麼樣子

如果妳要工程師去實作一項設計,但是在看見成品之前自己也不太確定設計可以運作得多好,那麼請妳一定要讓工程師知道很有可能東西還會再修改。對他們而言沒什麼比熬夜趕工後卻拿到一張寫著「哎呀,整個設計已經改囉」的便條更困擾,這下子他們只得把自己全心投入、幾乎已是產品水準的程式碼給丟掉。

當然,沒有哪個工程師不曾把程式碼砍掉重練的。這就是工作的一部分,設計也是。好的工程師知道產品開發過程會是一團亂,東西做出來之前我們不會知道是否行得通。事情會變來變去,設計會改來改去。但是決定出哪些部分仍須繼續探索、哪些部分必須就此定下來,可以幫工程師理出程式碼的架構——到底要趕快寫出來呢,還是寫得彈性一點,之後再行修改。

確保工程師可以把東西做出來的最佳辦法,就是極度密切地合作

要像「東西完成的時候妳就坐在他們旁邊」那樣密切。我不知道該怎麼說才不會顯得過度強調:確保大家進度一致最容易的辦法,就是大家在同一個空間工作。如此一來,問題浮現、被解決的速度會快很多。

最終產品完成後要是得不到大家的愛,批評、責難便很容易紛沓而至。「喔,我的模擬畫面好極了,但工程師做得不對。」這是有害的想法。妳,設計師,擁有的是要對使用者發表的產品,不是妳電腦裡的 Photoshop 模擬畫面。如果有什麼地方做得不對,妳怎不有所行動?妳怎麼不請工程師完工後為妳展示一下,好讓你們審視細節?為什麼在實作的過程中妳不問工程師對設計有沒有疑問?為什麼妳看到 bug 後沒有立即開票請工程師處理?

對,去擁有它。

工程師最在乎的,是設計要完整

很有趣,人們形容設計師是「細節導向」,但事實上大部分他們給的設計規格會遺漏很多使用上可能遭遇的狀況,最後靠著必須將所有情形都實作的工程師去把他們找出來。

想成為工程師心中的設計英雄嗎?請確定妳的設計解決方案是完整的、已考量所有極端情形,像是:

1. 國際化: 妳的設計在其他語言下看起來如何?有注意到德文那些很長的字對排版所造成的威脅嗎?
2. 錯誤狀態: 網路突然中斷的話會發生什麼事?如果資料庫當掉了呢?或是其他類似的情況。
3. 極端的使用者: 使用者如果沒有活動或資訊,讓這一頁空白的話怎麼辦?或是他有太多活動記錄或資訊怎麼辦?
4. 轉換: 到底 A 畫面轉換到 B 畫面的具體方式是?好的工具或許能幫上忙,請看 〈 How to Survive in Design (and in a Zombie Apocalypse). 〉。

設計上述這些狀況不僅能在全面檢視過妳的設計後建立起信心,還有助於工程師規劃整個系統的架構,對於開發時程給予適當的評估。更不用說完整的設計還可以避免最後一分鐘才倉徨拼湊出一堆空白的爛東西——只因沒人發覺,此時再來補救也為時已晚。

請當個乖寶寶。確定妳的設計是完整的。別只為理想的使用情形做設計,踏出那個滿是模擬畫面的太虛幻境。就像每個工程師都知道的,只有把產品做出來才算數。

這是系列文章的第三篇,有興趣的讀者可以參考 〈 寫給產品經理與工程師:如何與設計師一起工作 〉 和 〈 寫給設計師:如何與產品經理一起工作 〉 。


【社會數位轉型】連假出門不塞車、推動漁港再生,經濟部打造永續交通生態圈

智慧運輸時代來臨,全球競相投入無人載具與數位交通研發,希望在未來行動力的佈局搶得先機。從陸地、海洋到空中,無人機以整合 AI、5G 技術為核心,應用場域超乎想像,不僅能帶動產業升級與經濟成長,在解決社會問題上也有許多可能性。
評論
Photo Credit:Pexels
評論

聯合國預估,2030 年全球將出現 43 個人口超過千萬的巨型城市,而 2050 年將有 7 成人口居住於都市。城市人口密度持續增加,為交通帶來更大考驗,需要用更有效率的方式來管理。而在臺灣常見因車流量過大造成塞車、事故頻傳,以及偏鄉交通不便、公共運輸使用吸引不足、燃油車輛帶來環境污染等問題,也可望透過發展智慧交通迎刃而解。雖然短時間內還無法真正落地、普及,但種種想像已顯現出智慧運輸系統(Intelligent Transport System,ITS)的重要性。

智慧運輸科技是一門跨領域的技術,包括 7 大關鍵新興科技 iABCDEF 中的i(IoT,物聯網)、A(AI,人工智慧)、D(數據科技,DataTech)、E(邊緣運算,Edge Computing),並涵蓋資通訊、能源與電子等產業。面對接踵而來的挑戰,經濟部技術處與工業局合作,配合交通部、科技部、工研院、資策會等跨部會單位,關注企業與民眾的需求缺口,擴大各項交通科技創新服務的實驗場域。希望加速資通訊及智慧交通應用落地,推動產業轉型與數位經濟發展,更處理公共議題,建立更好的居住環境。

交通車載設備一站式整合 為國內實現物物相聯

未來在 5G 環境下,物聯網能讓各種設備、軟體、網路服務等更快速的相互連結,透過虛實整合應用與民眾進行深度互動,達成高速運算、低延遲通訊、萬物聯網的目標,這也是目前持續發展如智慧交通、自駕車所必備的條件。

當交通與運輸更加智慧化,將為國內業者帶來新商機,相關產業鏈例如雲端軟體服務、影像辨識與人工智慧分析、路側設備業、道路安全警示以及周邊的系統整合、工程顧問、二輪車安全聯網等,都是發展智慧交通智慧系統重要的環節,而智慧交通控制服務也是相當重要的一環,當交通號誌的紅綠燈控制做最有效的安排時,將可使路網中的車流運行更加順暢,也能減少更多的廢氣與碳排放的產生。

資策會智慧系統研究所(系統所)組長黃暉慈指出,發展一站式整合的關鍵之一在於道路上的路側設備(Roadside Unit,RSU)與安裝在車內的車載裝置(On Board Unit,OBU)兩者間的跨設備溝通,過去常因各家技術及介面規格不一、各類型設備分屬不同廠商維護、跨部門協調等原因難以整合,若要產生對民眾更具價值的應用相對是一大難題。

以建立永續智慧交通環境為目標,經濟部技術處匯集各法人能量,致力於運輸資源、資訊的整合共享,提升協作效能。

「比方說像各縣市智慧公車站牌就都長得不一樣,以及路側設備分屬不同部門管理:如交通局的號誌、工務局路燈管理處的路燈、警察局的 CCTV 等等,設備跟服務多為各單位獨立運作,資源無法進行有效的整合」黃暉慈表示。因此,為提升協作效率最佳化,經濟部技術處與資策會系統所合作,發展多元資訊的智慧交通作業系統,以建立共通平台之概念,打破廠商之間的資訊串接藩籬並能協同合作,減少資料使用者、管理者必須面對不同格式資料的困擾,以達成資訊交流的通透性與共享目的。

黃暉慈說明,智慧交通作業系統(Transport OS,TOS)是一套能整合各項遠端設備的管理平台,透過 TOS 函式庫讓程式介接、遠端佈署與應用開發都變得更簡單。「我們希望藉由一套共通的標準格式進行資料的收集,協助業者在設備管理、資料管理、資料分析上都能更加簡易有效率。」經由系統的整合,能自動化遠端監控路側設備的運行狀態,偵測錯誤並通知管理者,並以AI感測蒐集車輛、事故等應用數據。「省下開發系統和串接的功夫,業者能專注在設備功能的強化。」經濟部計畫透過整合性資訊服務,改善當今運輸走廊壅塞問題,未來國內車廠在技術發展上也能突破國外母廠的限制,打造出門無縫、用路安全、交通順暢的智慧運輸系統。

黃暉慈舉例,假如 CCTV 的監控影像出現雜訊、模糊、被遮蔽或鏡頭偏移,或工業電腦網路斷線等異常發生,系統都能即時發現問題,發出警示,「本系統具備彈性擴充功能,可協助業者介接提供更多加值應用,例如接入 RTSP 串流影像也能做到如智慧化判斷車輛是否違停的科技執法應用。」此外,TOS 的另一特色就是會將蒐集到的數據生成可視化圖表,有效地傳遞資訊,以利使用者能迅速評估狀況、做出因應。

Photo Credit:資策會

提升船舶監測效率 給予閒置港岸新生命

除了陸地的交通,海洋也是智慧運輸科技的發展重點。資策會系統所蔡政鴻組長分析,臺灣四面環海、海岸線長達 1,000 多公里,每年海洋經濟產值高達近 6 千億,「物流、漁業之外,還有觀光娛樂,光是用漁船載客出海磯釣每年就可賺超過百億,把安全性做好會很有市場。」

資策會系統所在經濟部技術處科技專案的支持下,採納百家以上產官學研機構與專家的建議,以海港數位轉型需求的高可靠邊霧協作物聯網技術為主,規劃「近岸船舶監測系統」,與相關業者、海巡隊合作,加強港岸船舶的管理效率。

蔡政鴻說,過去在智慧漁港常常做的是智慧照明,當然智慧照明在節能與管理上有很多好處,但除了漁港好像放在其他地方也很好,對於漁港的特色比較沒有凸顯出來。現在漁港面臨的問題是利用度不高,漁港資產閒置,最主要原因是來自過度捕撈,導致海裡無魚可抓,因此產生閒置問題,海洋資源的永續是主要的解決方法,除了生態保育,另一個是漁業漁港的轉型,從過去過度捕撈的抓來吃,轉型到生態體驗的旅遊價值,傳統漁業要轉型到娛樂漁業,發揮觀光旅遊的價值,從中帶來收入,魚就不用補那麼多,海洋資源才可永續。美國的漁業統計,休閒釣魚的經濟效益是商業捕魚的九倍,因此休閒釣魚的發展,其實是可以取代商業捕魚的部分經濟能量,進而減少捕撈。

以基隆市政府為例,2017 年便率先制定娛樂漁業島礁磯釣自治條例,管理認證核發與收費標準,並陸續導入科技管理工具,以船舶自動識別系統(Automatic Identification System,AIS)對磯釣船舶實施監測,採用邊霧運算技術,藉由與鄰近船舶、衛星等設備交換資料,當磯釣船訊號消失或離岸太遠,就會發出警示,建立數位治理機制,確保磯釣活動的安全戒護工作落實,保障業者與釣客的活動安全。另外磯釣證申辦,過去都要上班時間臨櫃申辦,造成不便。現在將磯釣證上網申辦,結合磯釣船出船單,送到漁港的海巡安檢流程,到磯釣船舶的海上航跡訊號勾稽,完成一套完整的服務鏈路,讓安全與方便形成基隆磯釣發展的重要後盾。使過去出海捕魚轉變成載客釣魚,減少捕撈,生態得以生息,漁民也有生計,還帶動釣具產業的發展。

其實智慧交通早已悄悄融入在日常生活,我們對數位票證的依賴度不斷增加,新零售時代的物流配送越來越快速。然而各種進步將可能衝擊原有的就業市場,該如何引導人才轉型也是重要的社會課題。

且讓我們試著想像,在交通的流動中,有出門運動、買菜的銀髮族,有通勤的白領上班族,有趕著上學的學生與接送孩子的父母,每個人的移動需求都能被滿足。經濟部技術處期望從技術專業角度,協助打造更人性化、友善的交通環境;同時,企業也能從競爭轉為合作,共同為產業創新轉型與減少污染的社會企業責任努力,創造更多就業機會;政府也能減少治理、管理的成本,持續優化交通運輸系統,形成社會美好的循環。