有了人工智慧,5 分鐘就能建好個人網站?| 靈感早讀
靈感早讀:在這個欄目里,你會知道「產品人」如何創作,提供更好的用戶體驗,並影響成千上萬人的生活。(關注微信號 appsolution,回復「早讀」可獲取文章合輯)
A 君導讀:AppSo 之前為大家介紹過在超級碗上花了至少幾百萬美金投放自己廣告的 http://Wix.com,擁有這樣的資本,必有其過人之處。
靈感早讀這篇文章,告訴你 Wix 如何將人工智慧應用到網站 DIY 中,讓你快速擁有自己的獨特網站。
現在,設計網站並不麻煩,不少公司推出了網站設計服務。其中,比較出名的有 Wix,Squarespace, Adobe Portfolio,還有 Google 的 Material Design Lite。
但服務覆蓋全球約 180 個國家共計約 1 億用戶的 Wix,立志超越行業競爭者,「更上一層樓」。其已成功研發出一款人工智慧(AI)設計系統,該系統核心是背後不斷改進的機器學習模型。
Wix 高級設計智能(ADI)負責人尼燦·阿赫薩夫(Nitzan Achsaf):
你會怎樣做複雜棘手的事呢,就比如搭建網站?
通過用戶調查,我們發現用戶面臨 2 大主要問題:一是如何撰寫引人入勝的網頁文本;二是如何設計出有視覺吸引力的網站。
ADI 技術的工作原理類似視覺平面設計師。相比於千篇一律的模版,ADI 通過向用戶提出一系列問題,打造出「私人訂製」的設計。而且,其也可以從網頁中捕捉信息。
由於在設計過程中用戶會不斷地提供反饋,最後的設計成品也因此相當獨特。
目前,整個過程還不是全自動化的,但離全自動化已經不遠了。
AppSo(微信號 appsolution)嘗試,只用了 5 分鐘左右,就搭建出 1 個心目中的律師事務所網站(當然,這只是一個雛型而已)。
雛型網站中,有我們勾選的各項功能,每個功能模塊都有系統自動生成的文本和圖片。整個過程,除了勾選或輸入信息,其它環節基本都是自動化的。
讓機器學習設計
為打造 ADI,Wix 召集專門研究 AI 的工程師和開發者組成新團隊,針對網頁不同層次內容(比如色彩、布局等等),開發出不同的機器學習模型。
阿赫薩夫淡定地說:「它試圖將設計師的大腦取走,再植入進機器,我認為它是在自動魔力般地搭建網站。」
整個過程的第 1 步,是訓練 ADI 系統並讓它知道怎樣才能搭建一個好看的網站,什麼樣的內容(比如文本和圖片)和架構對任何職業人士都是合理的。
阿赫薩夫說:
比如律師,水管工以及藝術總監,他們每個人都有不同需求,也希望設計出不同的頁面外觀,以及不同的感官體驗。
為達這一效果,Wix 收集了大量視覺驚艷的網站,訓練模型判斷認識「好」網站的「高分顏值」。此外,模型會進一步挖掘網頁,通過表現最佳的網站分析網站流量以及轉化率。
AppSo(微信號 appsolution)註:網站轉化率是指,用戶進行了相應目標行動的訪問次數與總訪問次數的比率。相應的行動可以是用戶登錄、用戶註冊、用戶訂閱、用戶下載、用戶購買等一系列用戶行為。
以用戶登錄為例,如果每 100 次訪問中,就有 10 個登錄網站,那麼此網站的登錄轉化率就為 10%,而最後有 2 個用戶訂閱,則訂閱轉化率為 2%。
模型會通過這些發現,總結出最佳實踐,並通過 AI 系統搭建網站。從視覺著手,再進一步分析數據,保證了流量大的「丑」網站不會把模型給「坑」了。
根據網頁最佳設計改進的模型
模型是怎樣工作的呢?首先,你可以從下拉菜單中選擇你的職業。這裡面有超過 5000 種職業,攝影師、律師、養蜂人等職業種類都在列表裡。然後,你需要輸入公司/個人名,選擇公司/個人地址。ADI 會根據這些信息來為你初步搭建網站。
雖然阿赫薩夫拒絕透露系統是從何處採集信息的,但他提到了本地資料庫以及社交網路。此外,他還提到系統會對信息的質量和可信度評分。
我曾看過一個現場演示,它以健身房為素材。系統通過 Google 搜索列表了解相關評論和基本聯繫信息,然後將這些信息植入網站搭建系統。用戶隨後還可以進一步加入其它信息。當然,如果沒有匹配信息的話,也可以「白手起家」,從 0 到 1 填入所有內容。
以律師事務所為素材的信息搜索。圖片來源:Wix接下來,ADI 會向用戶提出一些問題,指引用戶設計網頁外觀和感官體驗。用戶首先需要從備選設計主題資料庫中選出具有設計敏感度的詞,這些詞都是與各種業務/職業相關的詞。
在前述個人健身網站演示中,備選詞有「勇敢的」、「敏捷的」等等。而另一個建築師的網站演示中,備選詞則是「簡潔的」、「經典的」以及「極簡抽象藝術的」等詞。
要完善這些主題資料庫,ADI 需要了解和認識不同職業相關的網站,並分析最佳網站採用的色彩和字體等信息。(人工)設計師團隊接下來會挖掘有用信息並進一步更新。
本質上來說,系統在搭建最佳設計的平均標準值,並把它作為基準。如果有些內容涉及到某人的知識產權,Wix 則會將其產權買下來。
用戶選擇最具吸引力的主題詞後,ADI 會提供一個檢查清單給用戶,它會幫助用戶了解最有用的網站功能是哪些。比如,選擇「訂閱(Subscribe)」功能,系統會自動推薦不同的訂閱模版。一旦確認勾選某模版,頁面上就會出現該模版。
阿赫薩夫說:
檢查清單。圖片來源:Wix選擇系統自動推薦的其中一個「訂閱」模版。圖片來源:Wix系統會自動為你推薦所有優質內容,它還可以向用戶提供其寫自我介紹時會想到的信息。
在「關於我們(About Us)」功能中,系統根據所挖掘的信息,在不同備選模版中添加了不同的自我介紹內容。你肯定不知道,Wix 團隊花了大量時間,為網站上 5000 余種公司類型撰寫了各種各樣的功能文本。
根據你所選取的信息類型,ADI 會對設計做出輕微調整。比如,若頁面某兩個區域文本內容比例失調,系統會重構布局,讓界面看起來協調。系統還會跟你確認,以保證你喜歡重構後的布局。
如果不喜歡的話,系統會不斷地重構布局,直到你喜歡為止。至於網頁文本、圖像、和空白三者比例的視覺標準,它是根據模型獲取的平均標準值而定的。
「系統知道如何編輯各項選擇,如何設計出更漂亮的界面,如何不停地重構布局,以及如何為你提供針對相同內容的不同布局方案。」阿赫薩夫如是說。ADI 推薦的模版都是基於比較流行的網頁設計規則(比如視差滾動和響應式設計),從而保證設計出的頁面無論在桌面端還是移動端都有較好的視覺效果。
AppSo(微信號 appsolution)註:視差滾動是指讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。
響應式網站設計的理念是:集中創建頁面的圖片排版大小,可以智能地根據用戶行為以及使用的設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相對應的布局。
那麼問題來了:這還能叫設計嗎?
對阿赫薩夫而言,Wix 通過 ADI 將網頁設計過程變得更簡單,也使更多的人擁有更好的網站。
更好,即意味著有更多的人能完成其網頁設計,有更多的人會喜歡其網頁上呈現的東西,並以此為豪,這也就意味著他們會成功。
一個網站看起來是否專業、是否符合審美,和其銷量有很大的關係。如果網站看起來不怎麼樣,你自己都不會信它。如果不信它的話,要買相關產品或服務也就不太可能了。
同時,由於在網頁設計過程中,可能出現上十億種選項(譯者註:原文真的是數十億啊 ?? ),所以兩個網站要真做到一模一樣,那跟中 500 萬差不了多少。
自動化設計,它有好有壞。它可以為人們帶來更獨特的網站,不僅僅限於色彩,布局以及文本內容方面。但是,因為其以數學平均值為基準,模型無法「原創」,畢竟它是通過現有信息學習的。因此,大多數專業設計師也可能會認同,機器肯定比不上人腦。
另外值得一提的是,今天還比較流行的說不定明天就會「失寵」。所以,對於無財力聘請專業平面設計師的小公司來說,Wix 的 ADI 還是很有吸引力的。雖然創建網站不收費,但如果要體驗其他小服務,需要將網站連接至某自定義域名時,用戶則需支付月度固定費用。
「費用不高,一個月也就 2 到 5 杯星巴克的價格。」阿赫薩夫補充說。也就是說,一個月差不多 15 美元。當然,具體費用要根據具體服務而定。
作者 | Diana Budds,作家,關注設計。
譯者 | Jorri原文編譯自 Can You Teach AI To Design? Wix Thinks So本文由讓手機更好用的 AppSo 精選推薦,關注微信號 appsolution,回復「奧斯卡」告訴你,奧斯卡頒錯獎,為什麼是排版惹的禍。
推薦閱讀: