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