據Google技(jì)術(shù)總監RayKurzweil的所說：到 2029 年，電(diàn)腦(nǎo)很(hěn)可(kě)能會(huì)比人(rén)類更聰明(míng)，UX的未來(lái)也将變得(de)更加自動化。人(rén)工智能和(hé)機器(qì)學習等最新科技(jì)已經可(kě)以支持需要人(rén)類參與的、非線性的、邏輯複雜的任務，技(jì)術(shù)創新正在改變人(rén)們的生(shēng)活方式。例如科技(jì)創業型公司不僅為(wèi)自動駕駛提供相關建議，甚至可(kě)以為(wèi)節目表演提供更加智能的建議。

在我們創建和(hé)使用複雜産品的過程中，自動化發揮着日益重要的作(zuò)用，我們可(kě)以感知到，自動化将在UX用戶體(tǐ)驗設計(jì)的未來(lái)發揮巨大(dà)的作(zuò)用。用戶體(tǐ)驗設計(jì)的自動化很(hěn)可(kě)能是接下來(lái)影(yǐng)響UX設計(jì)整個(gè)行(xíng)業的一件大(dà)事 – 無論是優化設計(jì)反饋流程，還(hái)是改變和(hé)精簡産品團隊的運作(zuò)方式，自動化都會(huì)起到重要作(zuò)用。自動化正在不斷增強我們創造引人(rén)注目的産品的能力。

?設計(jì)自動化：迅速将概念轉化為(wèi)高(gāo)保真原型

通(tōng)常，UX設計(jì)師(shī)繪制(zhì)用戶體(tǐ)驗地圖和(hé)信息架構圖，并在産品設計(jì)的過程中進行(xíng)用戶研究工作(zuò)。在設計(jì)過程中，設計(jì)師(shī)的典型輸出包括：手繪草圖，如圖一所示。還(hái)有(yǒu)流程圖、架構圖、不同保真度的線框圖，如圖 2 所示。這些(xiē)交付物中的某些(xiē)-尤其是高(gāo)保證原型，可(kě)能需要花(huā)費幾周甚至幾個(gè)月的時(shí)間(jiān)進行(xíng)繪制(zhì)。大(dà)一般情況下，在設計(jì)過程沒有(yǒu)完全完成之前，開(kāi)發人(rén)員不會(huì)進入開(kāi)發過程中，因為(wèi)設計(jì)稿為(wèi)後續的開(kāi)發提供了指導方向。

圖1 低(dī)保真用戶界面草圖

圖2 低(dī)保真用戶界面草圖

因此，我們需要找到優化整個(gè)可(kě)用性測試流程的新方法，以提高(gāo)設計(jì)的有(yǒu)效性和(hé)效率，最終實現更快的信息反饋并縮短(duǎn)驗證周期。通(tōng)過應用自動化技(jì)術(shù)，如果能夠快速的創建低(dī)保真線框圖，同時(shí)生(shēng)成高(gāo)保真界面，那(nà)麽就可(kě)以在更短(duǎn)的時(shí)間(jiān)內(nèi)創建産品的界面，并将更多(duō)的時(shí)間(jiān)與精力用于用戶研究，最終可(kě)以加快提升用戶體(tǐ)驗的每個(gè)環節。

?自動化蘊含着無盡的機會(huì)

Airbnb開(kāi)創了自動化用戶體(tǐ)驗的設計(jì)流程，成為(wèi)自動化設計(jì)的先驅。在他們的文章“手繪草圖界面”中，Airbnb的設計(jì)技(jì)術(shù)主管Benjamin Wilkins和(hé)Airbnb的設計(jì)技(jì)術(shù)專家(jiā)Jon Gold，演示了如何使用專用相機設備和(hé)軟件實時(shí)制(zhì)作(zuò)低(dī)保真草圖和(hé)高(gāo)保真視(shì)覺原型，例如圖 3 和(hé)4。Airbnb的視(shì)覺設計(jì)團隊最終接受了自動化産出的視(shì)覺圖并對視(shì)覺效果進行(xíng)調整，事實證明(míng)通(tōng)過創建原型以獲得(de)快速反饋和(hé)驗證設計(jì)方案的速度是非常高(gāo)效的。

圖3 Airbnb設計(jì)

圖4 Airbnb的叠代設計(jì)

“我們将代碼作(zuò)為(wèi)設計(jì)工具去投資。通(tōng)過代碼來(lái)處理(lǐ)包括界面布局和(hé)設計(jì)展示、邏輯和(hé)數(shù)據等內(nèi)容的展示。有(yǒu)助于縮小(xiǎo)工程師(shī)和(hé)設計(jì)師(shī)之間(jiān)的距離，以及縮短(duǎn)視(shì)覺圖與線上(shàng)效果圖之間(jiān)的距離 ”。- Airbnb設計(jì)負責人(rén) Alex Schleifer自動化設計(jì)有(yǒu)什麽重要意義呢？自動化不是令人(rén)印象深刻的相機設備，而是能夠引發巨大(dà)興趣的機器(qì)學習。它凸顯了利用機器(qì)學習的無盡機會(huì)，優化了産品設計(jì)流程，并且能夠提供越來(lái)越多(duō)的價值。未來(lái)，隻需通(tōng)過與Siri，Google智能助理(lǐ)或Slack嵌入式機器(qì)人(rén)交談就可(kě)以設計(jì)用戶原型界面。“嗨，DesignBot， call to action按鈕使用标題藍(lán)色。”正如Airbnb團隊所證明(míng)的，這一切都是有(yǒu)可(kě)能的。 

利用“設計(jì)自動化”創造更好的産品

随着即将到來(lái)的自動化設計(jì)技(jì)術(shù)，這對您的團隊意味着什麽呢？為(wèi)了為(wèi)您的團隊做(zuò)好迎接設計(jì)自動化的準備，您可(kě)以通(tōng)過以下幾種方法無縫地過渡到自動化設計(jì)的未來(lái)。

視(shì)覺與品牌設計(jì)團隊

自動化設計(jì)的未來(lái)在很(hěn)大(dà)程度上(shàng)依賴于開(kāi)發強大(dà)的可(kě)視(shì)化語言，以支持多(duō)樣的設計(jì)組件和(hé)設計(jì)規範。這确保了跨設備、跨平台的産品都能擁有(yǒu)一緻的品牌體(tǐ)驗。現在可(kě)以花(huā)時(shí)間(jiān)準備這些(xiē)可(kě)視(shì)化語言，确保它們能夠準确描述您的品牌。

産品負責人(rén)和(hé)産品經理(lǐ)

花(huā)一些(xiē)時(shí)間(jiān)去研究并開(kāi)發加快設計(jì)過程的新方法。從創新方法入手，簡化産品構思和(hé)原型制(zhì)作(zuò)過程。如果你(nǐ)不這樣做(zuò)，你(nǐ)的競争對手當然會(huì)。自動化設計(jì)不應該成為(wèi)創意的瓶頸，産品面向的是用戶，加快設計(jì)過程可(kě)以更好地為(wèi)用戶服務。

“測試想法所需的時(shí)間(jiān)應該為(wèi)零 ”。

- Airbnb設計(jì)主管 Benjamin Wilkins

UX設計(jì)師(shī)

在日常工作(zuò)流程中開(kāi)始使用新技(jì)術(shù)。不要将自動化視(shì)為(wèi)對創意的威脅，而應将其視(shì)為(wèi)利用創新技(jì)術(shù)來(lái)增強專業知識的機會(huì)，通(tōng)過自動化構建更好的産品。通(tōng)過減少(shǎo)耗時(shí)、重複性任務的時(shí)間(jiān)，可(kě)以将更多(duō)的時(shí)間(jiān)和(hé)資源用來(lái)進行(xíng)用戶研究，概念測試或用戶驗證。這所有(yǒu)事情完全是關乎用戶體(tǐ)驗的。

?設計(jì)自動化即将到來(lái)

在過去幾年中，機器(qì)學習和(hé)AI在改變整個(gè)行(xíng)業的運營方式和(hé)業務方式方面發揮越來(lái)越重要的作(zuò)用。由于越來(lái)越複雜的流程變得(de)自動化，我們必須專注地去研究自動化與UX設計(jì)之間(jiān)的交叉點，為(wèi)設計(jì)自動化未來(lái)的到來(lái)做(zuò)好準備。

雖然自動化不會(huì)在一夜之間(jiān)發生(shēng)，但(dàn)像Airbnb這樣有(yǒu)遠見的公司正在探索在未來(lái)成為(wèi)主流的新型工作(zuò)方式。由于他們的探索與研究，我們能夠更好地評估自動化帶來(lái)的機會(huì)與影(yǐng)響，并了解如何更好地利用這些(xiē)創新來(lái)改進我們的工作(zuò)方式。無論是個(gè)人(rén)技(jì)能的提升還(hái)是設計(jì)團隊的流程優化，自動化設計(jì)的潛力都是巨大(dà)的。

?譯者總結

在了解了自動化設計(jì)相關的內(nèi)容後，筆者将現有(yǒu)的産品上(shàng)線流程與應用自動化設計(jì)的産品上(shàng)線流程進行(xíng)對比，如圖 5 所示。

圖5 應用自動化設計(jì)的前後流程對比

傳統的産品上(shàng)線流程

需求産出，待需求評審沒有(yǒu)問題即進入交互設計(jì)階段（包括初期草圖方案繪制(zhì)，主界面繪制(zhì)以及完整的交互界面與交互說明(míng)撰寫），交互設計(jì)基本完成後進入視(shì)覺設計(jì)階段，同時(shí)前端可(kě)進入開(kāi)發階段；在進行(xíng)交互設計(jì)的同時(shí)，後端同步提供接口。開(kāi)發完成後進入測試階段，測試沒有(yǒu)問題産品可(kě)發布上(shàng)線。上(shàng)線後收集用戶反饋，進入下一輪的産品叠代中。

自動化的産品上(shàng)線流程

需求産出，待需求評審沒有(yǒu)問題即進入交互設計(jì)階段，交互階段草圖繪制(zhì)完成後即可(kě)通(tōng)過自動化技(jì)術(shù)将草圖轉化為(wèi)高(gāo)保真原型界面（視(shì)覺再進行(xíng)相應調整即可(kě)），減少(shǎo)交互、視(shì)覺與前端開(kāi)發的工作(zuò)量。待前後端開(kāi)發完成後進入測試階段，測試沒有(yǒu)問題産品可(kě)發布上(shàng)線。上(shàng)線後收集用戶反饋，進入下一輪的産品叠代中。

為(wèi)了便于理(lǐ)解自動化技(jì)術(shù)，譯者簡單總結一下自動化技(jì)術(shù)的實現原理(lǐ)：自動化技(jì)術(shù)依賴前端強大(dà)的可(kě)視(shì)化語言，需要強大(dà)的前端組件庫來(lái)識别草圖中的占位符含義。例如，當在草圖中繪制(zhì)一個(gè)占位符時(shí)，通(tōng)過智能化技(jì)術(shù)自動識别該占位符在産品中所代表的組件，進而生(shēng)成高(gāo)保真的用戶界面。因此，可(kě)以迅速看到産品從草圖階段到上(shàng)線後的效果圖，也便于對設計(jì)方案進行(xíng)及時(shí)更正。

結合兩種流程對比，譯者結合自身工作(zuò)經曆總結了應用自動化設計(jì)的三點優勢。

1、迅速驗證多(duō)種設計(jì)方案

在項目叠代周期緊張的情況下，設計(jì)師(shī)缺少(shǎo)額外的時(shí)間(jiān)和(hé)精力來(lái)設計(jì)多(duō)種方案，更無法驗證哪種設計(jì)方案能更好地解決用戶需求。精益設計(jì)時(shí)代，很(hěn)難對每次的設計(jì)方案進行(xíng)可(kě)用性測試。而自動化設計(jì)過程中，可(kě)以直接将設計(jì)草圖轉換為(wèi)可(kě)點擊的高(gāo)保真原型界面，交互設計(jì)師(shī)有(yǒu)更多(duō)時(shí)間(jiān)和(hé)精力來(lái)繪制(zhì)多(duō)種設計(jì)方案并利用高(gāo)保真界面進行(xíng)用戶測試，從而迅速調整設計(jì)方案使其能更精準的幫助用戶解決痛點，從而提升用戶體(tǐ)驗。

2、提前開(kāi)發節點，縮短(duǎn)項目周期

原有(yǒu)的開(kāi)發流程中，在需求明(míng)确之後，後端可(kě)以同步開(kāi)發某些(xiē)接口，而前端開(kāi)發需要等完整的交互界面繪制(zhì)完成後才能進入開(kāi)發階段，這導緻項目周期很(hěn)難縮短(duǎn)。自動化設計(jì)在交互設計(jì)師(shī)完成草圖後前端開(kāi)發即可(kě)進入開(kāi)發階段，将開(kāi)發節點提前至操作(zuò)階段，可(kě)以明(míng)顯縮短(duǎn)項目周期，提高(gāo)産品叠代效率。

3、迅速驗證需求是否被滿足

筆者在工作(zuò)過程中發現，B端産品的用戶在交互評審的過程中會(huì)否定自己的需求。産品經理(lǐ)收集需求的過程中，用戶提出想要滿足A需求。在A需求的設計(jì)方案完成後，用戶看到設計(jì)界面時(shí)經常會(huì)提出自己想要實現的需求并非如此。即，由于B端産品的專業性特殊性，用戶在未看到設計(jì)界面之前并不清楚自己的需求是否得(de)到滿足。因此，利用自動化設計(jì)可(kě)以迅速将需求轉化為(wèi)設計(jì)界面以進行(xíng)用戶測試，快速試錯以明(míng)确用戶的需求是否真正得(de)到滿足。