據(jù)Google技術(shù)總監(jiān)RayKurzweil的所說：到2029年，電腦很可能會(huì)比人類更聰明，UX的未來也將變得更加自動(dòng)化。人工智能和機(jī)器學(xué)習(xí)等最新科技已經(jīng)可以支持需要人類參與的、非線性的、邏輯復(fù)雜的任務(wù)，技術(shù)創(chuàng)新正在改變?nèi)藗兊纳罘绞?。例如科技?chuàng)業(yè)型公司不僅為自動(dòng)駕駛提供相關(guān)建議，甚至可以為節(jié)目表演提供更加智能的建議。
在我們創(chuàng)建和使用復(fù)雜產(chǎn)品的過程中，自動(dòng)化發(fā)揮著日益重要的作用，我們可以感知到，自動(dòng)化將在UX用戶體驗(yàn)設(shè)計(jì)的未來發(fā)揮巨大的作用。用戶體驗(yàn)設(shè)計(jì)的自動(dòng)化很可能是接下來影響UX設(shè)計(jì)整個(gè)行業(yè)的一件大事 – 無論是優(yōu)化設(shè)計(jì)反饋流程，還是改變和精簡產(chǎn)品團(tuán)隊(duì)的運(yùn)作方式，自動(dòng)化都會(huì)起到重要作用。自動(dòng)化正在不斷增強(qiáng)我們創(chuàng)造引人注目的產(chǎn)品的能力。
設(shè)計(jì)自動(dòng)化：迅速將概念轉(zhuǎn)化為高保真原型
通常，UX設(shè)計(jì)師繪制用戶體驗(yàn)地圖和信息架構(gòu)圖，并在產(chǎn)品設(shè)計(jì)的過程中進(jìn)行用戶研究工作。在設(shè)計(jì)過程中，設(shè)計(jì)師的典型輸出包括：手繪草圖，如圖一所示。還有流程圖、架構(gòu)圖、不同保真度的線框圖，如圖2所示。這些交付物中的某些-尤其是高保證原型，可能需要花費(fèi)幾周甚至幾個(gè)月的時(shí)間進(jìn)行繪制。大一般情況下，在設(shè)計(jì)過程沒有完全完成之前，開發(fā)人員不會(huì)進(jìn)入開發(fā)過程中，因?yàn)樵O(shè)計(jì)稿為后續(xù)的開發(fā)提供了指導(dǎo)方向。
圖1 低保真用戶界面草圖
圖2 低保真用戶界面草圖
因此，我們需要找到優(yōu)化整個(gè)可用性測試流程的新方法，以提高設(shè)計(jì)的有效性和效率，最終實(shí)現(xiàn)更快的信息反饋并縮短驗(yàn)證周期。通過應(yīng)用自動(dòng)化技術(shù)，如果能夠快速的創(chuàng)建低保真線框圖，同時(shí)生成高保真界面，那么就可以在更短的時(shí)間內(nèi)創(chuàng)建產(chǎn)品的界面，并將更多的時(shí)間與精力用于用戶研究，最終可以加快提升用戶體驗(yàn)的每個(gè)環(huán)節(jié)。
自動(dòng)化蘊(yùn)含著無盡的機(jī)會(huì)
Airbnb開創(chuàng)了自動(dòng)化用戶體驗(yàn)的設(shè)計(jì)流程，成為自動(dòng)化設(shè)計(jì)的先驅(qū)。在他們的文章“手繪草圖界面”中，Airbnb的設(shè)計(jì)技術(shù)主管Benjamin Wilkins和Airbnb的設(shè)計(jì)技術(shù)專家Jon Gold，演示了如何使用專用相機(jī)設(shè)備和軟件實(shí)時(shí)制作低保真草圖和高保真視覺原型，例如圖3和4。Airbnb的視覺設(shè)計(jì)團(tuán)隊(duì)最終接受了自動(dòng)化產(chǎn)出的視覺圖并對視覺效果進(jìn)行調(diào)整，事實(shí)證明通過創(chuàng)建原型以獲得快速反饋和驗(yàn)證設(shè)計(jì)方案的速度是非常高效的。
圖3 Airbnb設(shè)計(jì)
圖4 Airbnb的迭代設(shè)計(jì)
“我們將代碼作為設(shè)計(jì)工具去投資。通過代碼來處理包括界面布局和設(shè)計(jì)展示、邏輯和數(shù)據(jù)等內(nèi)容的展示。有助于縮小工程師和設(shè)計(jì)師之間的距離，以及縮短視覺圖與線上效果圖之間的距離 ”。- Airbnb設(shè)計(jì)負(fù)責(zé)人 Alex Schleifer
自動(dòng)化設(shè)計(jì)有什么重要意義呢？自動(dòng)化不是令人印象深刻的相機(jī)設(shè)備，而是能夠引發(fā)巨大興趣的機(jī)器學(xué)習(xí)。它凸顯了利用機(jī)器學(xué)習(xí)的無盡機(jī)會(huì)，優(yōu)化了產(chǎn)品設(shè)計(jì)流程，并且能夠提供越來越多的價(jià)值。未來，只需通過與Siri，Google智能助理或Slack嵌入式機(jī)器人交談就可以設(shè)計(jì)用戶原型界面?！班?，DesignBot， call to action按鈕使用標(biāo)題藍(lán)色?！闭鏏irbnb團(tuán)隊(duì)所證明的，這一切都是有可能的。
利用“設(shè)計(jì)自動(dòng)化”創(chuàng)造更好的產(chǎn)品
隨著即將到來的自動(dòng)化設(shè)計(jì)技術(shù)，這對您的團(tuán)隊(duì)意味著什么呢？為了為您的團(tuán)隊(duì)做好迎接設(shè)計(jì)自動(dòng)化的準(zhǔn)備，您可以通過以下幾種方法無縫地過渡到自動(dòng)化設(shè)計(jì)的未來。
視覺與品牌設(shè)計(jì)團(tuán)隊(duì)
自動(dòng)化設(shè)計(jì)的未來在很大程度上依賴于開發(fā)強(qiáng)大的可視化語言，以支持多樣的設(shè)計(jì)組件和設(shè)計(jì)規(guī)范。這確保了跨設(shè)備、跨平臺的產(chǎn)品都能擁有一致的品牌體驗(yàn)?，F(xiàn)在可以花時(shí)間準(zhǔn)備這些可視化語言，確保它們能夠準(zhǔn)確描述您的品牌。
產(chǎn)品負(fù)責(zé)人和產(chǎn)品經(jīng)理
花一些時(shí)間去研究并開發(fā)加快設(shè)計(jì)過程的新方法。從創(chuàng)新方法入手，簡化產(chǎn)品構(gòu)思和原型制作過程。如果你不這樣做，你的競爭對手當(dāng)然會(huì)。自動(dòng)化設(shè)計(jì)不應(yīng)該成為創(chuàng)意的瓶頸，產(chǎn)品面向的是用戶，加快設(shè)計(jì)過程可以更好地為用戶服務(wù)。
“測試想法所需的時(shí)間應(yīng)該為零 ”。- Airbnb設(shè)計(jì)主管 Benjamin Wilkins
UX設(shè)計(jì)師
在日常工作流程中開始使用新技術(shù)。不要將自動(dòng)化視為對創(chuàng)意的威脅，而應(yīng)將其視為利用創(chuàng)新技術(shù)來增強(qiáng)專業(yè)知識的機(jī)會(huì)，通過自動(dòng)化構(gòu)建更好的產(chǎn)品。通過減少耗時(shí)、重復(fù)性任務(wù)的時(shí)間，可以將更多的時(shí)間和資源用來進(jìn)行用戶研究，概念測試或用戶驗(yàn)證。這所有事情完全是關(guān)乎用戶體驗(yàn)的。
設(shè)計(jì)自動(dòng)化即將到來
在過去幾年中，機(jī)器學(xué)習(xí)和AI在改變整個(gè)行業(yè)的運(yùn)營方式和業(yè)務(wù)方式方面發(fā)揮越來越重要的作用。由于越來越復(fù)雜的流程變得自動(dòng)化，我們必須專注地去研究自動(dòng)化與UX設(shè)計(jì)之間的交叉點(diǎn)，為設(shè)計(jì)自動(dòng)化未來的到來做好準(zhǔn)備。
雖然自動(dòng)化不會(huì)在一夜之間發(fā)生，但像Airbnb這樣有遠(yuǎn)見的公司正在探索在未來成為主流的新型工作方式。由于他們的探索與研究，我們能夠更好地評估自動(dòng)化帶來的機(jī)會(huì)與影響，并了解如何更好地利用這些創(chuàng)新來改進(jìn)我們的工作方式。無論是個(gè)人技能的提升還是設(shè)計(jì)團(tuán)隊(duì)的流程優(yōu)化，自動(dòng)化設(shè)計(jì)的潛力都是巨大的。
譯者總結(jié)
在了解了自動(dòng)化設(shè)計(jì)相關(guān)的內(nèi)容后，筆者將現(xiàn)有的產(chǎn)品上線流程與應(yīng)用自動(dòng)化設(shè)計(jì)的產(chǎn)品上線流程進(jìn)行對比，如圖5所示：
圖5 應(yīng)用自動(dòng)化設(shè)計(jì)的前后流程對比
傳統(tǒng)的產(chǎn)品上線流程
需求產(chǎn)出，待需求評審沒有問題即進(jìn)入交互設(shè)計(jì)階段（包括初期草圖方案繪制，主界面繪制以及完整的交互界面與交互說明撰寫），交互設(shè)計(jì)基本完成后進(jìn)入視覺設(shè)計(jì)階段，同時(shí)前端可進(jìn)入開發(fā)階段；在進(jìn)行交互設(shè)計(jì)的同時(shí)，后端同步提供接口。開發(fā)完成后進(jìn)入測試階段，測試沒有問題產(chǎn)品可發(fā)布上線。上線后收集用戶反饋，進(jìn)入下一輪的產(chǎn)品迭代中。
自動(dòng)化的產(chǎn)品上線流程
需求產(chǎn)出，待需求評審沒有問題即進(jìn)入交互設(shè)計(jì)階段，交互階段草圖繪制完成后即可通過自動(dòng)化技術(shù)將草圖轉(zhuǎn)化為高保真原型界面（視覺再進(jìn)行相應(yīng)調(diào)整即可），減少交互、視覺與前端開發(fā)的工作量。待前后端開發(fā)完成后進(jìn)入測試階段，測試沒有問題產(chǎn)品可發(fā)布上線。上線后收集用戶反饋，進(jìn)入下一輪的產(chǎn)品迭代中。
為了便于理解自動(dòng)化技術(shù)，譯者簡單總結(jié)一下自動(dòng)化技術(shù)的實(shí)現(xiàn)原理：自動(dòng)化技術(shù)依賴前端強(qiáng)大的可視化語言，需要強(qiáng)大的前端組件庫來識別草圖中的占位符含義。例如，當(dāng)在草圖中繪制一個(gè)占位符時(shí)，通過智能化技術(shù)自動(dòng)識別該占位符在產(chǎn)品中所代表的組件，進(jìn)而生成高保真的用戶界面。因此，可以迅速看到產(chǎn)品從草圖階段到上線后的效果圖，也便于對設(shè)計(jì)方案進(jìn)行及時(shí)更正。
結(jié)合兩種流程對比，譯者結(jié)合自身工作經(jīng)歷總結(jié)了應(yīng)用自動(dòng)化設(shè)計(jì)的三點(diǎn)優(yōu)勢：
（1）迅速驗(yàn)證多種設(shè)計(jì)方案
在項(xiàng)目迭代周期緊張的情況下，設(shè)計(jì)師缺少額外的時(shí)間和精力來設(shè)計(jì)多種方案，更無法驗(yàn)證哪種設(shè)計(jì)方案能更好地解決用戶需求。精益設(shè)計(jì)時(shí)代，很難對每次的設(shè)計(jì)方案進(jìn)行可用性測試。而自動(dòng)化設(shè)計(jì)過程中，可以直接將設(shè)計(jì)草圖轉(zhuǎn)換為可點(diǎn)擊的高保真原型界面，交互設(shè)計(jì)師有更多時(shí)間和精力來繪制多種設(shè)計(jì)方案并利用高保真界面進(jìn)行用戶測試，從而迅速調(diào)整設(shè)計(jì)方案使其能更精準(zhǔn)的幫助用戶解決痛點(diǎn)，從而提升用戶體驗(yàn)。
（2）提前開發(fā)節(jié)點(diǎn)，縮短項(xiàng)目周期
原有的開發(fā)流程中，在需求明確之后，后端可以同步開發(fā)某些接口，而前端開發(fā)需要等完整的交互界面繪制完成后才能進(jìn)入開發(fā)階段，這導(dǎo)致項(xiàng)目周期很難縮短。自動(dòng)化設(shè)計(jì)在交互設(shè)計(jì)師完成草圖后前端開發(fā)即可進(jìn)入開發(fā)階段，將開發(fā)節(jié)點(diǎn)提前至操作階段，可以明顯縮短項(xiàng)目周期，提高產(chǎn)品迭代效率。
（3）迅速驗(yàn)證需求是否被滿足
筆者在工作過程中發(fā)現(xiàn)，B端產(chǎn)品的用戶在交互評審的過程中會(huì)否定自己的需求。產(chǎn)品經(jīng)理收集需求的過程中，用戶提出想要滿足A需求。在A需求的設(shè)計(jì)方案完成后，用戶看到設(shè)計(jì)界面時(shí)經(jīng)常會(huì)提出自己想要實(shí)現(xiàn)的需求并非如此。
即，由于B端產(chǎn)品的專業(yè)性特殊性，用戶在未看到設(shè)計(jì)界面之前并不清楚自己的需求是否得到滿足。
因此，利用自動(dòng)化設(shè)計(jì)可以迅速將需求轉(zhuǎn)化為設(shè)計(jì)界面以進(jìn)行用戶測試，快速試錯(cuò)以明確用戶的需求是否真正得到滿足。
封面作者：Paul Olek
原文地址：網(wǎng)易UEDC（公眾號）
作者：仉長娟
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶體驗(yàn)設(shè)計(jì)的自動(dòng)化正在靠近
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司