幾年來我們一直在關注算法驅動設計的想法,并收集了一些實際的例子。該方法的工具可以幫助我們構建UI,準備資產和內容,以及個性化用戶體驗。但是,這些信息一直很少,而且還沒有系統化。
然而,在2016年,這些工具的技術基礎變得易于訪問,設計界對算法,神經網絡和人工智能(AI)感興趣。現在是時候重新思考設計師的現代角色了。
機器人會取代設計師嗎?
CMS的“The Grid”項目給出了最令人印象深刻的算法驅動設計方案。它選擇模板和內容呈現樣式,并且它自己修飾和裁剪照片。此外,系統運行A/ B test以選擇最合適的模式。但是,該產品仍處于私人測試階段算法分析與設計下載,因此我們只能通過其出版物和廣告進行評判。
設計師新聞社區發現了使用“The Grid”創建的網站的真實案例,他們反應不一- 人們批評了設計和代碼質量。許多懷疑論者在那天開了一個香檳酒瓶。
用算法完全取代設計師的想法聽起來很有啟發性,但重點是錯誤的。產品設計師幫助將原始產品理念轉化為經過深思熟慮的用戶界面,具有可靠的交互原則和完善的信息架構和視覺風格,同時幫助公司實現其業務目標并加強其品牌。
設計師做出了很多大大小小的決定。其中許多很難用清晰的過程來描述。此外,很多需求并非100%明確和一致,因此設計人員可以幫助產品經理解決這些沖突 - 從而設計更好的產品。它不僅僅是選擇合適的模板并用內容填充它。
但是,如果我們談論創意協作,當設計師與算法“合作”工作以解決產品任務時,我們會看到許多好的例子和明確的潛力。算法如何改善我們日常的設計工作非常令人激動。
與算法的創造性協作
設計師已經學會了將許多工具和技能兼顧到接近完美,因此,出現了一個新術語“產品設計師”。產品設計師是產品團隊的主動成員,他們了解用戶研究的工作原理,他們可以進行交互設計和信息架構,他們可以創建視覺風格,通過動畫設計使其活躍,并為其進行簡單的代碼更改。這些人對任何產品團隊都非常寶貴。
但是,平衡這么多技能很難--你不能把足夠的時間投入到產品工作的每個方面。當然,最近一系列新的設計工具縮短了我們創建可交付成果所需的時間,并擴展了我們的能力。但是,它仍然不夠。還有太多的例行公事,新的責任在我們攢下的所有時間里都會消耗殆盡。我們需要更加自動化和簡化我們的工作流程。我們總結了三個關鍵方向:
我們收集了一些示例,并為此未來的工作流程提出一種新方法。
構建用戶界面(UI)
,和等出版工具已經簡化了作者的工作 - 無數高質量的模板將為作者提供一個漂亮的設計,而無需為設計師付費。有機會使這些模板更加智能,從而使進入門檻更低。
例如,雖然The Grid仍處于測試階段,但是一個非常成功的網站構建器Wix已經開始包含算法驅動的功能。該公司宣布推出高級智能設計,其外觀類似于的半自動化方式,使非專業人士能夠創建一個網站。Wix通過提供高質量的現代網站的許多例子來教授算法。此外,它試圖提出與客戶行業相關的風格建議。非專業人士選擇合適的模板并不容易,Wix和The Grid等產品可以作為設計專家提供建議。
當然,就像The Grid的情況一樣,拒絕設計師參與創意過程會導致陳詞濫調和平庸的結果(即使它提高了整體質量)。但是,如果我們認為這個過程更像是與計算機的“協作設計”,那么我們可以卸載許多重復任務:例如,設計師可以在或上創建一個情緒板,然后算法可以快速將這些樣式應用于模型并提出合適的模板。設計師將成為新學徒--電腦的藝術總監。
當然,我們不能以這種方式創造革命性的產品,但我們可以騰出更多的時間來進行創造。此外,許多日常任務都是實用的,不需要革命。如果公司足夠成熟并且擁有設計系統,那么算法可以使其更強大。
例如,設計人員和開發人員可以定義考慮內容,上下文和用戶數據的邏輯。然后,平臺將使用原則和模式編譯設計。這將允許我們微調特定使用場景的最微小細節,而無需手動繪制和編碼數十種屏幕狀態。 展示了如何使用插值的思想來創建許多組件狀態。
準備素材和內容
在許多變體中創建千篇一律的圖形資產是設計師工作中最無聊的部分之一。當設計師將這段時間用于更有價值的產品工作時,需要花費很多時間并且令人失去動力。
算法可以采用簡單的任務,例如顏色匹配。例如,.使用算法根據應用程序圖標自動設置應用卡的顏色。其他變量可以自動設置,例如根據背景顏色更改文本顏色,突出顯示照片中的眼睛以強調情感,以及實現參數化排版。
算法可以創建整個組合。.將促銷圖像生成器用于電子商務產品列表。營銷人員填寫帶有標題和圖像的簡單形式,然后生成器提出無數變化,所有這些變化都符合設計準則。更進一步- 它的腳本為海報裁剪電影角色,然后應用程式化和本地化的電影標題,然后在一部分用戶上運行自動實驗。真正的魔法!培養了一個機器人學徒,可以撰寫有關新小工具的簡單新聞文章。
真正的黑暗魔法發生在神經網絡中。一個新的例子,應用程序,將照片設計為看起來像著名藝術家的作品。可以以類似的方式處理視頻(甚至是視頻流)。
然而,所有這些仍處于早期階段。當然,你可以在手機上下載一個應用程序,并在幾秒鐘內得到一個結果,而不是在上的一些文檔內掙扎。但是如果不教授神經網絡算法分析與設計下載,仍然無法上傳自己的參考風格并獲得良好的結果。然而,當這種情況最終發生時,是否會使插圖畫家過時?我懷疑那些具有堅實和獨特風格的藝術家。但是當你需要一個文章或網站的正確插圖但不需要一個獨特的方法時,它將降低進入門檻。
個性化用戶體驗
獲得明確和完善的策略的一種方法是針對狹窄的細分受眾群甚至特定用戶個性化產品。我們每天都會在今日頭條新聞源,百度搜索結果,愛奇藝視頻和網易云音樂推薦以及許多其他產品中看到它。除了減輕用戶過濾信息的負擔之外,當產品似乎非常關心他們時,用戶與品牌的聯系變得更加情緒化。
然而,這里的關鍵問題是設計師在這些解決方案中的作用。我們很少有能力創建這樣的算法 - 工程師和大數據分析師就是這樣做的。網易云音樂就是一個很好的例子:這里的經典UX設計的唯一元素是曲目列表,而獨特的工作是通過推薦系統完成的,該系統用有價值的音樂填充這個設計模板。
一個相對較新的術語,“預期設計”更廣泛地看待用戶體驗個性化和用戶意愿的預期。我們已經在手機上安裝了這些類型的東西:高德地圖現在使用位置歷史數據自動提出回家的方式;蘋果Siri提出了類似的想法。但是,這里的關鍵因素是信任。為了執行預期的體驗,人們必須允許大公司在后臺收集個人使用數據。
我們已經提到了一些自動測試愛奇藝視頻,信息流和云音樂使用的設計變體的例子。這是個性化用戶體驗的另一種方法,可以放在算法的肩上。Liam 描述了變異設計的有趣概念:它是一個很好的自適應接口模型,它考慮了許多變量以適應特定用戶。
算法驅動設計工具已經存在嗎?
不幸的是,沒有用于Web和移動設備的產品設計工具可以幫助分析和合成與 相同的水平。但是,Grid和Wix可以被認為是或多或少的質量級和簡單的解決方案。Adobe不斷添加可被視為智能的功能:最新版本的具有內容感知功能,當您使用裁剪工具旋轉圖像或將畫布擴展到圖像的原始大小以外時,智能填充間隙。
Adobe和多倫多大學還有另一項實驗。會自動為您精煉設計布局。它還可以提出一種全新的組合。
最后你肯定應該跟隨Adobe的發展,因為該公司在MAX 2016大會上宣布了一個名為的智能平臺。使用Adobe在人工智能和機器學習方面的深厚專業知識,它將成為Adobe消費者和企業產品中未來算法驅動設計功能的基礎。在公告中,公司指的是諸如語義圖像分割(顯示圖像中的每個區域,按類型標記,例如建筑物或天空),字體識別(即識別來自創意資產的字體并推薦類似字體,甚至來自手寫),以及智能的受眾細分。